본문 바로가기

JavaScript/Web Development

[JavaScript] PUT/ DELETE request 보내기

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

 

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

 

learn.codeit.kr

 

1. PUT request : 기존 직원의 정보를 수정

저번에 추가했던 새 직원 '신짱구' 의 부서를 engineering 에서 marketing 으로 옮기고자 함

 

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

fetch('https://learn.codeit.kr/api/members/6', {
  method: 'PUT',
  body: JSON.stringify(member),
})
  .then((response) => response.text())
  .then((result) => { console.log(result); });

기존 직원의 정보를 수정하기 위해서 id 값을 입력, 또한 자바스크립트 객체를 JSON 데이터로 변환하므로 stringify 메소드 사용

 

직원의 부서가 잘 변경된 것을 확인할 수 있음.


2. DELETE request : 기존 직원의 정보를 삭제

직장이 잘 맞지 않아 퇴사를 한 직원 '신짱구' 의 정보를 삭제하고자 함

 

  fetch('https://learn.codeit.kr/api/members/6', {
  method: 'DELETE',
})
  .then((response) => response.text())
  .then((result) => { console.log(result); });

DELETE request 의 경우, body 프로퍼티는 필요하지 않음.

 

퇴사한 직원의 정보가 잘 삭제되었음.