본문 바로가기
FrontEnd

[HTTP] 웹 데이터 전달 방식 GET방식 POST방식

by 나무꾼 2022. 1. 16.

GET 방식과 POST 방식 모두 HTTP 프로토콜에서 제공하는 메서드이다.

먼저 HTTP 프로토콜에 대해 간략하게 알아본다.

HTTP프로토콜은 클라이언트와 서버 사이에 이루어지는 요청/응답(request/reponse) 프로토콜이다.
→ 클라이언트(웹 브라우저)가 HTTP를 통해 서버로 웹페이지(HTML)을 요청하면 서버는 응답하여 필요한 정보를 전달한다.

GET 방식과 POST 방식은 이 HTTP프로토콜의 메서드 중 일부이다.

https://developer.mozilla.org/ko/docs/Web/HTTP/Methods

 

HTTP 요청 메서드 - HTTP | MDN

HTTP는 요청 메서드를 정의하여, 주어진 리소스에 수행하길 원하는 행동을 나타냅니다. 간혹 요청 메서드를 "HTTP 동사"라고 부르기도 합니다. 각각의 메서드는 서로 다른 의미를 구현하지만, 일부

developer.mozilla.org


GET 방식

GET방식은 쉽게 데이터를 url 주소에 저장하여 전달하는 방식이다.

URL 뒤에 "?"를 붙여 사용하고 "&"를 사용하여 다양한 데이터를 붙여 전송한다.

http://test.com/mypage?id=myid123&password=mypassword

GET 방식 특징

  • URL 데이터를 포함시켜 전달 → 링크를 만들 수 있음
  • GET방식은 데이터를 요청할때 사용 → 다른 문서(페이지)를 요청할 때 사용
  • 주소에 노출되기 때문에 보안에 유의해야함
  • GET요청은 캐시가 가능
  • GET요청은 브라우저 히스토리에 남음
  • GET요청은 북마크될 수 있음
  • GET요청은 길이 제한이 있음(브라우저에 따라 다를 수 있음)
  • GET요청으로 서버를 변경해서는 안됨

POST 방식

URL이 아닌 Body에 데이터를 저장하여 전달하는 방식이다.


POST 방식 특징

  • Body에 데이터를 저장하여 전달
  • 데이터를 업데이트하는데 주로 사용
  • 데이터 길이 제한이 없음
  • POST요청으로 서버를 변경할 수 있음

 

결론 : 페이지를 가져오는 액션 또는 내용을 가져오는 액션만 GET 방식을 사용하고 나머지는 POST 방식으로 데이터를 송수신한다.

'FrontEnd' 카테고리의 다른 글

[CSS] 브라우저 스타일 초기화  (0) 2022.01.22
[CSS] favicon(파비콘)  (0) 2022.01.18
[CSS] Flex 속성  (0) 2022.01.15
[CSS] Grid 속성  (0) 2022.01.14
[CSS] CSS의 7가지 단위 - 링크  (0) 2022.01.12

댓글