[Network] GET방식과 POST방식의 차이

🚀

클라이언트는 인터넷 브라우저 주소창에 URL을 입력하고 서버는 클라이언트의 요청에 응답을 하여 웹페이지를 보여주게 됩니다. 이때 클라이언트가 서버로 보내는 데이터를 HTTP 패킷이라 하며 HTTP 패킷은 크게 Header(헤더)와 Body(바디)로 나눠집니다. 헤더에는 HTTP Method 방식, 클라이언트와 브라우저, 접속하고자 하는 URL 정보 등등이 담겨있고 바디는 보통 비어있으며 정보를 담아서 서버에 요청할 수 있습니다. 이렇게 클라이언트가 서버로 요청을 보내는 HTTP Method에는 여러 가지가 있지만 이번 포스팅에서는 그중에 2개인 GET과 POST의 특징과 차이점에 대해 포스팅하고자 합니다. 

 

0. HTTP

• 웹상에서 클라이언트와 서버 간에 데이터를 주고받을 수 있는 프로토콜
• 클라이언트가 HTTP 프로토콜을 통해서 서버에 요청을 보내면 서버는 요청에 맞는 응답을 클라이언트에게 전송

 

 

1. GET 방식

 

GET 방식은 클라이언트가 서버로 데이터를 요청하기 위해 사용되는 Method이며 GET 요청을 할 때는 Body 부분은 비어있고 헤더에 Body의 콘텐츠 타입을 명시하는 Content-Type 헤더 필드도 적지 않습니다. 아래와 같이 URL뒤에 쿼리 스트링(Key와 Value)을 붙이고 HTTP 패킷의 헤더에 포함해서 서버에 데이터를 요청합니다. 

http://localhost:3000/login?id=admin&pw=1234

 

URL의 "?" 뒤에서부터 쿼리 스트링으로 데이터를 표현하는데 사실 중요한 값들이 노출되기 때문에 실제 사이트에서 ID와 PW와 같은 정보들에 GET 방식을 이용하면 보안에 문제가 생기게 됩니다. GET 방식 경우에는 브라우저마다 글자 수 제한이 있기 때문에 게시판의 게시물, 목록 조회와 같은 간단한 데이터 요청할 때 적합합니다. 그리고 캐싱이 가능하므로 속도가 빠릅니다.

 

GET 방식 특징

• URL에 쿼리 스트링(데이터)을 붙여서 서버에 전송
• 데이터를 Header(헤더)에 포함하여 전송
• URL에 정보들이 그대로 노출되기 때문에 POST 방식보다 상대적으로 보안에 취약
• 캐싱이 가능
• POST 방식보다 상대적으로 전송 속도가 빠름
• 전송하는 데이터양에 한계가 있음 (브라우저마다 GET 요청 길이 제한 존재)
• 브라우저 히스토리에 기록이 남음

캐싱(Caching)이란?
캐싱이란 한번 접근 후 또 요청할 시 빠르게 접근하기 위해 레지스터에 데이터를 저장시켜 놓는 것

 

 

2. POST 방식

POST방식은 클라이언트가 서버로 데이터를 전송해 리소스를 추가하거나 생성하기 위해 사용되는 Method입니다. POST 요청 시 HTTP 패킷의 헤더에 Body의 콘텐츠 타입을 명시하는 Content-Type 헤더 필드를 포함하고 HTTP 패킷의 Body에는 데이터를 담아서 서버로 전송합니다. 

http://localhost:3000/login

POST 방식은 GET 방식과 다르게 데이터들이 URL에 표시되지 않고 HTTP 패킷 Body에 담겨 서버로 데이터가 전송됩니다. 따라서 보내는 데이터의 양에 제한이 없어 대용량 데이터를 전송할 때는 POST 방식이 적합합니다. 그리고 URL에 데이터가 표시가 되지 않기 때문에 GET 방식보다는 상대적으로 보안적이지만, body의 데이터도 결국엔 크롬 개발자 도구, Fiddler와 같은 툴로 요청 내용을 확인할 수 있기 때문에 꼭 암호화를 해주어야 합니다. POST 방식의 경우 보통 서버의 값이나 상태를 변경하기 위해 사용되므로 글쓰기, 글 수정과 같은 작업에 적합합니다.

 

POST 방식 특징

• 데이터들을 URL뒤에 붙여서 서버로 보내는 것이 아닌 Body에 담아서 전송
• 요청 헤더의 Content-Type에 콘텐츠 타입을 명시
• 데이터들이 URL에 노출되지 않기 때문에 GET 방식보다 상대적으로 보안적
• 데이터들을 Body에 담기 때문에 서버로 보내는 데이터의 양은 제한 없음
• URL에 데이터가 노출되지 않으므로 캐싱 불가
• 클라이언트에서 인코딩, 서버에서 디코딩
• 요청받는 시간제한 존재
• 브라우저 히스토리에 기록이 남지 않음

 

 

✏️ 비교 정리표

HTTP Method	GET 방식	POST 방식
URL 예시	http://localhost:3000/login?id=admin&pw=1234	http://localhost:3000/login
데이터가 담기는 곳	HTTP 패킷 Header	HTTP 패킷 Body
리소스 전달 방식	쿼리스트링	HTTP Body
HTTP 응답 코드	200	201
URL에 데이터 노출 여부	O	X
캐싱 가능 여부	O	X
브라우저 기록	O	X
북마크 추가	O	X
데이터 길이 제한	O	X
멱등성(idempotent)	O	X

멱등성이란?
멱등성은 연산을 여러 번 하더라도 결과가 달라지지 않는 성질을 의미하며, get 요청의 경우 여러 번 요청해도 응답이 같지만
post 요청의 경우엔 리소스를 새로 생성하거나 업데이트하므로 서버에게 동일한 요청을 여러 번 전송해도 응답은 항상 다를 수 있습니다.

 

 

👨🏻‍💻 결론

GET 방식은 이름 그대로 무언가를 가져오는 것,

POST 방식은 포스트를 붙이듯이 무언가를 만들거나 수정하는 것