항해99/3~5주차 - 주특기

주특기 1주차 Node.js 입문 - HTTP / Server

루딘 2022. 12. 25. 20:54

1. HTTP의 이해

    1. HTTP란?
    • 데이터를 주고 받는 양식을 정의한 "통신 규약"중 하나가 HTTP(통신 규약: Protocol)
    • 매우 범용적인 양식을 가지고 있어 전 세계에서 제일 널리 쓰이는 통신 규약
    • 여기서 말하는 통신 규약이란, 컴퓨터끼리 데이터를 주고 받을때 정해둔 약속을 의미
      • HTTP라는 통신 규약을 이용하여 서버나 클라이언트(브라우저)끼리 의사 소통을 할 수 있게 됨
    • 현대에 존재하는 대부분의 웹 서버가 HTTP를 기반으로 데이터를 주고 받음. 또한 모든 브라우저는
    • HTTP 프로토콜을 기본으로 지원하기 때문에 여러분은 매일 HTTP를 이용하는 셈이 됨
  • 어떻게 HTTP로 데이터를 주고 받을까? 
    • HTTP에서는 언제나 Request, Response라는 개념이 존재함
    • 서버와 브라우저의 관계로 가볍게 말해보면 아래와 같이 동작함
      1. 브라우저는 서버에게 자신이 원하는 페이지(URL 등의 정보)를 요구(Request)합니다.
      2. 서버는 브라우저가 원하는 페이지가 있는지 확인하고, 있다면 해당 페이지에 대한 데이터를                         반환(Response) 없다면 없는 페이지에 대한 데이터를 반환합니다. (일반적인 웹 서버 기준)
      3. 브라우저는 서버에게 전달 받은 데이터를 기반으로 브라우저에 그려줌
  • 브라우저에서 HTTP가 동작하는것을 직접 확인하기
    • 개발자 도구와 네트워크 탭 열어보기
      1. 원하는 웹 페이지 어디든 들어가봄
      2. 브라우저에서 F12 누르면 아래와 같은 창이 뜸 이것을 DevTool 혹은 개발자 도구라고 부름
      3. 네트워크 탭을 누름
      4. 이 상태에서 새로고침을 함
      5. 뭔가 아래에 쭉 나오는데 이것이 여러분의 브라우저가 지금 페이지를 보여주기 위해 서버에서 받아온 데이터 목록이라고 이해하면 됨

  • 네트워크(Network) 탭 맨 위의 페이지 데이터 클릭

  •  Headers 탭 살펴보기
    • General
      • 브라우저에서 서버로 보낸 Request 데이터라고 보면 쉬움
    • Request Headers
      • 이것도 브라우저에서 서버로 보낸 Request 데이터라고 보면 쉬움
    • Response Headers
      • 서버가 웹 페이지 데이터와 함께 보낸 추가 데이터

  • Response 탭 살펴보기
    • 이것은 서버에서 브라우저로 반환해준 웹 페이지를 그려주기 위한 데이터

  • 추가 데이터란?
    • Headers 탭에서는 추가 데이터라고 많이 말했었고, Response 탭에서는 그냥 데이터라고 말했음
    • HTTP에는 크게 다음과 같은 구성 요소가 존재
      • Method 설명
        • GET: 이름 그대로 어떤 리소스를 "얻을 때" 사용됨 그리고 브라우저는 기본적으로 여러분이 웹 서핑을 한다고 가정하므로 모든 요청은 "GET" 메서드를 사용해서 서버에 요청을 보냅니다.
        • POST: 웹 서버에 데이터를 "게시"할 때 사용하는게 일반적. (ex. 회원가입, 게시글 작성, 댓글 작성)
      • Header 설명 (추가 데이터. 메타 데이터)
        • 브라우저가 어떤 페이지를 원하는지
        • 요청 받은 페이지를 찾았는지
        • 성공적으로 찾았는지
        이러한 사례 외에도 아주 다양한 의사 표현을 위한 데이터를 모두 Header 필드에 넣고 주고 받음
      • Payload 설명 (데이터. 실질적인 데이터)
        • 서버가 응답을 보낼 때에는 항상 Payload를 보낼 수 있음
        • 클라이언트(브라우저)가 요청을 할 때에도 Payload를 보낼 수 있음
        • 그리고 "GET method를 제외하곤 모두 Payload를 보낼 수 있다" 는게 HTTP에서의 약속임
        • 추가적으로 DELETE method에서 Payload를 보낼수있지만, 보통 많은 경우에 Payload를 보내지않음

2. 웹 서버의 이해

  • 웹 서버란?
    • 웹서버는 인터넷을 통해 HTTP를 이용하여 웹상에서 클라이언트의 요청을 응답해주는 통신을 하는 컴퓨터 또는 프로그램이라고 생각하시면 됨
    • 오늘날 우리가 자주 사용하는 이메일이나 웹사이트 등 대부분의 인터넷 사용은 웹서버를 통해 우리가 사용할 수 있게 되었음
  • 웹 서버의 기본 동작 원리
    • 브라우저를 통해 HTTP request로 웹사이트를 웹서버에 요청
    • 이후 웹서버는 요청을 승인하고 HTTP response를 통해 웹사이트 데이터를 브라우저에 전송
    • 마지막으로 브라우저는 서버에서 받아온 데이터를 이용해 웹사이트를 브라우저에 그려내는 일을 함
    • 기본적으로 브라우저가 웹서버에 요청을 할때는 항상 GET method로 요청하게 됨