[맛집지도어플]개발환경을 구성하자.

일단 디렉토리를 만들어서 노드서버환경을 만들어 줄 것이다.

bestfood라는 디렉토리를 만들자!

나는 리눅스 우분투이기 때문에,

sudo mkdir bestfood

디렉토리를 생성하고

해당 디렉토리로 가서,

sudo npm install express-generator -g 를 작성해준다.

우리는 express-generator 모듈을 사용하는 것이다.

모듈의 사용법은

express -h로 살펴볼 수 있다.

프로젝트를 생성할때 화면 구성을 위한 다양한 템플릿 엔진을 지정할 수 있다.

이 중에서 우리는 쉽게 사용할 수 있는 ejs를 사용할 것이다.

디렉토리내에 프로젝트 디렉토리를 생성해야한다. 이때 템플릿 엔진은 ejs로 설치함으로 -e 옵션을 추가해야한다.

sudo express -e web

이제, web\public에 있는파일들을 이름을 그대로 해도 괜찮지만 

짧게 줄여주자!

image -> img

javascripts -> js

stylesheets -> css 

그런데 비쥬얼 스튜디오 코드가.. 거부반응을 일으킨다..

아무래도 권한 문제 때문에 변경할 수 없단다..

찾아보니..

sudo code --user-data-dir="~/.vscode-root"

요런 방법을 사용하면 된다.

근데..

이게 굉장히 위험한 방법이란다. 그 이유는 잘모르겠다.

그 다음 추가로 필요한 파일 업로드 모듈 formidable과 mysql를 함께 설치하자! 

npm install formidable mysql --save

그리고

bestfood/web 경로에서 npm start를 하기전에!

sudo npm install 를 꼭해라!!

이것때문에 30분 날려먹었다..ㅠ

다신 실수하지말자!!

그 다음 노드몬을 설치하여 수정사항을 바로바로 반영되게 하자!

 sudo npm install nodemon -g

그러면 서버를 재시작해야하는 번거로움을 줄일 수 있다!

이제 서버를 시작할때는 nodemon으로 시작한다.