움직이는 인터페이스

코딩 교육

직접 만들어보는
작동하는 화면

웹의 기본 구조와 인터랙션을 작은 프로젝트로 배웁니다. 읽을 수 있는 코드와 직접 확인하는 결과에 집중합니다.

Build in the room
나의 첫 웹페이지

작동하는 첫 번째 화면

직접 조작하며 변화를 확인해보세요.

Build in the room

이미지를 열어 자세한 내용을 살펴보세요.

HTML과 CSS로 읽기 좋은 소개 페이지를 만듭니다.

버튼과 입력, 상태 변화의 원리를 익힙니다.

사용자의 과업을 중심으로 여러 화면을 연결합니다.

수업 둘러보기

목차를 열어 학습할 내용을 읽고 진행을 체크해보세요.

0 / 4 학습

학습 체크와 메모는 이 브라우저에 저장됩니다.

궁금한 점

처음 참여해도 괜찮나요?

각 수업의 주제와 난이도를 확인하세요. 목차에서 배우는 내용과 작은 과제를 먼저 살펴볼 수 있습니다.

학습 기록은 어디에 남나요?

체크한 항목은 이 브라우저에 저장됩니다. 같은 브라우저에서 다시 열면 이어서 확인할 수 있습니다.

제품 화면 프로젝트

복사한 코드 다음의 이해

작동하는 예제를 만든 뒤 조건을 바꾸어봅니다. 작은 기능이 어디에서 입력을 받고 어떤 상태를 바꾸는지 설명할 수 있게 연습합니다.