React, Spring Boot 연동하기 - Axios를 이용한 서버통신(2)

데이터 통신이 일어나는 순서 'Web Browser'에서 React 어플리케이션의 URL로 접속 'Web Browser'에서 요청한 URL에 따라 'React-Router'에서 해당 URL에 해당하는 페이지의 내용을 렌더링하는 최상위 'Component'를 불러온다. 'Component'가 렌더링 될때 'Service'에 미리 정의해둔 함수를 사용해서 데이터를 가져온다.

'Service'에서는 axios 패키지의 기능을 사용해서 'Spring boot API'와 http 통신을 주고 받는다. React쪽의 'Service'에서 요청한 http request를 'Rest Controller'에서 수신한다.

'Rest Controller'에서 'Service'를 호출하여 "React쪽의 'Service'에서 요청한 것"에 해당하는 기능을 수행한다. 'Service'에서는 'Repository'를 호출하여 데이터 crud작업을 처리한다.

'Repository'에서 'DB'를 호출하여 데이...

요청 처리 중입니다...

React, Spring Boot 연동하기 - Axios를 이용한 서버통신(2)

등록된 다른 글