[Node-html]프로젝트 생성(express, git)

이번에 외주로 node-html 프로젝트를 하게 되어 이와 관련된 지식을 나누고자 한다.

Express 프로젝트 생성

npm의 확장 패키지인 Express를 사용해 프로젝트를 생성한다. 콘솔창에서 새 폴더를 생성할 위치로 이동하여 아래의 명령어를 입력한다.

express "폴더명"

Git 연동

git bash에서 위에 생성한 폴더로 이동하여 아래 명령어를 순서대로 입력한다.

git init

git remote add origin "github 레포지토리(원격 저장소) "

git remote -v

HTML 사용 설정

express 프로젝트를 생성하면 기본적으로 jade 파일을 사용한다. 따라서 html 파일을 사용할 수 있도록 설정해주는 과정이 필요하다.

express 프로젝트의 app.js 파일을 열어 아래 코드를 수정한다.

(수정 전)

(수정 후)

HTML 파일 세팅

제대로 작동하는 지 확인하기 위해 views 폴더에 파일을 세팅한다. css나 js, img파일은 public폴더에서 관리.

routes 폴더안의 index.js에 render 경로를 해당 html파일로 연결한다.

동작 확인

npm install 명령을 사용해 동작을 확인하자.