SKIP TO CONTENT
GENERAL TRACK

페이지를 인터랙티브하게 만들기

JavaScript를 사용해 페이지에 버튼, 카운터, 동적 동작을 추가하세요.

1JavaScript란 무엇인가요?

지금까지 여러분의 페이지는 정적이었습니다 — 콘텐츠를 보여주지만 상호작용해도 아무것도 바뀌지 않죠. JavaScript는 페이지에 생명을 불어넣는 것입니다. 클릭을 듣고, 텍스트를 업데이트하고, 요소를 숨기거나 보여주며, 사용자의 행동에 반응하는 「두뇌」입니다.

웹의 세 가지 언어

HTML

골격 — 페이지에 어떤 콘텐츠가 나타나는가

CSS

겉모습 — 콘텐츠가 어떻게 보이는가 (색상, 간격, 글꼴)

JavaScript

두뇌 — 페이지가 어떻게 동작하고 사용자에게 반응하는가

AI로 인터랙티브 기능을 코딩하면 AI는 이 셋을 결합합니다. 여러분의 프롬프트가 「클릭 수를 세는 버튼을 추가해」라면, AI는 HTML(버튼), CSS(겉모습), JavaScript(클릭 시 일어나는 일)를 한 번에 모두 작성합니다.

Your guide

2프롬프트: "클릭 수를 세는 버튼을 추가해"

3카운터 맞춤 설정하기

4프롬프트: "다크 모드 토글을 추가해"

5도전: 인터랙티브 할 일 목록 만들기