[React] 서버에 POST요청 하는 법, 동시에 요청 여러 개 하는 법

POST요청 하는 법

axios.post('URL', {name : 'kim'})

 

• 실행 시 서버로 {name : "kim"} 데이터가 전송된다.
• get과 마찬가지로 완료시 특정 코드를 실행하고 싶다면 이것도 역시 .then()을 뒤에 붙히면 된다.

---

동시에 AJAX 요청 여러 개 하는 법

Promise.all( [axios.get('URL1'), axios.get('URL2')] )

 

• 이러면 URL1, URL2로 get 요청을 동시에 해준다.
• 둘 다 완료시 특정 코드를 실행하고 싶다면 .then()을 뒤에 붙히면 된다.

---

fetch()

fetch('URL').then(결과 => 결과.json()).then((결과) => { console.log(결과) } )

 

• 자바스크립트 문법인 fetch()를 이용해도 GET/POST 요청이 가능한데
• 이건 axios와 달리 JSON -> object/array 자동으로 바꿔주지 않기 때문에 직접 바꾸는 작업인 .json()이 필요하다.