WEB PROJECT · 20 LESSONS전체 공개

전체 커리큘럼

모든 강의가 같은 game-dev-portfolio 폴더를 확장하며 마지막에는 GitHub Pages에 배포 가능한 정적 사이트가 됩니다.

강의 수20강

난이도입문 → 초급

최종 결과물게임 개발자 포트폴리오

학습 흐름

강의	주제	핵심 키워드	학습 결과
1	웹 프로젝트의 역할	structure, style, behavior	책임 지도
2	프로젝트 준비	path, naming, browser	실행 가능한 폴더
3	HTML 기초	semantic, landmark	페이지 뼈대
4	CSS 기초	selector, cascade, box	기본 카드 스타일
5	레이아웃	flex, grid	프로젝트 카드 그리드
6	반응형 웹	viewport, media query	모바일 우선 화면
7	색상·타이포그래피	token, contrast, measure	디자인 토큰
8	이미지와 에셋	path, alt, size	안전한 이미지 처리
9	JavaScript 시작	variable, function, event	첫 상호작용
10	DOM 조작	data, template, render	데이터 기반 카드
11	메뉴와 스크롤	navigation, focus	접근 가능한 메뉴
12	모달과 상세	dialog, focus, escape	프로젝트 상세 모달
13	필터와 정렬	filter, sort, state	프로젝트 목록 제어
14	폼 검증	required, email, validity	전송 없는 문의 UI
15	localStorage	preference, storage	로컬 테마 유지
16	접근성	keyboard, label, semantics	키보드 점검표
17	디버깅	Elements, Console, Network	오류 재현 기록
18	성능	image, rendering, Lighthouse	성능 개선 기록
19	GitHub Pages	static, path, deploy	공개 URL 점검
20	최종 실습	integrate, verify	완성 포트폴리오