IT/영어 공부노트

웹사이트의 동작 원리 본문

💻 IT/네트워크

웹사이트의 동작 원리

소저어엉 2024. 4. 9. 20:42
반응형

<그림으로 배우는 네트워크 원리> 책을 읽고 정리한 내용으로,

개인 공부 정리 포스팅입니다. 


☁️ 웹사이트란?

웹사이트란 웹서버 애플리케이션이 공개하는 다양한 웹페이지의 집합이다.

웹 사이트를 볼 때, 웹 브라우저와 웹서버 애플리케이션 사이의 웹페이지 파일 전송이 한 번으로 끝나는 것은 아니다. 이 때 파일 전송에 이용하는 TCP/IP 애플리케이션층 프로토콜은 HTTP(HTTPS)다.

 


☁️ HTML

HTML(HyperText Markup Language)

1. HyperText

복수의 문서를 연결해 서로 참조할 수 있는 문서

2. Markup Language

문서의 구조를 명확히 표현하기 위한 언어

문서의 제목, 헤드라인, 리스트 등의 구조를 명확히 해 문장 구조 분석을 간편하게 할 수 있다.

 

HTML 태그

시작 태그: <>

종료 태그: </ >


☁️ 스타일 시트

스타일 시트란?

웹페이지의 디자인을 정의하는 방법으로, 대표적인 예로 CSS가 있다.

 

스타일 시트는 HTML 파일 안에 기술할 수도 있지만, 대체로 별도로 작성한다.


☁️ URL(Uniform Resource Locator)

전송받고 싶은 웹페이지를 지정하는 것이 웹 사이트의 주소이다.

  • 스킴: 웹브라우저가 웹서버의 데이터에 접속하기 위한 프로토콜
  • 호스트명
  • 경로명

☁️ HTTP(Hyper Text Transfer Protocol)

웹 사이트를 구성하는 HTML 파일을 전송하기 위해 HTTP를 이용한다.

 

HTTP는 HTML, JPEG, PNG, 문서파일 등을 전송할 수 있다.

HTTP의 파일 전송은 요청과 응답을 주고받으며 이루어진다.

 

HTTP 리퀘스트

  1. 리퀘스트 라인: HTTP 리퀘스트의 첫 번째 줄로, 웹서버에 대한 실제 처리 요청을 전달한다.  
  2. 메시지 헤더: 요청 라인에 이어지는 여러 줄의 텍스트로 웹브라우저의 종류와 비전, 대응하는 데이터 형식 등의 정보를 기술한다.
  3. 엔티티 바디: POST 메소드로 웹브라우저에서 데이터를 보낼 때 사용된다.

HTTP 메소드

메소드 의미
GET URI로 지정한 데이터를 가져옴
HEAD URI로 지정한 데이터의 헤더만 가져옴
POST 서버에 데이터를 보냄
PUT 서버에 파일을 보냄
DELETE 서버의 파일을 삭제하도록 요청
CONNECT 프록시 서버를 경유해 통신

☁️ HTTP 리스폰스 

  1. 리스폰스 라인
    • 버전: HTTP의 버전
    • 상태 코드: 리퀘스트에 대한 웹서버 애플리케이션의 처리 결과를 나타내는 3자리로 된 숫자
    • 설명문: 상태 코드의 의미를 간단히 보여주는 텍스트
  2. 메시지 헤더: 웹서버 애플리케이션이 더 자세한 정보를 웹브라우저에 전달하기 위해 이용
  3. 엔티티 바디: 웹브라우저에 돌려보낼 데이터가 들어감

☁️ HTTP 쿠키

상황에 따라 웹페이지의 내용을 커스터마이징 하고 싶을 때 HTTP 쿠키를 이용한다.

HTTP 쿠키란?

웹서버 애플리케이션이 웹브라우저에 특정 정보를 저장해두는 기술이다. 이를 이용해 웹서버는 사용자의 로그인 정보를 관리할 수 있다.


☁️ 프록시 서버

프록시 서버란?

웹사이트 접속을 대행하는 서버이다.

 

서버를 프록시 서버로 동작시키려면, 서버에서 프록시 서버 애플리케이션을 실행해야 하고, 웹 브라우저에 프록시 서버 설정을 해야한다.

이때, 포트번호 8080을 이용하는 경우가 많다.

 

기업에서의 프록시 서버

기업 네트워크에서 프록시 서버를 도입하는 경우가 많다.

  1. 접속하는 웹브라우저 확인
  2. 부정한 웹사이트에 접속할 수 없게 함
반응형