post인 경우에는 fetch() 함수에 method 정보를 인자로 넘겨주어야 합니다.
설명: 유저를 저장한다. base url: https://api.google.com endpoint: /user method: post 요청 body: { "name": string, "batch": number } 응답 body: { "success": boolean }
fetch('https://api.google.com/user', { method: 'post', body: JSON.stringify({ name: "yeri", batch: 1 }) }) .then(res => res.json()) .then(res => { if (res.success) { alert("저장 완료"); } })
1.두 번째 인자에 method와 body를 보내주어야 합니다.
2.method는 post
3.body는 JSON형태로 보내기 위해 JSON.stringfy() 함수에 객체를 인자로 전달하여 JSON형태로 변환했습니다.
post로 데이터를 보낼 때 JSON.stringfy를 항상 하다보니 axios는 굳이 감싸주지 않고 객체만 작성해도 되는 편리한 점이 있습니다. 이렇듯 axios는 소소하게 편한한 설정을 제공해주고, 요청과 응답에 대한 확장성 있는 기능을 만들 수 있습니다.