01 — Curriculum Detail

5개월, 실무 투입까지의 로드맵

각 단계는 미션 기반으로 진행됩니다. 미션을 통과해야 다음 단계로 진행할 수 있으며, 전 과정에 걸쳐 AI를 실무 도구로 적극 활용합니다.

01

1개월차

Next.js 기반 퍼블리싱 고도화

  • 오리엔테이션 · Next.js 16 & TailwindCSS 4 환경 세팅
  • 필수 문법 패턴 36종 — 프로젝트 구조 · 스타일 · 정적/동적 처리
  • 백엔드 API 연동 · 데이터 렌더링 · 에러/로딩 처리
  • 검색엔진 최적화 (SEO) · Vercel 배포
  • 실습 10종 — 단계별 프로젝트 기반 핸즈온 훈련
미션 산출물 — 필수 문법 패턴 36종 + 실습 10종 이수 · 미션 프로젝트 제출
02

2개월차

GSAP 인터랙션 · 실무 UI 모션

  • GSAP 핵심 API · Path · Canvas · Context · ScrollTrigger
  • 탭메뉴 · 슬라이더 · GNB 모션 · 토글 메뉴 · 레이어팝업
  • 페이지 전환 · 스크롤 제어 모션 실습
  • 브랜드 프로모션 UI 프로젝트 5케이스 제작
미션 산출물 — GSAP 기반 인터랙티브 UI 프로젝트 제출
03

3개월차

컴포넌트 접근성 · 인터랙션

  • Next.js 컴포넌트 단에서 WCAG 2.1 접근성 구현
  • ARIA 패턴 · 키보드 내비게이션 설계
  • UI 인터랙션 로직의 컴포넌트 내부 구현
  • 탭 · 아코디언 · 모달 TSX 컴포넌트 직접 설계
미션 산출물 — 접근성 준수 인터랙티브 TSX 컴포넌트 5종 제출
04

4개월차

API 연동 컴포넌트 설계

  • Spring API 명세서 읽기 · 해석
  • 프론트-백 데이터 흐름 이해
  • API 연동 최적화 TSX 컴포넌트 설계
  • 에러 핸들링 · 로딩 상태 관리
미션 산출물 — 실제 API 연동 Next.js 프로젝트 1종 제출
05

5개월차

실무 협업 · QA 시뮬레이션

  • Next.js 프로젝트 기반 Git 브랜치 전략 · PR 프로세스
  • 코드 리뷰 실습 (주고받기)
  • 협약 기업 실무 환경 시뮬레이션
  • QA 피드백 대응 · 수정 사이클
미션 산출물 — 팀 프로젝트 1종 + 개인 포트폴리오 완성
03 — How It Works

수업은 이렇게 진행됩니다

무제한 동영상 강의, 주간 과제와 1:1 피드백, 월별 미션 평가까지 — 정량적이고 객관적인 지표에 근거한 체계적인 훈련 프로세스입니다.

01

무제한 동영상 강의

실무 맞춤 필수 기술 습득을 위한 동영상 강의를 무제한으로 학습할 수 있습니다. 5개월 프로그램 훈련생으로 선발되지 않더라도, 기초 문법 학습 영상은 단과 수업 형식으로 별도 신청이 가능합니다.

02

주간 과제 · 1:1 피드백

매주 실무 기반 과제가 출제되며, 제출된 과제에 대해 1:1 맞춤 피드백을 제공합니다. 단순 채점이 아닌, 코드 품질 · 구조 · 개선점까지 구체적으로 리뷰합니다.

03

월별 미션 평가

매월 5주차에 정량적이고 객관적인 평가 지표에 근거한 미션을 수행합니다. Pass 시 다음 단계로 진입하고, Fail 시 추가 비용 없이 다음 달 미션에 재도전할 수 있습니다.

04

성취도 분석 보고서

Pass · Fail 여부와 관계없이, 매 단계마다 현재 성취도와 취약점, 개선점을 정밀 분석한 분석표 및 맞춤 학습 계획 복습 보고서를 제공합니다.

05

AI 도구 활용 (필수)

전 과정에서 Claude Code를 실무 보조 도구로 활용합니다. Claude Code Pro 플랜(월 $20, 약 3만 원)의 개인 구독이 필요합니다.

UI Architect 전용06

UI Architect 전용 심화 과정

