Axios

• HTTP 비동기 통신 라이브러리(클라이언트에서 서버에 요청을 보낼 때 사용)
• 클라이언트와 서버 간 통신을 원활하게 하기 위해 Ajax와 더불어 사용

특징

• Promise API 사용
• 요청과 응답 데이터 변형
• HTTP 요청 취소 및 HTTP 응답 JSON 형태로 자동 변경

설치

cd client폴더 이동 후 npm install axios --save

적용 예시

LandingPage

//생략
 useEffect(()=>{
        //서버에 GET 요청을 보내고, 그에 따른 응답을 콘솔 창에 전시
        axios.get('/api/hello')
        .then(response=>console.log(response.date));
    },[]);
//생략

index.js

//생략
app.get('/api/hello',(req,res)=>{
  res.send("안녕하세요~");
})
//생략

참고

www.inflearn.com/course/따라하며-배우는-노드-리액트-기본