바이브 코딩 입문38 / 51
7장 웹의 3요소: HTML·CSS·JS

웹페이지는 무엇으로 이루어지나

우리가 매일 보는 웹페이지는 사실 세 가지 재료로 만들어집니다: HTML, CSS, JavaScript. 이 셋의 역할을 사람에 빗대면 한눈에 이해됩니다.

HHTML — 뼈대제목·문단·버튼 같은 구조와 내용을 담는다CCSS — 옷색·글꼴·크기·배치로 보기 좋게 꾸민다JJS — 근육클릭·입력에 반응해 움직이게 한다
웹페이지 = HTML(뼈대) + CSS(옷) + JavaScript(근육)

각각을 한 줄로 정리하면:

  • HTML — 무엇을 보여줄지: 제목·문단·버튼 같은 ‘내용과 구조’
  • CSS — 어떻게 보일지: 색·글꼴·크기·배치 같은 ‘디자인’
  • JavaScript — 어떻게 움직일지: 클릭·입력에 반응하는 ‘동작’

핵심: 바이브 코딩에선 이 셋을 직접 손으로 짜지 않아도 됩니다. 다만 문제가 생겼을 때 ‘뼈대(HTML)·옷(CSS)·근육(JS) 중 어디가 문제인지’ 구분할 수 있으면, AI에게 훨씬 정확하게 요청할 수 있습니다.

목차