웹풀스택(1) 웹 동작 이해, HTTP 프로토콜

김재홍·2023년 3월 4일
0

다시 시작하는 웹개발.
이번에 시리즈는 부스트캠프의 웹프로그래밍 풀스택을 공부하며
배운 내용을 작성하려한다.

그 첫 시작은 웹에 대한 이해이다.
컴퓨터에는 여러개의 서버가 동작할 수 있고, 각각의 서버들은 포트라는 값으로 구분된다.
웹은 80번 포트를 사용하고 프로토콜로 HTTP를 사용한다.

웹 브라우저와 웹 서버 간에는 서로 통신을 하기 위한 규약이 필요한데
이때 필요한 규약이 HTTP이다. 팀버너스리와 그의 팀이 HTML과 HTTP를 개발하였다.
HTTP는 모든 종류의 데이터를 전송할 수 있음.

  • HTTP 프로토콜의 작동방식

  • HTTP 프로토콜의 요청/응답 데이터 포맷

  • Requset 형식, Method, Response 형식, 응답코드

HTTP (Hypertext Transfer Protocol)이란?

HTTP는 서버와 클라이언트가 인터넷상에서 데이터를 주고받기 위한 프로토콜이다.

HTTP 작동방식

HTTP는 서버/클라이언트 모델을 따른다. 그런데 HTTP는 응답을 보내고 나면 바로 연결을 끊는다.

  • 장점
    불특정 다수를 대상으로 하는 서비스에는 적합하다.
    클라이언트와 서버가 계속 연결된 형태가 아니기 때문에 클라이언트와 서버 간의 최대 연결 수보다 훨씬 많은 요청과 응답을 처리할 수 있다.
  • 단점
    연결을 끊어버리기 때문에, 클라이언트의 이전 상황을 알 수가 없다.
    이러한 특징을 무상태(Stateless)라고 말한다.
    이러한 특징들 때문에 정보를 유지하기 위해서 Cookie와 같은 기술이 등장하게 되었다.

URL (Uniform Resource Locator)

인터넷 상의 자원의 위치
특정 웹 서버의 특정 파일에 접근하기 위한 경로 혹은 주소
자원들의 위치를 나타내기 위해서 사용.
프로토토콜의 위치주소/자원이 있는 서버의 IP위치/저원의 위치
IP: 하나의 컴퓨터에 하나 집주소, 포트: 집에 있는 여러방, 하나의 방에 하나의 서버.

HTTP

  1. connect

  2. Request - 요청헤더, 요청 바디
    -헤더
    GET /serciet/query?a=10&b=10 HTTP/1.1
    Host: www.sk.com
    User-agent: mozzila4.0
    Accept-languageL kr
    -바디
    GET은 들어가지 않음, POST나 PUT을 사용할 때 들어간다.

  3. Response - 응답헤더, 응답 바디
    HTTP/1,1 200 OK
    Date: -
    Server: -
    Last-ModifiedL -
    Connect-Length: -
    Connect-Type

df
  • 요청 메서드 : GET, PUT, POST, PUSH, OPTIONS 등의 요청 방식이 온다.
  • 요청 URL : 요청하는 자원의 위치를 명시한다.
  • HTTP 프로토콜 버전 : 웹 브라우저가 사용하는 프로토콜 버전이다.

첫번째 줄의 요청 메소드는 서버에게 요청의 종류를 알려주기 위해 사용한다.
각각의 메소드 이름은 다음과 같은 의미를 가진다.

  • GET : 정보를 요청하기 위해서 사용한다. (SELECT)
  • POST : 정보를 밀어넣기 위해서 사용한다. (INSERT)
  • PUT : 정보를 업데이트하기 위해서 사용한다. (UPDATE)
  • DELETE : 정보를 삭제하기 위해서 사용한다. (DELETE)
  • HEAD : (HTTP)헤더 정보만 요청한다. 해당 자원이 존재하는지 혹은 서버에 문제가 없는지를 확인하기 위해서 사용한다.
  • OPTIONS : 웹서버가 지원하는 메서드의 종류를 요청한다.
  • TRACE : 클라이언트의 요청을 그대로 반환한다. 예컨데 echo 서비스로 서버 상태를 확인하기 위한 목적으로 주로 사용한다.

HTTP에 S가 붙은 HTTPS는 어떤 용도로 사용되는 것인가? 어떤 것이 다른가?

추후에 공부하면 좋은 내용

https://developer.mozilla.org/en-US/docs/Web/HTTP/Overview

참고: 네이버 부스트코스 웹 프로그래밍(풀스택) 강좌

0개의 댓글

관련 채용 정보