[웹 프로그래밍] 개요

웹 프로그래밍

- 웹사이트나 웹 애플리케이션을 개발하는 과정 쉽게 말해, 우리가 인터넷에서 접속하는 다양한 웹페이지나 서비스(예: 쇼핑몰, 블로그, 포털 사이트 등)를 만들기 위해 사용하는 기술과 코딩을 통틀어 웹 프로그래밍이라고 한다.

 

웹 프로그래밍 구성 요소

프론트엔드(Front-End)

• 사용자와 직접적으로 보이고 상호작용하는 부분
• HTML, CSS, JavaScript 등이 사용됨
• 예: 웹페이지의 버튼, 이미지, 글자 등

백엔드(Back-End)

• 서버, 데이터베이스, 비즈니스 로직 처리
• PHP, Python, Java, Node.js 등 사용
• 예: 로그인 처리, 회원가입, 게시글 저장 등

---

INTERNET 이란? 

- INTERconnected NETwork

- 전 세계적으로 연결되어 있는 컴퓨터 네트워크 시스템

 

World Wide Web ("웹") = WWW

- 하이퍼링크 개념과 GUI를 사용하여 다양한 형태의 데이터와 정보에 접근할 수 있는 인터넷 서비스

- HTML로 작성된 웹 문서를 HTTP 프로토콜 기반으로 브라우저를 통해 읽을 수 있도록 구성

 

웹 관련 용어

- 웹 사이트 : 웹 페이지들의 의미 있는 묶음

- 웹 문서(HTML 문서) : 브라우저로 볼 수 있는 형식의 문서

- 웹 페이지 : 각 브라우저 창에 표시되는 개별적인 문서

- 웹 서버 : 웹 서비스를 제공하는 컴퓨터 시스템

- 웹 클라이언트 : 웹 서비스를 제공받아 사용하는 사용자, 시스템

 

HTTP

- 웹 서버와 웹 클라이언트 간의 필요한 데이터를 주고 받기 위한 통신 규약(약속)

HTTP의 동작 흐름

[사용자]  
   ↓ 웹사이트 주소(URL)를 입력함  
[브라우저]  
   ↓ "이 사이트가 어디 있는지 찾아야 해!"  
[DNS 서버]  
   → "www.example.com은 IP가 93.184.216.34야"  
[브라우저]  
   ↓ "좋아, 그 IP로 연결할게!" → TCP 연결 시작  
[웹 서버]  
   ← "index.html 페이지 주세요!" (HTTP 요청)  
   ↓ "여기 있어요!" (HTTP 응답 + HTML 파일 전달)  
[브라우저]  
   ↓ HTML을 읽고 화면에 웹페이지를 그림  
[사용자]  
   → 웹사이트가 화면에 표시됨 🎉