웹브라우저와 웹서버가 컨텐츠(html, 이미지, 오디오, css, javascript 파일 등)을 주고 받기 위해서 사용하는 통신규칙인 HTTP의 원리에 대해 알아봅니다.

---

▶웹을 구성하는 요소

• HTML: 웹페이지를 만드는 컴퓨터 언어.
• URL, URI: 사용자가 원하는 웹페이지에 접근할 수 있도록 도와주는 주소체계.
• Web browser, Web server: 웹페이지를 주고받는 소프트웨어.
  • Web browser: 사용자의 요청을 서버에 전달, 응답을 받아 화면에 보여줌.
  • Web server: 브라우저의 요청을 처리하고, 컨텐츠를 응답.
• HTTP: Web browser와 Web server가 통신을 할 때 사용하는 통신 규칙. (Request ↔ Response)
  
  

▶HTTP

• HyperText Transfer Protocol
• 웹상에서 서버와 클라이언트가 통신할 때 사용하는 통신 규칙.
  • 컨텐츠를 주고받기 위해서는 서버와 클라이언트가 서로 알아들을 수 있는 공통의 약속된 메세지가 필요. 이 메세지를 HTTP라고 한다.
  • 컨텐츠: HTML, CSS, JavaScript, 이미지 등의 파일.

• 최초의 http: 매우 단순한 통신 규칙.
• 최근의 http: 보다 풍부한 기능을 가진 프로토콜. html과 같은 텍스트 파일 + 이미지, 오디오, 동영상과 같은 다양한 멀티미디어 파일을 전송할 수 있다.
  
  

🌟HTTP 통신 구조

• Request: (클라이언트 → 서버) 클라이언트가 서버에 요청.
• Response: (서버 → 클라이언트) 서버가 응답. 서버가 요청에 대한 콘텐츠와 상태코드를 클라이언트에게 전달.
• 클라이언트와 서버는 이 메시지를 HTTP 형식으로 주고받는다.
  
  

🚩통신 흐름 요약

• 사용자가 웹 브라우저에서 URL 입력.
• 브라우저가 서버에 HTTP Request 메시지 전송.
• 서버가 해당 요청을 받아 HTTP Response 메시지로 응답.
• 브라우저가 응답을 받아 화면에 출력.
  
  

+) 개발자 도구에서 확인

: 개발자도구 > Network 탭> 로드된 파일 클릭 > Headers >

• Request Headers
• Response Headers