React - 서버와 통신하기 ajax2

신혜원·2023년 7월 11일
0

React

목록 보기
26/37
post-thumbnail
post-custom-banner

🖤 POST 요청 하는 법

axios.post('URL', {name : 'kim'})
  • 서버로 {name : 'kim'} 자료가 전송된다.
  • 이것도 뒤에 .then() 을 붙이면 완료 시 특정코드를 실행할 수 있다.

🖤 동시에 AJAX 요청 여러개 날리기

Promise.all( [axios.get('URL1'), axios.get('URL2')] )
  • URL1, URL2 로 GET 요청을 동시에 해준다.
  • 뒤에 .then() 을 붙이면 완료 시 특정코드를 실행할 수 있다.

🖤 원래 서버와 문자자료만 주고받을 수 있다

  • object, array 는 원래 못 주고받는다.

  • 하지만 강의시간에서 array 자료를 받아온 것 같은데 어떻게 한 것일까??

  • 바로 object/array 자료에 따옴표를 쳐놓으면 된다.
    ex) "{"name" : "kim"}" -> 우린 이걸 JSON 이라고 한다.

  • JSON 은 문자취급을 받기 때문에 서버와 자유롭게 주고받을 수 있다.

  • 실제로 결과.data를 출력해보면 따옴표쳐진 JSON이 나와야하는데 axios 라이브러리는 JSON -> object/array 변환작업을 자동으로 해줘서 object/array 가 출력되는 것이다!

✍ 혼자 책으로 공부했을 때 object/array 자료에 따옴표를 치는 것이 JSON 이라는 내용을 공부했었다. 이것이 실제로 사용되는 것을 보니 변환작업에 대해 더 쉽게 알 수 있는 시간이었다.

post-custom-banner

0개의 댓글