프론트와 연결하기 (2) - Axios 활용

이전 포스트에서 리액트와 장고를 연결하는 방법 중에 REST API를 이용해 json 객체를 얻고,

그것을 리액트에서 사용하도록 하는 방법이 있다고 언급했다.

 

하지만 이후에 계속 회의를 진행하면서 이 방법과 적용할 수 있는 방법을 찾아냈다.

바로 Axios를 활용한 방법인데 Axios란 브라우저, Node.js를 위한 HTTP 비동기 통신 라이브러리이다.

Promise API를 사용하며 요청(Request)과 응답(Response)을 json 형태로 변경해준다.

 

이 때 비동기 방식이란

페이지에 요청(Request)을 보내고 응답(Response)을 받는 행위가 1:1 관계로 이뤄지는 것이 아닌,

페이지를 리로드(Reload)하지 않아도 서버에 계속해서 요청을 보내는 방식이다.

 

Request를 보내기 때문에 POST, GET 등의 메소드를 사용할 수 있다.

이 메소드와 요청을 장고에서 받아서 기능을 구현하도록 진행해 볼 생각이다.