[React] Axios , JSON

Axios 란?

Axios는 브라우저 , Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리

Axios의 특징

운영 환경에 따라 브라우저의 XMLHttpRequest객체 또는 Node.js의 HTTP API사용
Promise API사용
요청과 응답 데이터의 변형
HTTP 요청과 응답을 JSON형태로 자동으로 변경

Axios의 응답 데이터

axios로 서버에 요청 -> 서버에서 처리 -> 클라이언트에게 응답
.then으로 함수인자로(response)로 받아 객체에 담긴 데이터가 응답데이터

(1) Axios get

get은 서버에 데이터를 조회할때 사용
파라미터 데이터를 포함시키는 경우

axios.get(url , [, config]) // get 

(2) Axios post

post는 서버에 데이터를 추가할때 사용
파라미터에 데이터를 포함하지않고
데이터를 body 형태로 서버에 보내고자할때 사용

axios.post(url[, data[, config]])

JSON 이란?

JSON이란 자바스크립트의 객체 표현법
객체 형식과 비슷 but JSON은 통신 등을 위해 데이터를 가볍게 만든 문자데이터

(1) 데이터 -> JSON

const nemo ={
name : "LIM",
age : "28"
}

const str = JSON.stringify(nemo) // JSON포맷화(문자 데이터화 )

console.log(str) // {"name" : "LIM", "age" : "28"} (string화 됨)

(2) JSON -> 데이터

const data = JSON.parse(str) // JSON데이터 파싱해서 재조립

console.log(data) // {name : "LIM", age : "28"}