1) Preferences

Visual Studio Code 설치와 사용법을 학습합니다. 저장과 공유를 통해 웹 페이지를 효율적으로 관리하는 방법을 배웁니다.

2) HTML Basics

HTML의 기본 구조와 요소, 속성 개념을 익힙니다. "Hello, World!"를 출력하며 첫 웹 페이지를 작성합니다.

3) HTML Structure

header, main, footer 등 문서 구조를 확장합니다. HTML 속성과 시맨틱 태그를 활용해 정보 구조를 설계합니다.

4) Text Update with JS

textContent를 사용해 HTML 텍스트를 동적으로 변경합니다. 버튼 클릭 시 텍스트가 바뀌는 인터랙션을 구현합니다.

5) Input Handling

사용자 입력값을 value로 받아 화면에 출력합니다. id 선택자와 이벤트를 활용해 양방향 인터페이스를 만듭니다.

6) Basic Events

JavaScript 함수 문법과 이벤트 처리 방식을 익힙니다. onclick, oninput 등 다양한 이벤트를 적용합니다.

7) Event Practice

onchange, onmouseover 등 이벤트를 다양하게 활용합니다. target을 통해 요소 식별과 동작 처리를 학습합니다.

8) Character Generator

입력값에 따라 캐릭터를 생성하는 인터랙티브 페이지를 만듭니다. 선택한 정보가 동적으로 화면에 출력되도록 구현합니다.

9) Conditional Logic

if, else if, else를 활용해 조건 분기를 구현합니다. 체크박스나 라디오 버튼으로 스타일이나 내용이 바뀌게 만듭니다.

10) CSS Styling

classList add, remove, toggle로 동적 스타일을 적용합니다. 이벤트에 따라 요소 스타일을 실시간으로 변경합니다.

11) Puzzle Game

퍼즐을 조작할 수 있는 간단한 게임 UI를 제작합니다. 클릭 이벤트와 클래스 활용으로 동적 요소를 구현합니다.

12) Deploy & QnA

완성한 프로젝트를 GitHub에 업로드합니다. 전체 내용을 정리하고 질의응답으로 마무리합니다.

수강생의 놀라운 변화

100% 리얼 포트폴리오

이미 많은 수강생들이 크리에이터로 활동하고 있습니다. 

유아부터 성인까지 수강생들의 놀라운 변화를 확인하세요.