Chapter 1-2. 웹개발과 HTML

🌐 웹 개발 입문자를 위한 필수 개념과 HTML 핵심 용어 정리

웹 개발을 처음 시작할 때, HTML과 CSS를 본격적으로 공부하기 전에 꼭 알아야 하는 개념과 핵심 용어를 알기 쉽게 정리했습니다. 차근차근 살펴보며 기초를 탄탄히 다져봅시다!

---

📌 인터넷과 웹, 차이점을 이해하자

• 인터넷: 전 세계 컴퓨터를 서로 연결하는 거대한 통신망입니다. (비유: 고속도로)
• 웹(WWW): 인터넷을 통해 정보를 공유할 수 있는 가상 정보 공간입니다. (비유: 인터넷이라는 도로 위에 세워진 도시)

즉, 인터넷은 웹을 가능하게 하는 기반이고, 웹은 인터넷을 통해 정보를 제공하는 서비스입니다.

---

📌 웹 개발의 기초 개념

웹 개발이란 HTML, CSS, JavaScript 등을 사용하여 웹사이트나 웹 애플리케이션을 만드는 과정입니다.

• 웹사이트는 여러 웹페이지를 묶은 하나의 책과 같습니다.
• 웹페이지는 웹사이트를 구성하는 책의 한 페이지와 같습니다.
• 서버에 저장된 웹페이지를 **URL(웹 주소)**을 통해 사용자에게 제공하는 방식으로 작동합니다.

---

📌 HTML과 CSS의 기본 역할

🔹 HTML

• 웹페이지 콘텐츠의 뼈대를 만드는 마크업 언어입니다.
  (비유: 집을 지을 때 사용하는 벽돌)
• 텍스트, 이미지, 비디오 등 콘텐츠를 정의하는 역할을 합니다.

🔹 CSS

• HTML로 만들어진 뼈대에 디자인과 스타일을 더하는 언어입니다.
  (비유: 집의 인테리어)
• 색상, 레이아웃 등을 설정하여 웹페이지를 아름답게 꾸밉니다.

---

📌 HTML의 역사와 표준 (HTML5)

• HTML은 팀 버너스 리가 1991년에 제안한 웹의 기초 언어입니다.
• 시간이 지나며 여러 버전을 거쳐 현재는 HTML5가 최신 표준입니다.
• HTML5는 기존 버전보다 더 많은 기능을 지원하며, 웹 개발자라면 반드시 알아야 합니다.

---

📌 HTML 문서의 특징과 작성법

• HTML 문서는 텍스트 형태로 이루어지며, 텍스트 편집기를 사용하여 작성합니다.
• 브라우저는 HTML 코드를 **렌더링(해석)**하여 사용자에게 콘텐츠를 보여줍니다.

---

📌 웹 개발 표준의 중요성

웹 개발 표준을 지키면 모든 브라우저에서 호환성이 유지되고, 접근성 높은 웹사이트를 만들 수 있습니다.
(비유: 교통 법규)

---

🔑 HTML 학습 전 꼭 알아야 할 핵심 용어 정리

용어의미비유

HTML	웹페이지의 콘텐츠 구조를 정의하는 언어	집의 벽돌
CSS	웹페이지의 디자인과 스타일을 정의하는 언어	집의 인테리어
웹 개발	웹사이트/웹앱을 만드는 전체 과정	건물을 짓는 것
인터넷	전 세계 컴퓨터 간 연결된 통신망	고속도로
WWW	인터넷을 통해 정보를 공유하는 공간	인터넷 위의 도시
웹사이트	여러 웹페이지를 모아둔 공간	책
웹페이지	웹사이트를 구성하는 각각의 페이지	책의 한 페이지
서버	웹사이트 파일을 저장하고 제공하는 컴퓨터	도서관
URL	웹페이지의 주소	집 주소
하이퍼텍스트	클릭하면 다른 문서로 이동하는 텍스트	책갈피
마크업	텍스트에 태그로 구조를 정의하는 것	제목, 부제, 단락 표시
렌더링	브라우저가 HTML/CSS를 해석해 화면 표시	레시피를 보고 요리사가 음식을 만드는 것
HTML5	HTML의 최신 표준 버전	최신 기술로 지어진 집
팀 버너스 리	월드와이드 웹(WWW)의 창시자	인터넷의 아버지
웹 브라우저	웹페이지를 보여주는 프로그램	액자
텍스트 편집기	텍스트 파일 작성/수정 프로그램	연필
콘텐츠	웹페이지에 담긴 글, 그림, 영상 등 모든 요소	음식 (영양분을 제공)
정보 교환	컴퓨터 간 정보를 주고받는 것	편지를 주고받는 것
네트워크 공간	인터넷상에서 정보를 공유하는 공간	광장
웹 개발 표준	개발자들이 지켜야 하는 웹 개발 규칙	교통 법규
코드 작성	프로그래밍 언어로 컴퓨터에 명령 내리기	요리 레시피 작성
웹페이지 구조	웹페이지의 기본 틀	건물의 뼈대
웹 개발 입문	웹 개발의 기초를 처음 배우기 시작함	새로운 언어를 배우는 것
웹 개발 기초	웹 개발의 기본 지식 (HTML, CSS 등)	언어의 알파벳

---

🎯 마무리

HTML과 CSS를 시작하기 전, 이 글을 통해 인터넷과 웹의 개념을 명확히 이해하고 웹 개발과 관련된 핵심 용어들을 숙지하면 이후의 학습 과정이 한결 쉬워질 것입니다.

이제 본격적으로 웹 개발의 세계로 발을 내디뎌 봅시다! 🚀🌐✨