UI Architect 프로그램 참여자에게는 AI 기반 워크플로 자동화, 코드 품질 검수, 접근성 감사 자동화 등 실무 생산성 극대화를 위한 전용 심화 영상 강의가 추가로 오픈됩니다.

04 — FAQ

자주 묻는 질문

월 48만 원, 총 5개월 과정입니다. 5단계까지 무리 없이 수료하면, 수료 직후 협약 기업 외주 프로젝트에 바로 참여할 수 있습니다. 훈련비 이상을 회수할 수 있는 수준으로 책정되어 있으며, 현재 1기 모집 기간에 한해 이 금액으로 운영됩니다. 2기부터는 인상될 수 있습니다.

월 단위로 납부하는 구조이므로 별도의 분할 납부 절차가 필요 없습니다. 카드 할부 결제도 준비 중이며, 1기 첫 달은 계좌이체로 진행됩니다. 금액이 부담되시는 경우 24만 원씩 나눠서 익월에 납부하셔도 무방합니다.

네, 2기 모집을 계획하고 있습니다. 다만 현재 1기는 성과 기반으로 운영되는 만큼, 훈련비가 가장 합리적으로 책정되어 있습니다. 2기부터는 금액이 인상될 수 있으므로, 1기에 등록하시는 것이 가장 유리합니다. 2기 오픈 일정은 아직 확정되지 않았지만, 대략 2~3개월 뒤 모집할 예정입니다.

국비지원 과정은 아닙니다. 대신 실무 투입, 협업 시뮬레이션, 기업 프로젝트 연결까지 다각도로 설계된 과정입니다. 웹퍼블리셔가 현업에 바로 적응할 수 있도록, 보유한 실무 지식과 에셋을 총동원해 5단계까지 밀착 훈련합니다. 일반 국비교육 이상의 결과물을 가져가실 수 있습니다.

플립러닝 방식으로 운영됩니다. 동영상 강의는 온라인으로 무제한 수강할 수 있습니다. 매주 1회 라이브 세션에서 1:1 피드백과 코드 리뷰를 진행하며, 네이버 웨일온으로도 참여할 수 있어 지역 제한 없이 수강 가능합니다.

교육 시작 후 일정 기간 내 환불 규정이 있습니다. 자세한 환불 정책은 문의 시 안내해드립니다.

취업을 '보장'하지는 않습니다. 다만 전 과정 미션을 통과한 수료생에게는 협약 기업과의 프로젝트 참여 기회를 제공합니다. 오랜 기업교육 경험을 통해 현장에서 요구하는 역량을 파악하고, 웹퍼블리셔에게 최적화된 단기 실무 트레이닝으로 설계했습니다. 5단계까지 수료하시면, 지금과는 비교할 수 없을 만큼 많은 기회가 열린다는 점은 확실히 약속드릴 수 있습니다.

라이브 세션은 주 1회 진행되며, 참석은 필수입니다. 불가피한 사정이 있을 경우, 사전 공지 시 녹화본과 비동기 피드백으로 대체할 수 있습니다. 다만 정당한 사유 없이 2회 이상 불참 시, 프로그램 재참여에 제한이 있을 수 있습니다. 만약 라이브 피드백을 1회 이상 불참하게 될 것 같다면 차라리 지금이 아닌 추후 2기 신청을 권장드립니다.

한 기수당 최대 10명 이하로 모집합니다. 1:1 과제 첨삭과 코드 리뷰의 품질을 유지하기 위해 소수 정예로 운영합니다. 인원이 마감되면 다음 기수까지 기다리셔야 합니다. 1기는 넉넉히 10명을 모집했지만, 2기부터는 참여 인원을 더 줄여 운영할 예정입니다.

등록 후 사전 학습 자료를 제공합니다. 자바스크립트 기초 개념을 다룬 간단한 학습 자료이며, 미리 보고 오시면 첫 단계부터 수월하게 따라올 수 있습니다. 별도의 장비나 소프트웨어 구매는 필요 없습니다.

미션 Fail 시 추가 비용 없이 다음 달에 같은 단계 미션에 재도전할 수 있습니다. 추가로 발생하는 비용은 없으며, 1:1 피드백 및 첨삭은 따로 제공되지 않지만 중간에 막히는 부분은 언제든 온라인을 통해 정기적으로 답변드리고 있습니다. 본인 속도에 맞춰 무리 없이 진행하실 수 있습니다.