[React-NodeJs-MySQL 프로젝트 세팅(restAPI+GraphQL)] (6) client-server: Rest API 테스트

client와 server를 연결하여 apollo를 통한 GraphQL 동작을 확인했으니, 이제 restAPI 동작을 확인해보겠다.

 

화면 구성은 graphQL 테스트와 동일하고, get과 post만 확인해보겠다.

 

react에서 restAPI를 요청할때는 주로 axios 모듈을 사용한다.

각 위젯에 axios call 이벤트를 달아놓는다.

axios는 (링크, 데이터)의 형이다.

response를 객체에 담아 활용할 수 있다.

 

 

DB접근 환경은 아직 구축되지 않았으므로 주석처리하고, 제대로 req가 도달하는지만 확인해보겠다.

이때 body parser가 없으면 제대로 req를 읽지 못하므로, app객체에 반드시 사용해야함을 기억하자.

endpoint 역시 graphQL과 달리 각 axios마다 정의해준다.

 

결과는... 잘된다.

사실 API는 DB에 연결해서 테스트를 해보아야 하기에 DB관련 구축(DB와 ORM)부터 진행한 후 전체적인 테스트를 다시 해보겠다.