학습 로드맵 — 어디부터 어디까지 가는가

"풀스택을 다 배우려면 몇 년이 걸리나요" 같은 질문에는 정해진 답이 없습니다. 다만 자주 인용되는 시각화 자료, 자주 빠지는 함정, 자주 권장되는 순서가 있음. 이 글은 로드맵 자료의 출처 · 깊이와 폭의 트레이드오프 · 다섯 갈래 길의 객관 비교 · 첫 프로젝트의 가치 · 학습을 보존하는 방법.

1. 로드맵 자료

가장 자주 인용되는 학습 로드맵은 roadmap.sh. 2017 년 Kamran Ahmed 가 GitHub 저장소 (kamranahmedse/developer-roadmap) 로 시작했고 이후 웹사이트로 발전해 매년 갱신. Frontend · Backend · DevOps · Full Stack · Android · iOS · Data · AI · QA 등 30 개 이상 갈래의 그림.

이 자료는 안내판이지 정해진 코스가 아닙니다. 모든 항목을 외우라는 의미가 아니라, "이 갈래에는 이런 개념들이 등장한다" 의 지도.

2. 깊이 vs 폭 — T-shape 비유

T 자 모양의 직무 비유가 자주. 가로 막대는 여러 분야의 얕은 이해, 세로 막대는 한 분야의 깊은 전문성:

┌──────────────────┐
│       폭          │ ← 여러 기술의 기초 (HTTP · DB · OS · Git)
└──────────────────┘
        │
        │  깊이 ← 한 가지 전문 (예: React 또는 PostgreSQL)
        │
        ▼

처음에는 폭이 얕고 깊이도 얕음. 시간이 지나면 폭이 늘면서 한 자리의 깊이가 깊어짐. "T-shape engineer" 라는 표현이 여기서.

순서에 절대 답은 없으나 자주 권장되는 자세는 "한 갈래에서 한 작은 프로젝트를 끝까지 만들고, 그 과정에서 부족한 폭은 그때 채운다".

3. 다섯 갈래 길

갈래	핵심 도구	자주 만드는 결과물	진입 장벽
Frontend	HTML / CSS / JS · React / Vue / Svelte	웹 페이지 · SPA	낮음 (결과가 눈에 보임)
Backend	Node / Python / Java · DB · API	서버 · API · 큐	중간 (추상이 많아짐)
Full Stack	위 둘 + 인프라 일부	작은 SaaS 전체	중간 (폭이 넓음)
DevOps / Cloud	Docker · Kubernetes · IaC · CI / CD	배포 파이프라인	높음 (사전 지식 많음)
Data / AI	Python · SQL · pandas · PyTorch	모델 · 분석 보고서	중간 (수학 · 통계 동반)

각 갈래는 다른 갈래의 기초를 일부 요구. Frontend 도 HTTP · 터미널 · Git 같은 공통 기초가 깔립니다.

선택의 기준:

• 결과가 눈에 빨리 보이는 게 동기부여가 되는 사람 — Frontend 가 자연스러움.
• 데이터 · 로직 자체에 흥미가 큰 사람 — Backend / Data.
• 시스템 · 자동화에 흥미가 큰 사람 — DevOps / Cloud.
• 수학 · 통계 · 모델에 흥미가 큰 사람 — AI / Data.

처음 진입 장벽이 낮다고 그 갈래가 더 쉬운 직무는 아님. 깊이로 들어가면 어느 갈래든 평생 갈 만큼 넓음.

4. 첫 프로젝트의 가치

"튜토리얼 헬 (tutorial hell)" 은 강의 · 튜토리얼만 끝없이 따라하면서 자기 코드를 한 줄도 안 쓰는 상태를 가리키는 비공식 표현. 강의는 안전. 막힐 일이 없음. 자기 프로젝트는 첫 줄부터 막힘. 그 막힘이 학습의 핵심.

권장되는 첫 프로젝트의 조건:

• 자신이 쓰고 싶은 도구 — 동기가 길게 감.
• 2 ~ 4 주 안에 끝낼 수 있는 작은 범위 — 미완성 누적은 사기를 떨어뜨림.
• 튜토리얼과 다른 자리 — 똑같이 따라 하면 학습이 아님.

