프론트엔드 입문 로드맵

강좌 개요

이 강좌는 roadmap.sh의 프론트엔드 초보자용 로드맵을 따라 프론트엔드 개발의 핵심 흐름을 한 바퀴 도는 입문 과정입니다. HTML로 문서의 뼈대를 만들고, CSS로 스타일을 입히고, JavaScript로 동작을 붙인 뒤, Git·GitHub으로 변경 이력을 관리하고, npm과 Vite로 React 앱을 만들고, Tailwind로 스타일링하고 Vitest로 테스트하는 순서로 진행합니다. 각 단계를 작은 실습으로 직접 확인하며, 과정을 마치면 주니어 프론트엔드 개발자로 성장하기 위한 기초 지형이 그려집니다. 다루지 않는 것은

선수 지식

• 없음

레슨 구성

• 01. 강좌 개요 (1장. 강좌 소개)
• 02. HTML로 문서의 뼈대 만들기 (2장. HTML로 문서의 뼈대 만들기)
• 03. CSS로 페이지에 스타일 입히기 (2장. HTML로 문서의 뼈대 만들기)
• 04. JavaScript로 동작 붙이기 (3장. JavaScript로 동작 붙이기)
• 05. Git·GitHub으로 변경 이력 관리하기 (3장. JavaScript로 동작 붙이기)
• 06. React로 할 일 관리 앱 만들기 (4장. React로 할 일 관리 앱 만들기)
• 07. Tailwind로 스타일링하고 Vitest로 테스트하기 (4장. React로 할 일 관리 앱 만들기)

실습 안내

• 본 강좌의 실습 코드는 브라우저 및 로컬 런타임에서 직접 수정하고 실행할 수 있습니다.