2016년 2월 6일 토요일

[MEANI-Stack] - #3 Node.js & Express Seed Project

[MEANI-Stack] - #3 Node.js & Express Seed Project








오늘 진행할 태스크는 (Node & Express) Seed Project 생성입니다.









github에서 express seed키워드로 검색해보니 대부분 MEAN스택을 full제공합니다.

저는 TypeScript를 써야하기 때문에 다른 부분은 신경쓰지 않고
Directory 구조가 가장 심플하고 express만 잘 돌아가는 프로젝트를 선정하려고 합니다.






위 사진의 star1406개를 기록하고 있는

/angular-express-seed

프로젝트에 들어가보니 

디렉터리 구조가 정말 깔끔하고 좋습니다.








바로 내려 받아서 실행해 보았습니다.




멋진 에러가 저를 반겨줍니다.
몇분간 수정해보았지만 계속되는 에러들이 저를 반겨줍니다.








그냥 지난주에 구매한 [중급 개발자를 위한 MEAN스택 공략]에
나온 예제를 참고해서 직접 만들기로 결정!


결정된 directory 구조는 아래와 같습니다.


app/
  controllers/      --> cotroller의 집합
  models/           --> model의 집합
  routes/           --> route의 집합
  views/            --> view의 집합

config/             --> express config파일들

package.json        --> for npm

public/             --> all of the files to be used in on the client side

server.js           --> app 







확장하기 쉬운 구조의 친절한 예제입니다.
이전에 Node.js & express로 프로젝트를 진행 하였을때도
이렇게 깔끔한 디렉터리 구조였다면 좀더 편했을텐데 라는 생각이 드네요...


완전 잘 동작합니다.
port의 경우는 이미 front-end(Angular2)에서 3000port를 사용하고 있기 때문에
4000으로 하였습니다.




작업의 마무리는 커밋!
https://github.com/polyglotm/PP-MEANI-stack-back-end











다음 태스크는 (Mong DB) Seed Project 생성입니다.

댓글 없음:

댓글 쓰기