프로젝트 구조
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 |