PROGRAMMING/Web

08_1 POST & GET 정리

2022. 8. 17. 21:25
목차
  1. 1 POST & GET
  2. 1) GET
  3. 2) POST
  4. 3) 차이점

1 POST & GET

1) GET

  • 클라이언트에서 서버로 어떠한 리소스로 부터 정보를 요청하기 위해 사용되는 메서드
  • GET 요청은 캐시가 가능함
  • GET 요청은 브라우저 히스토리에 남음
  • 요청에 길이 제한이 있음
  • 데이터 요청 시에만 사용됨

2) POST

  • 클라이언트에서 서버로 리소스를 생성하거나 업데이트하기 위해 데이터를 보낼 때 사용 되는 메서드
  • 전송할 데이터를 HTTP 메시지 body 부분에 담아서 서버로 보냄
  • 데이터를 전송할 때 길이 제한이 따로 없어 용량이 큰 데이터를 보낼 때 사용하거나 GET처럼 데이터가 외부적으로 드러나는건 아니라서 보안이 필요한 부분에 많이 사용

3) 차이점

  • 사용목적 : GET은 서버의 리소스에서 데이터를 요청할 때, POST는 서버의 리소스를 새로 생성하거나 업데이트할 때 사용함
  • 요청에 body 유무 : GET 은 URL 파라미터에 요청하는 데이터를 담아 보내기 때문에 HTTP 메시지에 body가 없음. POST 는 body 에 데이터를 담아 보내기 때문에 당연히 HTTP 메시지에 body가 존재함
  • 멱등성 (idempotent) : GET 요청은 멱등
// 1. fetch : fetch(url, options) -> Promise의 형태

const result = [];

// fetch("https://jsonplaceholder.typicode.com/users")
// .then(response => response.json())
// .then(data => data.map(item => result.push(item.name))) 
// .catch(error => console.log(error))

// [{uer1}, {user2}]의 형식으로 저장되게 하기 위해 item.name을 push함
// console.log(result);


// 2. await

// const dataFetch = async() => {
//      	const response = await fetch("https://jsonplaceholder.typicode.com/users");
//      	const data = await response.json();
    
//      	//console.log(data);
//          return data
//     }

//     const dataResult = dataFetch();


// 3. axios -> fetch의 두개의 단계를 하나로 줄일 수 있음

axios.get("https://jsonplaceholder.typicode.com/users")
.then(data => console.log(data.data))

const dataFetch = async() => {
	const response = await axios.get("https://jsonplaceholder.typicode.com/users").data;

	return response;
}

const dataResult = dataFetch();

console.log(dataResult);
  1. 1 POST & GET
  2. 1) GET
  3. 2) POST
  4. 3) 차이점
'PROGRAMMING/Web' 카테고리의 다른 글
  • D3.js를 활용한 정보시각화
  • 09 Routing&API
  • 08 데이터 통신
  • 07 비동기
yuujoeng
yuujoeng
IT and Information Security
알감자는 공부중IT and Information Security
yuujoeng
알감자는 공부중
yuujoeng
전체
오늘
어제
  • 🎁 (201)
    • SECURITY (80)
      • 관리보안 (27)
      • System (10)
      • System | Wargame (30)
      • Android (9)
      • Reversing (3)
      • AWS (1)
    • BLOCKCHAIN (45)
      • BlockChain (22)
      • Ethereum (23)
    • PROGRAMMING (30)
      • Web (16)
      • Android (6)
      • Spring (8)
    • IT (0)
      • Article (40)
      • RaspberryPi (5)

블로그 메뉴

  • HOME
  • TIKKLE

인기 글

hELLO · Designed By 정상우.
yuujoeng
08_1 POST & GET 정리
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.