7장 웹의 3요소: HTML·CSS·JS
JavaScript — 웹의 근육
JavaScript(줄여서 JS)는 웹페이지의 근육입니다. 클릭·입력·스크롤 같은 사용자의 행동에 반응해 페이지를 움직이게 합니다.
HTML(뼈대)과 CSS(옷)는 가만히 멈춰 있습니다. JS가 있어야 버튼을 눌렀을 때 무언가 실제로 일어납니다.
button.onclick = function () {
alert("안녕하세요!");
};버튼을 클릭하면 ‘안녕하세요!’ 알림창을 띄우라는 뜻입니다. 로그인, 검색, 좋아요 버튼 — 눈에 보이지 않아도 모두 JS가 뒤에서 동작하고 있습니다.
그런데 JS가 브라우저 안에서만 도는 건 아닙니다. 서버에서 돌며 데이터를 처리하기도 하죠 — 이 이야기는 다음 장 ‘앱의 구조’에서 이어집니다.
핵심: “눌렀는데 아무 일도 안 일어난다”, “값이 안 바뀐다” 같은 문제는 대개 JavaScript(동작)의 영역입니다.