🌱 기초 basic
HTML, CSS, JavaScript가 뭔가요
쉽게 이해하기
집을 짓는다고 생각해보세요. HTML은 벽, 기둥, 문 같은 구조예요. CSS는 페인트, 벽지, 가구 배치 같은 인테리어죠. JavaScript는 전기, 수도, 엘리베이터 같은 동작하는 설비예요. 셋이 모여야 완성된 집(웹사이트)이 돼요.
핵심 정리
HTML은 뼈대, CSS는 디자인, JavaScript는 동작을 담당하는 웹의 3대 언어예요.
자세히 알아보기
HTML(HyperText Markup Language)은 웹페이지의 뼈대를 만드는 언어예요. '여기는 제목', '여기는 문단', '여기는 이미지'처럼 내용의 구조를 정의하죠. 예를 들어 `<h1>안녕하세요</h1>`는 큰 제목, `<p>반갑습니다</p>`는 문단을 의미해요. HTML만으로는 밋밋한 문서처럼 보여요.
CSS(Cascading Style Sheets)는 꾸미는 언어예요. 글자 색깔, 크기, 배치, 간격, 배경 이미지 같은 걸 지정해요. `color: blue;`는 글자를 파랗게, `font-size: 20px;`는 글자를 20픽셀 크기로 만들죠. CSS 덕분에 같은 HTML도 완전히 다른 디자인으로 보일 수 있어요.
JavaScript는 웹페이지를 움직이게 하는 프로그래밍 언어예요. 버튼을 누르면 팝업이 뜨게 하거나, 스크롤하면 메뉴가 따라오게 하거나, 실시간으로 날씨를 불러오는 일을 해요. 요즘은 JavaScript로 복잡한 웹 앱까지 만들 수 있어서, 가장 영향력 있는 언어 중 하나예요.
이 셋은 분리해서 관리하는 게 좋아요. HTML 파일, CSS 파일, JS 파일을 따로 만들어서 연결하죠. 그래야 나중에 디자인만 바꾸거나, 기능만 추가하기 쉬워요. 웹 개발의 시작은 이 세 언어를 이해하는 거예요.