[JavaScript] GET/ POST request 보내기

참고용 url 주소 : https://learn.codeit.kr/api/members

https://learn.codeit.kr/api/members

 

1. GET request : 직원의 정보를 얻기

fetch 함수는 기본적으로 아무런 설정도 해주지 않으면 GET request 를 보내도록 설정됨

 

1-1. 3번 직원의 정보 얻기

 

 

2. POST request : 새로운 직원의 정보를 추가

GET 이 아닌 다른 메소드 값을 가진 request 를 보내려면 다음과 같은 옵션 객체가 필요함.

 

const newMember = {
  name: '신짱구',
  email: 'zzangu123@codeitmall.kr',
  department: 'engineering',
};

fetch('https://learn.codeit.kr/api/members', {
  method: 'POST', // 옵션 객체
  body: JSON.stringify(newMember), // 옵션 객체
})
  .then((response) => response.text())
  .then((result) => { console.log(result); });

parse : string type의 JSON 데이터를 자바스크립트 객체로 변환

stringify : 자바스크립트 객체를 sting type의 JSON 데이터로 변환 (자바스크립트 자체는 외부에 전송 불가)

 

id 값 6을 가진 객체로 직원의 정보가 잘 추가된 것을 확인할 수 있음.