학습 로드맵
4개 트랙 10주 학습 순서와 VOD·실습·리뷰·완료 기준을 연결하는 세션 안내
이 문서로 공부하는 방법
이 문서는 멋쟁이사자처럼 활동에서 VOD 학습을 세션 실습과 팀 프로젝트로 연결하는 교재입니다. 읽은 양보다 직접 만든 결과, 설명할 수 있는 개념, 실패를 확인하고 고친 기록을 기준으로 학습합니다.
처음에는 공통 시작 문서를 읽고 자신의 트랙 하나를 선택합니다. 프론트엔드·Django·Spring을 동시에 시작할 필요는 없습니다. 기획·디자인 트랙도 화면 제작뿐 아니라 문제 근거와 기능 계약을 팀에 전달합니다.
시작 전 30분
- 환경 설정 문서에서 자기 트랙의 도구만 준비합니다.
- 첫 프로젝트와 Git 협업 문서에서 작업 폴더·브랜치·작은 변경을 경험합니다.
- 아래 주차표에서 이번 주 문서를 열고 선수 지식과 완료 결과를 확인합니다.
- PBL 미션의 참고 VOD 범위를 학습한 뒤 문서 예제를 실행하거나 설계합니다.
- 막힌 지점은 “시도한 것·기대한 결과·실제 결과”로 남겨 세션에서 질문합니다.
10주 학습 경로
주차표는 PBL의 각 트랙 미션과 참고 VOD 안내를 기준으로 구성했습니다. 같은 문서가 여러 주에 걸치면 문서 내부의 주차별 실습을 따릅니다. 문서 분량을 주차 수로 단순 환산하지 않습니다.
기획·디자인 2주의 사용자 리서치는 세션 전 과제 또는 별도 세션으로 진행합니다. 현장에서는 Figma 입문과 사용자 시나리오를 중심으로 다룹니다.
웹사이트에서 읽을 때는 문서 제목 링크로 이동합니다.
각 문서 끝의 ‘연결된 PBL 미션과 VOD’에는 해당 주차의 미션·장 범위·보충 자료가 있습니다. 2026-09-07에 공개된 40개 미션과 참고 VOD 안내를 확인했습니다. 유료 강의 영상 본문을 시청해 전사한 문서는 아닙니다. 강의 접근 권한은 본인 계정으로 확인합니다.
React 7–9주의 VOD 표시는 외부 상호작용·서버 연동·앱 제작 범위를 함께 안내합니다. Router·TypeScript·Supabase의 구체 API는 공식 문서와 실행 예제로 보완합니다. Django 5–10주는 같은 VOD 장을 반복 참고하지만 주차별 산출물은 다릅니다. Spring 10주의 프론트 예제가 SvelteKit이라는 이유로 다른 프론트 팀에 도구 전환을 요구하지 않습니다.
세션 한 번의 흐름
문서의 시간은 현장 세션을 운영하기 위한 제안이며 VOD 재생 시간이나 모든 사람에게 필요한 시간을 뜻하지 않습니다. 설치·접근 권한 문제는 사전 준비에서 확인하고 초심자가 많으면 실습 시간을 늘립니다.
| 단계 | 진행 방식 | 남기는 것 |
|---|---|---|
| 시작 | 지난 결과와 오늘의 목표 확인 | 모르는 용어·예상 결과 |
| 개념 | 작은 예제를 예측하고 실행 | 결과가 나온 이유 |
| 실습 | 파일·명령·화면을 따라 최소 흐름 완성 | 실행 가능한 코드 또는 설계 |
| 변형 | 입력·데이터·상태를 바꾸어 확인 | 실패 사례와 수정 |
| 리뷰 | 짝에게 구현·결정을 설명 | 질문·수정 근거 |
| 마무리 | 완료 기준과 남은 범위 확인 | 다음 행동과 제출 링크 |
진행자는 중간 확인점을 두고 코드를 함께 실행합니다. 정답 코드를 처음부터 모두 설명할 필요는 없습니다. 복사 후 한 번 성공한 것으로 종료하지 않고 문서의 실패 표에서 최소 한 가지를 직접 재현합니다.
트랙이 만나는 팀 프로젝트
학습 예제의 가상 프로젝트 이름은 LION-TRACK입니다. 명단·세션·과제를 통해 협업을 연습하되, 각 트랙의 최소 모델과 API가 이미 완전히 동일하게 구현되어 있다고 가정하지 않습니다. 통합할 때 기능 명세와 API 계약을 먼저 맞춥니다.
- 기획·디자인: 사용자 근거, 핵심 흐름, 화면 상태, 기능 명세, 검증과 인계 자료.
- 프론트엔드: 접근 가능한 화면, 데이터·URL 상태, 로딩·오류·빈 상태와 실제 연동.
- Django: Python·MTV·Form·ORM과 관계를 이해한 로컬 서비스.
- Spring: Java·DI·REST·JPA·트랜잭션을 이해한 API와 연동 결과.
새 기술을 많이 넣는 것보다 한 기능의 입력→처리→저장→응답→화면 흐름을 팀원이 함께 설명하는 것이 우선입니다.
필수 과정과 선택 확장
Next.js, Django REST API·인증·배포, Spring Security·배포는 기본 10주 뒤에 이어갈 확장입니다. 기본기를 건너뛰고 프레임워크 설정부터 외울 필요는 없습니다. 다만 실제 사용자를 받는 공개 서비스라면 인증·권한·비밀값·운영 설정 검증은 생략할 수 없습니다.
예제는 가상 데이터와 로컬 개발 환경을 기본으로 합니다. 실습용 인메모리 DB, 고정 배열, 인증 없는 CRUD는 각 문서에 범위를 명시했습니다. 그대로 운영용이라고 소개하지 않습니다.
제출과 피드백 기준
| 기준 | 확인할 질문 |
|---|---|
| 이해 | 왜 이 구조·타입·정책을 선택했는지 설명하는가 |
| 재현 | 다른 팀원이 명령 또는 프레임 링크로 같은 결과를 확인하는가 |
| 실패 처리 | 잘못된 입력·빈 데이터·권한·네트워크 조건을 검토했는가 |
| 근거 | 실제 실행·관찰 결과와 가정·예시를 구분했는가 |
| 협업 | 변경 이유와 남은 질문을 다음 사람이 찾을 수 있는가 |
제출에는 결과 링크, 실행 방법, 실제 확인한 항목, 막힌 점, 다음 작업을 적습니다. 문서를 읽으며 발견한 오류는 해당 문서명·단계·환경·기대/실제 결과로 제보합니다. 학습 속도 차이를 코드 줄 수나 화면 수로 평가하지 않습니다.
참고한 학습 문서 구조
React의 실습 중심 설명, Spring의 만들 결과와 실행 확인, Linear의 시작 안내처럼 독자가 다음 행동을 찾을 수 있는 구성을 참고했습니다. 디자인을 복제하지 않고 목표→설명→실습→검사→다음 단계의 흐름에 반영했습니다.