나와 가장 가까운 유형을 선택하면, 맞춤 학습 로드맵을 바로 확인할 수 있습니다.
채용공고 10개 중 8개가 React/Next.js를 요구합니다
AI가 단순 마크업을 빠르게 대체하기 시작했습니다
경력 7년차인데 React 쓰는 신입과 연봉이 같습니다
퍼블리셔 출신 프론트엔드 → 디자이너-개발자 브릿지 역할로 희소가치
기업형 사이트를 혼자 풀스택으로 → 프리랜서 단가 2배
Claude Code가 코드를 대신 써줘서, 구조만 이해하면 됩니다
Claude Code로 HTML 시안 → React 자동 전환 시연
AI 코딩의 가능성 확인
1시간 · 무료
필요한 기술만 골라서 빠르게 습득하는 단위 모듈
각 모듈별 완성 예제 1개
각 4시간 · ₩60,000
선택한 방향으로 포트폴리오급 실무 프로젝트 완성
포트폴리오급 산출물 1개
14시간 · ₩280,000
각 4시간 · ₩60,000. 모든 모듈은 Claude Code와 함께 진행합니다. 코드를 외우지 않고, AI에게 지시하고 결과를 이해/수정하는 방식입니다.
Next.js 16 기초
App Router, 서버/클라이언트 컴포넌트, 라우팅
멀티페이지 웹사이트 1개 (배포)
TailwindCSS 4
유틸리티 퍼스트, 반응형, 커스텀 테마
반응형 UI 컴포넌트 세트
GSAP 모션
스크롤 트리거, 타임라인, 텍스트 애니메이션
스크롤 모션 프로모션 페이지 1개
TypeScript 기초
타입 시스템, 제네릭, Next.js 적용
기존 프로젝트 TS 전환
React Query + Zustand
서버 상태 캐싱, 클라이언트 전역 상태
API 연동 데이터 목록 + 장바구니
S1 (Next.js 16 기초)은 모든 트랙의 필수 출발점입니다
각 14시간 · ₩280,000. 스킬 모듈을 기반으로 포트폴리오급 실무 프로젝트를 완성합니다.
Next.js + TailwindCSS
퍼블리싱 작업을 프론트엔드 개발 수준의 컴포넌트 구조로 체계화
Next.js + GSAP
브랜드 프로모션에 특화된 인터랙티브 모션 사이트 제작
Next.js + React Query + Zustand + TS
데이터 페칭/캐싱/상태관리에 특화된 웹앱 제작
여기까지 왔다면, 더 갈 수 있습니다
트랙 확장
다른 전문 트랙 추가 수강
풀스택 전환
Supabase + 결제 연동으로 서비스화