이번 커리큘럼은 "일단 만들고, 만들면서 배운다" 는 철저한 프로젝트 몰입형(Project-Driven) 구성이야. 16주 동안 총 4개의 큰 프로젝트를 완성하면서 자연스럽게 풀스택 개발자로 거듭나게 될 거야.
목표: HTML/CSS/JS로 실무 수준의 반응형 웹페이지를 구현합니다.
- 1주: 뼈대 잡기 – [프로젝트 시작] 나만의 링크트리(Linktree) 페이지 만들기 (HTML 태그, 시맨틱 구조)
- 2주: 옷 입히기 – 넷플릭스 스타일의 세련된 UI 입히기 (CSS Flexbox, Grid, 애니메이션)
- 3주: 치트키 사용 – 부트스트랩5로 1시간 만에 반응형 포트폴리오 완성하기 (컴포넌트 활용법)
- 4주: 동적 기능 – 클릭하면 바뀌는 테마(다크모드)와 스크롤 효과 (JavaScript DOM 조작)
목표: Node.js 서버를 구축하고 외부 API 데이터를 가져와 내 웹에 뿌려줍니다.
- 5주: 서버 개통 – Express로 나만의 웹 서버 열기 (Request, Response의 이해)
- 6주: 데이터 수집 – 영화 정보 API(TMDB) 연동하기 (Axios, 비동기 통신
async/await) - 7주: 화면 렌더링 – EJS 템플릿 엔진으로 영화 목록 자동 생성하기 (반복문, 조건문 실전 활용)
- 8주: 인터랙션 – 검색창 만들기! 사용자가 입력한 영화 정보 서버에서 찾아오기 (Query String 처리)
목표: 데이터베이스(DB)를 연결하고 회원가입/로그인 기능을 완벽히 구현합니다.
- 9주: 영구 저장 – MongoDB 연결! 껐다 켜도 사라지지 않는 일기 쓰기 (NoSQL 기초, Mongoose)
- 10주: CRUD 완성 – 일기 수정하고 삭제하기 (백엔드의 핵심: Create, Read, Update, Delete)
- 11주: 보안의 벽 – 회원가입과 비밀번호 암호화 (Bcrypt, Session/Cookie 관리)
- 12주: 파일 업로드 – 사진이 포함된 일기 쓰기 (Multer 라이브러리, 이미지 스토리지 활용)
목표: 실제 서비스 가능한 수준의 결과물을 완성하고 전 세계에 공개합니다.
- 13주: 기획 & 설계 – 나만의 아이디어 구체화 및 DB 스키마 설계 (ERD 작성 맛보기)
- 14주: 기능 구현 (Sprint) – 게시판, 댓글, 혹은 좋아요 기능 구현 (핵심 로직 집중 개발)
- 15주: 마감 & 디버깅 – 예외 처리(에러 페이지)와 코드 리팩토링 (클린 코드 맛보기)
- 16주: 릴리즈 – Render/Vercel을 이용한 서버 배포! 내 결과물을 친구들에게 공유하기
- Warm-up (30분): 지난주 결과물 코드 리뷰 및 오늘 만들 기능 시연
- Core Concept (1시간): 오늘 구현에 꼭 필요한 핵심 이론만 "짧고 굵게" 설명
- Hands-on (3시간): 강사와 함께 코딩하며 프로젝트 기능 구현 (중간중간 트러블슈팅)
- Wrap-up (30분): 배운 내용 정리 및 이번 주 과제(기능 추가) 가이드
- No Boring Lectures: 변수, 자료형부터 배우는 게 아니라 "버튼을 누르면 글이 써지게 하려면?"이라는 질문에서 시작합니다.
- Real-world Tools: 실제 현업에서 쓰는 VS Code, Git/GitHub, Postman, MongoDB Atlas를 그대로 사용합니다.
- Portfolio Ready: 16주가 끝나면 최소 4개의 서로 다른 프로젝트가 깃허브에 쌓입니다.