[TIL] HTTP, Fetch

👉HTTP 메소드란?

클라이언트와 서버 사이에 이루어지는 요청(Request)과 응답(Response) 데이터를 전송하는 방식

1) HTTP 요청 헤더 포맷

클라이언트에서 서버로 보내는 메시지이며, 아래와 같은 구조
[Request Line][ Header ]
[(white space)][ Body ]

2) HTTP 응답 헤더 포맷

서버가 클라이언트의 요청에 대해 응답하는 HTTP 응답헤더의 구조
[ Status Line ][ Header ]
[(white space)][ Body ]

3) HTTP 메소드

1) GET : URI 에 해당하는 정보의 전송요청을 보냄
2) POST: 서버가 처리할 수 있는 자료를 보냄
3) PUT: 자료를 전송하여 해당 URI 에 자료를 저장
4) DELETE: 해당 URI 의 자원/정보를 삭제
5) HEAD: URI 에 해당하는 정보의 전송을 요청. GET 과는 다르게 Meta 정보만을 요청

👉Fetch API

브라우저에서 서버에 데이터를 요청하고 데이터를 가져오는데 쉽도록 도와주는 것

	// POST 예시
    // This is the url you should use to communicate with the AWS server.
    const serverURL = 'http://52.78.206.149:3000/messages'
    window.fetch(serverURL, {
      method: 'POST',
      body: JSON.stringify(message),
      headers: {
        "Content-Type": "application/json",
      }
    }).then(response => {
      return response.json();
    }).then(json => {
      console.log(json);
      // message sent!
    });

👉 HTML과 Javascript간 소통, fetch를 이용해서 서버 데이터에 접근하고 데이터를 가져오는 것을 실행. 아직 POST부분에서 body, headers 부분의 이해가 더 필요하다.