커머스 웹 서비스
상품 목록·장바구니·결제 흐름을 갖춘 반응형 이커머스 프론트엔드.
Tech Stack
배우게 될 기술 스택
현업에서 실제 사용하는 최신 스택 중심으로 구성했습니다.
HTML5
CSS3
JavaScript
TypeScript
React
Node.js
Express
PostgreSQL
Docker
AWS
Git
주차별 상세
16주 커리큘럼 상세
각 주차를 펼쳐 상세 학습 내용을 확인하세요.
Week 1–2 · 웹 개발 기초 다지기
HTML 시맨틱 마크업, CSS 레이아웃(Flex/Grid), JavaScript 문법과 DOM 조작, 개발 환경 세팅과 Git/GitHub 협업 기초를 익힙니다. 첫 정적 웹페이지를 배포합니다.
Week 3–5 · 프론트엔드 심화
React 컴포넌트 설계, 상태 관리와 라우팅, TypeScript 도입, REST API 연동, 반응형 UI 구현. SPA 형태의 개인 프로젝트를 완성합니다.
Week 6–8 · 백엔드 & 데이터베이스
Node.js/Express 서버 구축, RESTful API 설계, JWT 인증, 관계형 데이터베이스 모델링과 쿼리 최적화. 프론트와 연결된 풀스택 구조를 완성합니다.
Week 9–11 · 팀 프로젝트 스프린트
애자일 스크럼으로 실제 서비스를 기획하고 팀 단위로 개발합니다. 코드 리뷰, Docker 컨테이너화, CI/CD 파이프라인을 경험합니다.
Week 12–14 · 실전 포트폴리오 완성
AWS 클라우드 배포, 성능 및 SEO 최적화, 테스트 코드 작성, 현직 멘토의 심층 코드 리뷰로 취업용 포트폴리오를 완성합니다.
Week 15–16 · 취업 완주 스퍼트
이력서·포트폴리오 첨삭, 기술 면접 및 CS 지식 대비, 모의 면접, 180여 개 협약 기업 채용 연계와 1:1 커리어 코칭으로 취업을 완주합니다.
한눈에 보기
완주 타임라인
1-2
기초
웹 개발 기초
HTML · CSS · JavaScript · Git
3-5
프론트
프론트엔드 심화
React · TypeScript · API
6-8
백엔드
서버 & DB
Node.js · Express · PostgreSQL
9-11
협업
팀 프로젝트
Agile · Docker · CI/CD
12-14
배포
포트폴리오 완성
AWS · 테스트 · 최적화
15-16
취업
취업 완주 스퍼트
면접 · 이력서 · 채용 연계
Projects
직접 만드는 실전 프로젝트
수료 시 3건 이상의 실전 프로젝트가 포트폴리오로 남습니다.
데이터 대시보드
실시간 통계와 차트를 시각화하는 관리자 대시보드 풀스택 앱.
팀 협업 SaaS
인증·권한·실시간 알림을 갖춘 팀 단위 협업 서비스 클론.