예 — "내 책 읽은 기록을 적는 웹 페이지" · "오늘 점심 메뉴를 추천하는 작은 도구" · "암기 카드 앱". 누구도 부러워할 만한 결과가 아니어도 좋음. 끝까지 만들어 본 경험 자체가 자산.

5. 학습 보존

배운 것을 잊지 않으려면 다시 꺼내 쓸 수 있는 자리가 필요:

• 개인 메모 — Obsidian · Notion · 텍스트 파일. 검색 가능한 자리.
• 블로그 — 한 번 쓰면 다음에 같은 자리에서 막혔을 때 자기 글을 검색해 만남.
• GitHub 저장소 — 자기 코드 자체가 메모. README 에 의도를 적으면 더 좋음.
• 다시 만들어 보기 — 6 개월 뒤 같은 작은 프로젝트를 처음부터 다시. 무엇이 더 잘 되고 무엇이 여전히 막히는지가 보임.

"배웠다" 와 "쓸 수 있다" 사이의 거리가 의외로 큼. 이 거리를 줄이는 도구가 메모와 재현.

6. 다른 길

전형적 로드맵 외:

• 컴퓨터 사이언스 학부 커리큘럼 — Harvard CS50 · MIT OpenCourseWare. 수년 단위의 깊이 있는 토대.
• 부트캠프 — 단기 집중. 결과 편차 큼.
• 회사 입사 후 OJT — 가장 빠른 학습. 단 운에 좌우.
• 오픈소스 기여 — good first issue 라벨에서 시작. 살아 있는 코드베이스를 봄.

7. 처음 6 개월 (Frontend 기준)

1~2주차: HTML · CSS 기본, 정적 페이지 한 장
3~4주차: JavaScript 기본, DOM 조작, 작은 인터랙션
5~6주차: HTTP · fetch · JSON, 공개 API 호출 페이지
7~8주차: Git · GitHub, 원격 저장소에 코드 올리기
9~12주차: React 또는 Vue 한 가지, 컴포넌트 분해
13~16주차: 라우팅 · 폼 · 상태관리, 작은 토이 앱
17~24주차: 첫 자기 프로젝트 1~2개, 배포 (Vercel · Netlify)

기간은 사람마다 크게 다름. 절반이 걸리는 사람도 있고 두 배가 걸리는 사람도. 비교는 자기 어제와.

8. 자주 걸리는 자리

로드맵 다 외우기에 빠짐 — 지도는 안내판일 뿐. 실제 길은 자기가 걸어야 함.

여러 강의 동시 시청 — 한 강의를 끝낸 뒤 다음. 동시 진행은 둘 다 미완성으로 끝남.

유행 따라 갈래 바꾸기 — 6 개월마다 React → Vue → Svelte → Solid 로 옮기면 깊이가 안 쌓임. 한 가지를 1 년 정도는 깊이.

"기초가 부족해서 시작 못 함" — 어느 만큼이 충분한지 자기는 모름. 작게라도 시작하면서 부족한 기초를 그때 채움.

번아웃 — 1 년 페이스를 1 개월에 압축하면 무너짐. 매일 30 분 1 년이 매일 4 시간 한 달보다 보통 멀리 감.

혼자만 공부 — 같이 배우는 사람 · 멘토 · 커뮤니티가 학습 속도를 크게 바꿈.

하고픈 말

학습 로드맵은 안내판일 뿐, 실제 길은 자기가 걷는 것. T-shape 의 한 갈래를 깊이 + 다른 갈래의 기초를 폭 으로. 첫 작은 프로젝트를 끝까지 만드는 경험이 튜토리얼 백 개보다 가치. 매일 30 분 1 년 페이스가 매일 4 시간 한 달보다 멀리.

Next

• debugging-mindset
• (learning 끝)

roadmap.sh · developer-roadmap GitHub · The Odin Project · freeCodeCamp · CS50 (Harvard) · MIT OpenCourseWare · Teach Yourself Programming in Ten Years (Peter Norvig) · Atomic Habits (James Clear) · Hacker News · Lobsters · GeekNews · Dev.to · Hashnode 를 참고합니다.