웹 개발 기초: HTML, CSS, JavaScript 이해하기
요즘은 누구나 한 번쯤 ‘나도 웹사이트를 만들어보고 싶다’라는 생각을 해봅니다. 블로그를 꾸미거나, 개인 프로젝트를 시작하거나, 나아가 개발자로 커리어를 준비하는 사람들에게 웹 개발은 가장 기본적인 시작점이 됩니다. 하지만 막상 배우려고 하면 “무슨 언어부터 공부해야 하지?”라는 고민이 먼저 떠오르죠. 웹 개발의 기초를 이해하려면 크게 세 가지 언어를 알아야 합니다. 바로 HTML, CSS, JavaScript입니다. 이 세 가지가 웹을 구성하는 핵심 기둥이기 때문에, 기초만 탄탄히 다져도 직접 간단한 웹사이트를 만들 수 있습니다. 이번 글에서는 각각의 역할과 특징을 쉽게 풀어보겠습니다. 1. HTML: 웹의 뼈대를 만드는 언어 HTML(HyperText Markup Language)은 웹페이지의 구조를 정의하는 언어입니다. 쉽게 말해 집의 뼈대라고 생각하면 됩니다. 예를 들어 블로그 글이 있다면, 제목은 <h1> 태그, 본문은 <p> 태그, 사진은 <img> 태그처럼 HTML 태그로 구성됩니다. 이런 태그들이 모여 하나의 문서 구조를 형성하죠. 👉 간단한 예시: <h1>안녕하세요!</h1> <p>이곳은 나의 첫 웹페이지입니다.</p> <img src="image.jpg" alt="샘플 이미지"> 이 코드만으로도 제목, 본문, 이미지가 들어간 간단한 웹페이지를 만들 수 있습니다. 2. CSS: 웹의 디자인을 꾸며주는 언어 HTML이 뼈대라면, CSS(Cascading Style Sheets)는 집을 꾸미는 인테리어 역할을 합니다. HTML만으로는 글자 크기, 색상, 배경 등을 바꿀 수 없기 때문에 디자인적으로 단조롭습니다. CSS를 사용하면 글자 색상을 바꾸고, 여백을 조정하고, 배경색을 입히는 등 시각적으로 보기 좋은 페이지를 만들 수 있습니다. 👉 예시: h1 { color: blue; text-a...