[모든 개발자를 위한 HTTP 웹 기본 지식] 5. HTTP 메서드 활용

Network . .............................................................................................................................................................................................................................................................................................................................................................................................................................................................................................

인프런 김영한 강사님의 [모든 개발자를 위한 HTTP 웹 기본 지식] 을 수강하고 정리한 글입니다.

모든 개발자를 위한 HTTP 웹 기본 지식 강의 - 인프런

 

📌 클라이언트에서 서버로 데이터 전송

✅ 데이터 전달 방식

HTTP에서 데이터 전달 방식은 크게 두가지다.

 

1. 쿼리 파라미터를 통한 데이터 전송

 

GET 메서드가 대표적

 

2. 메시지 바디를 통한 데이터 전송

 

POST, PUT, PATCH 메서드가 대표적

  

  

✅ 클라이언트에서 서버로 데이터를 전송하는 네 가지 상황: 1. 정적 데이터 조회

정적 데이터 조회

 

정적 데이터는 예를 들어 이미지, 텍스트 등이 있다.

조회이므로 GET 메서드를 활용한다.

 

정적 데이터는 일반적으로 쿼리 파라미터 없이, 리소스 경로로 단순하게 조회가 가능하다.

  

  

✅ 클라이언트에서 서버로 데이터를 전송하는 네 가지 상황: 2. 동적 데이터 조회

동적 데이터 조회

 

주로 검색이나 정렬 필터 등이 이 예시에 부합하는데,

조회이므로 GET 메서드를 활용한다.

 

쿼리 파라미터를 활용해서 데이터를 서버로 전달한다.

  

  

✅ 클라이언트에서 서버로 데이터를 전송하는 네 가지 상황: 3. HTML Form을 통한 데이터 전송

HTML Form : POST

 

HTML Form에서 submit 시, POST를 활용한다.

 

Content-Type으로 application/x-www-form-urlencoded  를 사용한다.

이는 form 내용을 메시지 바디를 통해 전송하고(key-value, 쿼리 파라미터 형식), 전송 데이터를 url encoding 처리한다.

 

HTML Form : GET

 

GET 전송도 가능하다.

 

HTML Form : Multpart

바이너리 데이터 전송 시 사용한다. ex> 파일 업로드

 

다른 종류의 여러 파일들과 폼의 내용을 함께 전송 가능하다.

 

위에서 보듯이 HTML의 Form 전송은 GET, POST만 지원하고 나머지 메서드들은 지원하지 않는다.

  

  

✅ 클라이언트에서 서버로 데이터를 전송하는 네 가지 상황: 4. HTTP API를 통한 데이터 전송

HTTP API를 통한 데이터 전송

 

웹 클라이언트는 Form 전송 대신, JavaScript를 통한 통신을 활용한다. (AJAX)

 

HTTP API에서 POST, PUT, PATCH는 메시지 바디를, GET은 쿼리 파라미터를 통해 전송한다.

 

Content-Type으로 HTML Form 방식과 다른, application/json을 표준으로 사용한다.