본문 바로가기

React/메모 프로젝트

#1. 서버 구성 - 라우팅

프로젝트 구조



 server측 코드가 있는 폴더 ( /server )가 있다. 해당 프로젝트를 만들 때 React 공부가 목적이였기 때문에 javascript를 같이 사용할 수 있는 node.js를 이용하였다. 


 server측 언어는 php, ruby, python, node.js 등 다양한 종류가 있지만 각자 편한 걸 고른다고 하면 된다.


 node.js는 브라우저 밖에서도 javascript를 실행 시켜주는 runtime일 뿐이다. ( atom이 node.js로 만들어졌다네.... )



Express


 Web framework일 뿐이다. 웹서버 구축할 때 필요한 것들을 도와주는 역할이다.



라우팅

 

[ server/main.js - 라우팅 설정하는 부분 ]




[ src/actions/authentication.js - 클라이언트 로그인 버튼 클릭시 서버측에 서비스 요청하는 부분]




[ server/routes/account.js - 실제 라우팅하는 부분 ]



 1,3번째 코드를 보면 server측 main코드와 라우팅 코드를 분리해놓았다. 라우팅 역할은 따로 분리하여 모듈화 해놓는게 유지보수하기가 좋다.

'React > 메모 프로젝트' 카테고리의 다른 글

#3. Reducer  (0) 2017.06.05
#2. React-Router  (0) 2017.06.05