[Web 기초] 웹 프로그래밍(Web Programming)

💻 웹 프로그래밍(Web Programming)의 구조와 언어

목차

• 1. Front-End vs Back-End
• 2. 웹 프로그래밍의 3대 언어 (HTML, CSS, JS)
• 3. 역할 비유 및 정리

1. Front-End vs Back-End

웹 개발은 사용자가 보는 영역과 보이지 않는 영역으로 나뉩니다.

Front-End (프론트엔드)

• 사용자가 직접 보고 상호작용하는 화면(UI) 개발
• HTML로 뼈대를 구성하고 CSS로 스타일링
• JavaScript로 동적인 웹 페이지 구성

Back-End (백엔드)

• 서버, 데이터베이스, 비즈니스 로직 등 눈에 보이지 않는 영역 개발
• 주요 언어: Java, Python, Ruby, PHP 등
• 데이터 관리용 SQL 언어 사용

---

2. 웹 프로그래밍 언어

HTML (HyperText Markup Language)

웹 페이지의 구조를 정의하는 마크업 언어입니다. 텍스트, 이미지, 링크 등의 요소를 배치하여 문서의 골격을 만듭니다.

CSS (Cascading Style Sheets)

HTML로 만든 구조에 디자인(색상, 크기, 위치 등)을 입히는 스타일 언어입니다.

JavaScript (JS)

웹 페이지에 동적인 기능을 추가하는 프로그래밍 언어입니다. 동작과 로직을 담당합니다.

---

3. 역할 비유 및 정리

사람에 비유한 웹의 3대 요소

HTML	뼈대 (구조)
CSS	피부, 옷 (디자인)
JavaScript	근육, 신경 (동작)

핵심 요약 💡

현대 웹 프로그래밍은 프론트엔드의 화려한 상호작용과 백엔드의 안정적인 데이터 처리가 결합되어 완성됩니다. 특히 HTML, CSS, JavaScript는 모든 웹 개발의 기초가 되는 핵심 기술입니다.