[Web UI 기초 #1] 웹사이트는 어떻게 만들어질까? HTML부터 시작하는 이유

 

🟡 [시작하기 전에] 웹사이트는 어떻게 만들어질까?

“웹 개발을 배운다는데… HTML이 도대체 뭔데?”
처음 접하는 사람이라면 누구나 가질 수 있는 의문입니다.
웹사이트가 어떻게 만들어지는지, 왜 HTML을 배우는지 이 글에서 함께 알아보겠습니다.

 

---

 

🔷 웹사이트는 그냥 그림이 아니다

우리가 보는 모든 웹 페이지는 브라우저가 HTML이라는 코드를 해석해서 그려준 결과물입니다.
눈에 보이는 버튼, 이미지, 텍스트 등은 전부 보이지 않는 코드로 만들어져 있어요.

아래처럼 생긴 코드가 브라우저에 의해 해석됩니다:

<h1>환영합니다</h1>
<p>이 사이트는 HTML로 만들어졌습니다.</p>

이처럼 HTML은 웹의 구조를 담당하는 중요한 언어입니다.

 

🔷 웹의 세 가지 기본 구성 요소

웹 개발은 크게 세 가지 핵심 기술이 서로 협력하여 완성됩니다:

구성 요소	역할
🧱 HTML	웹의 구조(뼈대)를 만든다
🎨 CSS	웹에 색과 디자인을 입힌다
⚙️ JavaScript	웹에 움직임과 반응을 더한다

 

HTML이 뼈대라면, CSS는 옷, JavaScript는 생명처럼 생각해도 좋습니다.

 

🔷 그렇다면, 무엇부터 배워야 할까?

가장 먼저 배워야 하는 건 HTML입니다.
그 이유는 다음과 같습니다:

• CSS와 JavaScript는 HTML 위에 올라가는 기술입니다.
• HTML이 없으면 아무것도 시작할 수 없습니다.
• 잘 구조화된 HTML은 개발자뿐 아니라 검색엔진, 장애를 가진 사용자, 스크린리더에게도 도움이 됩니다.

 

🔷 웹 개발은 정보 전달의 기술이다

웹 페이지를 만든다는 건 단순히 “멋진 화면”을 만드는 게 아닙니다.
정보를 사용자에게 잘 전달하는 구조를 설계하는 것입니다.

그래서 HTML을 배운다는 건,
“정보를 효과적으로 표현하고 전달하는 법”을 배우는 것과 같습니다.

---

📌 정리

• HTML은 웹의 구조를 만드는 기본 언어입니다.
• 웹 개발의 첫걸음은 HTML을 배우는 것에서 시작합니다.
• 이 시리즈를 통해, 여러분도 웹페이지를 직접 만들어볼 수 있습니다.

 

---

🔗 다음 글에서는…

HTML이란 무엇인지, 왜 마크업 언어라고 부르는지, 그리고 HTML을 작성할 때 꼭 알아야 할 핵심 포인트들을 자세히 알아봅니다.

[Web UI 기초 #2] 웹 개발의 첫걸음, HTML을 알아보자

[Web UI 기초 #2] 웹 개발의 첫걸음, HTML을 알아보자