본문으로 이동
DevIT

Education

예시

Off-line

같은 공간에서 질문하고, 직접 만들고, 서로의 경험을 나눕니다. 우리에게 맞는 과정을 선택하고 함께 배우는 시간을 살펴보세요.

노트북과 화면 설계 자료를 함께 살펴보는 대면 워크숍 예시
예시 이미지

함께 만드는 프로젝트

팀 프로젝트 실습

혼자 배운 기술을, 함께 만드는 경험으로.

문법과 도구를 익힌 다음에는 실제로 함께 만들어보는 시간이 필요합니다. 가상의 지역 모임 예약 서비스를 주제로 기획부터 구현, 코드 검토, 결과 발표까지 경험합니다. 강사는 정답을 먼저 보여주기보다 팀이 막힌 지점을 함께 짚고, 선택의 이유를 설명할 수 있도록 코칭합니다.

교육 방식
대면 팀 프로젝트
추천 수준
웹 개발 기초 학습 후
일정·장소
사전 협의
준비물
개인 노트북

이런 분과 함께합니다

기초 개발 경험을 갖추고 협업 프로젝트를 경험하고 싶은 분

함께 다루는 기술과 주제

  • React
  • TypeScript
  • Git
  • GitHub
  • 코드 검토
  • 팀 협업
노트북과 화면 설계 자료를 함께 살펴보는 대면 워크숍 예시
예시 이미지

문제 정의와 화면 설계를 함께 진행하는 워크숍 장면 예시

01 / LEARNING EXPERIENCE

첫 시간에는, 같은 문제를 바라봅니다.

바로 코드를 작성하기 전에 누가 서비스를 사용하고, 어떤 문제를 해결하려는지 함께 정리합니다. 모임을 찾는 사람과 모임을 운영하는 사람의 관점에서 예약 과정을 그려보고, 이번 실습에서 끝까지 완성할 사용자 흐름을 선택합니다.

화면 설계와 작업 목록을 한곳에 모으고 팀원의 관심과 경험에 맞춰 역할을 나눕니다. 구현 범위가 너무 넓거나 역할이 한쪽에 몰리지 않도록 강사가 팀별로 계획을 함께 검토합니다.

노트북과 스마트폰 화면으로 디지털 제품을 살펴보는 프로젝트 예시
예시 이미지

구현한 화면을 연결하고 결과물을 확인하는 실습 장면 예시

02 / LEARNING EXPERIENCE

각자의 코드를 연결하고, 하나의 서비스를 완성합니다.

모임 목록, 상세 정보, 예약 입력 화면을 나누어 구현한 뒤 하나의 흐름으로 연결합니다. 공통으로 사용하는 데이터와 컴포넌트의 기준을 정하고, 변경한 내용을 서로 설명하며 코드 검토를 진행합니다.

구현이 막혔을 때는 오류 메시지와 재현 과정을 함께 확인합니다. 마지막에는 다른 팀원이 실제 사용자처럼 서비스를 사용해보고, 피드백을 바탕으로 개선할 부분을 정리합니다. 결과 발표에서는 완성한 기능뿐 아니라 팀의 판단과 배운 점도 공유합니다.

Curriculum

배움이 결과물로 이어지는 과정

아래는 교육 흐름을 보여주는 구성 예시입니다. 참여자의 경험과 목표에 따라 단계별 깊이와 진행 시간을 조정합니다.

  1. 01

    문제 정의와 사용자 흐름

    가상의 서비스 요구사항을 읽고 핵심 사용자의 목표를 정합니다. 모든 기능을 나열하기보다 예약을 완료하는 하나의 흐름에 집중합니다.

    • 요구사항 정리
    • 사용자 흐름
    • 화면 설계
    • 구현 범위 합의
  2. 02

    프로젝트 준비와 역할 분담

    함께 사용할 개발 환경과 작업 규칙을 맞춥니다. 작업을 작은 단위로 나누고, 누가 어떤 결과물을 만들지 서로 확인합니다.

    • React · TypeScript
    • Git · GitHub
    • 컴포넌트 설계
    • 작업 분담
  3. 03

    공동 구현과 코드 검토

    목록 조회, 상세 화면, 예약 입력을 구현하고 연결합니다. 서로의 변경사항을 검토하며 데이터 전달과 오류 처리 기준을 조율합니다.

    • 상태 관리
    • 입력값 검증
    • 변경사항 검토
    • 오류 재현과 해결
  4. 04

    사용성 점검과 결과 발표

    실제 사용 흐름을 따라 기능을 확인하고 불편한 점을 개선합니다. 결과물 시연과 팀 회고로 다음 프로젝트에 가져갈 협업 기준을 정리합니다.

    • 동료 피드백
    • 사용성 개선
    • 프로젝트 시연
    • 팀 회고

What you take away

교육이 끝난 뒤에도
남는 것들

  • 직접 구현한 프로젝트

    모임 탐색부터 예약 입력까지 핵심 흐름을 담은 실습 결과물과 소스코드

  • 팀의 작업 기록

    화면 설계, 역할 분담, 코드 검토에서 합의한 내용과 문제 해결 과정

  • 다음 학습을 위한 개선 목록

    동료 피드백과 회고를 바탕으로 정리한 보완 과제와 다음 구현 아이디어

참여 전 확인해 주세요

  • 개인 노트북과 충전기를 준비합니다. 개발 환경 설치 안내는 진행 전 별도로 전달하는 구성을 가정합니다.
  • JavaScript와 React의 기초 문법, 컴포넌트와 상태의 개념을 학습한 분에게 적합한 실습 예시입니다.
  • 진행 일정, 장소, 팀 구성과 실습 범위는 참여자의 경험과 교육 목적에 맞춰 사전 협의합니다.

자주 묻는 질문

혼자 신청해도 팀 프로젝트에 참여할 수 있나요?

개인 참여자를 팀으로 구성하는 운영을 가정한 예시입니다. 실제 모집 여부와 팀 구성 방식은 교육 일정이 정해지면 안내할 예정입니다.

기초 개발 경험은 어느 정도 필요하나요?

간단한 React 화면을 만들고 사용자 입력에 따라 상태가 바뀌는 흐름을 이해하는 수준을 권장합니다. 참여자의 경험에 따라 구현 범위와 코칭 깊이를 조정할 수 있습니다.

완성한 프로젝트를 이후에도 개선할 수 있나요?

실습 코드와 작업 기록을 바탕으로 학습을 이어가는 구성을 가정합니다. 실제 자료 제공 범위와 이용 조건은 교육 확정 시 별도로 안내합니다.

함께 다음 배움을 설계합니다

팀 프로젝트 실습에 대해 이야기해 볼까요?

교육 목적과 참여자의 경험을 알려주세요. 일정, 장소, 진행 범위를 함께 정리합니다.

교육 문의하기

현재 소개와 이미지는 구성 확인을 위한 예시입니다. 실제 교육 사진과 확정된 운영 내용은 추후 반영됩니다.