stack-analysis
CHAPTER 2 / 90
읽기 약 2분
FUNCTION
실전 스택 해부 전체 챕터 안내
핵심 개념
120챕터 4파트 — 프론트엔드 → 백엔드+API → 데이터·인프라 → AI·운영. 학습 순서·우선순위.
본문
⚠️ 이 챕터는 4파트 모두 완성 후 최종 업데이트됩니다. 현재는 파트 1만 표시.
📚 실전 스택 해부 전체 챕터 안내
🎯 소개 (CH.1~4)
| CH | 제목 |
|---|---|
| 01 | 실전 스택 해부, 배워서 어디에 쓸까? |
| 02 | 실전 스택 해부 전체 챕터 안내 (이 페이지) |
| 03 | 대표 서비스의 기술 스택 분석 |
| 04 | 스택 선택 의사결정 프레임워크 |
🟢 파트 1: 프론트엔드 (CH.5~30) — 본 배치
React 생태계 (CH.5~12)
- 폴더 구조·상태 관리·데이터 페칭·폼·컴포넌트 패턴·스타일링·테스트·Storybook
Next.js 프로덕션 (CH.13~20)
- App Router·Server Actions·ISR·미들웨어·이미지·SEO·성능·스트리밍
CSS·디자인 시스템 (CH.21~26)
- Tailwind 심화·디자인 토큰·다크 모드·반응형·애니메이션·접근성
번들링·도구 (CH.27~30)
- Vite·ESLint·모노레포·보일러플레이트🟡 파트 2: 백엔드+API (CH.31~60) — 예정
🔵 파트 3: 데이터+인프라 (CH.61~90) — 예정
🟣 파트 4: AI+보안+운영 (CH.91~120) — 예정
💡 추천 학습 순서:
- 풀스택 지망: CH.1
30 → 3160 → 6190 → 91120 - 프론트 심화: CH.1~30 (이번 배치) + 본인 프로젝트
- 시니어 면접: CH.1~120 전 트랙
⏱️ 예상 소요 시간: 챕터당 약 2530분, 전 트랙 약 5060시간.
AI 프롬프트
🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트
Claude
무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6
내 코드의 120챕터 학습 로드맵 부분을 분석해서 실전 분석 + 개선 우선순위를 알려줘.
ChatGPT
무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro
120챕터 학습 로드맵 관련 인기 라이브러리/패턴 5개를 비교 분석해서 패턴 추출를 알려줘.
Gemini
무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro
내 프로젝트 전체에서 120챕터 학습 로드맵 최적화 가능 위치를 보고해줘.
Grok
무료: Grok 4.1 / SuperGrok $30/mo
2026년 한국 프론트엔드 시장의 120챕터 학습 로드맵 트렌드를 솔직히 알려줘.
⭐ 이것만 기억하세요
실전 스택 해부 전체 챕터 안내는 이 3가지만 확실히 잡으세요
1.120챕터 4파트 구성 — 풀스택 시니어 면접 + 실무 전반 대비
2.파트별 독립 학습 가능 — 본인 도메인에 맞춰 선택
3.다음 챕터 CH.3에서 대표 서비스 스택 분석 — 토스/쿠팡/당근
공유하기
진행도 2 / 90