React.js, Node.js 서버 디렉터리 정의

Front end : React 서버

Back end : Node 서버

 

React 서버를 포트 3000, Node 서버를 포트 5000으로 지정였고

프록시를 사용하여 React서버에서 Node서버 URL을 호출했다. 

 

Spring 프래임워크의 장점을 적용하려 Controller, Service, Mapper로 분리하였다.

npm Mybatis을 사용하여 서비스 로직 코드와 SQL코드를 별도 페이지에서 작성해, 개발편의성을 높였다.

하지만 Router는 Java Controller의 기능을 제대로 하지못했다.

 

이유는 Java에서는 View > Controller > Service > mapper > Service > Controller > View 순으로 데이터 이동이있어서 

DB호출 후에 Controller나 Service에서 할 수 있는 일이 많았다.

그런데 Node에서는 View > Router > module > mapper > View 순서로 작동하기 때문에

DB호출 후 웬만한 로직처리는 Dbconnection 모듈과 React JSX페이지에서 처리하였다.