[DB] HTTP Method | GET, POST

0. HTTP Method

• 클라이언트와 서버 사이에 이루어지는 요청(Request)과 응답(Response) 데이터를 전송하는 방식
• 클라이언트가 웹 서버에게 사용자 요청의 목적이나 종류를 알리는 수단
• 서버에 요청을 보내는 방법
• GET, POST, PUT, PATCH, DELETE, HEAD, OPTIONS, CONNECT

 

1. GET

• 클라이언트 ➡ 서버 어떠한 리소스로부터 정보를 요청하기 위해 사용되는 메서드
• 데이터를 읽거나(Read), 검색(Retrieve)할 때 사용
• URL Parameter를 통해 정보를 넘기는 방식
• 요청 전송할 때, URL 주소 뒤에 이름과 값이 결합된 쿼리 스트링(query string)을 포함
• www.example-url.com/resources?name1=value1&name2=value2

특징

• 캐시가 가능하다.
  • 불필요한 요청을 제한하기 위해 (js, css, 이미지 같은 정적 컨텐츠 요청 ➡ 캐시 ➡ 캐시된 데이터 사용)
  • 같은 요청 여러번 해도 항상 같은 응답 반환
  • HTTP 헤더에서 cache-control 헤더를 통해 캐시 옵션을 지정할 수 있다.
• 브라우저 히스토리에 남는다.
• 북마크할 수 있다.
• 데이터 길이에 대한 제한이 있다. (브라우저 기준에 따라 다름)
• 성공 시, 200(Ok) HTTP 응답 코드를 XML, JSON 뿐만 아니라 여러 형식의 데이터(html, txt 등)와 함께 반환
• POST 방식보다 상대적으로 전송 속도가 빠름

 

2. POST

• 리소스를 생성하거나 업데이트하기 위해 서버에 데이터를 보내는 데 사용되는 메서드
• HTTP Body 안에 정보를 담아서 보내는 방식 (암호화가 된다는 의미는 아님)
• 일정 크기 이상의 데이터를 보내야 할 때 사용
• 서버로 보내기 전에 인코딩, 전송 후 서버에서는 다시 디코딩

출처: https://webscraping.pro/http-hyper-text-transfer-protocol-1/

출처: https://webscraping.pro/http-hyper-text-transfer-protocol-1/

위 사진과 같이 입력한 정보들을 확인해볼 수 있으므로 암호화되는 것은 아님

특징

• 캐시가 불가능하다.
• 브라우저 히스토리에 남지 않는다.
• 북마크할 수 없다.
• 데이터 길이에 대한 제한이 없다.
• POST 요청 중 자원 생성은 201(Created) HTTP 응답 코드를 반환한다.
• 주소창에 전송하는 데이터의 정보 노출 X ➡ GET 방식에 비해 보안성이 높음
• 속도가 GET 방식보다 느림
• 쿼리스트링(문자열) 데이터 뿐만 아니라, 라디오 버튼, 텍스트 박스 같은 객체들의 값도 전송 가능

 

🔹 GET은 가져오는 것, POST는 수행하는 것
🔹 GET은 SELECT문과 비슷하고, POST는 DB에 값을 저장하거나 확인할 때 사용

 

3. 차이점

	GET	POST
히스토리	parameter가 URL의 일부 ➡ 브라우저 기록에 남음	parameter 브라우저에 저장 x
북마크	URL로 인코딩 되므로 북마크 가능	요청 parameter가 req body에 포함 ➡ 북마크 x
parameter	전송 가능  URL에 2K 이하로 넣는게 안전 query string으로 URL 뒤의 ? 뒤에 붙음	서버에 파일 업로드 등을 포함해서 가능
form data type	ASCII 문자	제한 없음
해킹	쉬움 (script kiddles)	GET보다 해킹 어려움
사용	리소스 요청 민감한 정보 전송 시 사용 x	리소스 생성 비밀번호 전송 등에 사용 가능
캐시	Idempotent 같은 요청 여러번 해도 항상 같은 응답	Not idempotent 요청 여러번 해도 다른 응답 올 수 있다.
HTTP 응답 코드	200 (Ok)	201 (Created)
encode-type	application/x-www-form-urlencoded	multipart/form-data, application/x-www-form-urlencoded 등

 

 

 

참고

https://newbiecs.tistory.com/243

 

https://velog.io/@kk1112k/%EB%B0%B1%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C-%EA%B8%B0%EC%88%A0%EB%A9%B4%EC%A0%91-%EC%A0%95%EB%A6%AC-%EA%B0%9C%EB%B0%9C%EA%B8%B0%EB%B3%B8

 

https://donologue.tistory.com/379