새발블로그

줌 클론코딩 기본 세팅 본문

Reference

줌 클론코딩 기본 세팅

EUG 2023. 8. 9. 16:48

기본 세팅 설명
pug로 view engine 설정
Express에 template이 어딨는지 설정
Public url 생성해서 유저에게 파일 공유
Home.pugfmf render해주는 route handler를 만듦

nodemon을 설정하기 위해 nodemon.json을 생성
nodemon: 프로젝트를 살펴보고 변경 사항이 있을 시 서버를 재시작해주는 프로그램
서버를 재시작하는 대신에 babel-node를 실행
babel: 작성코드를 일반적인 nodeJS코드로 컴파일 해줌(작업 위치는 src/server.js에)

server.js파일에서는 expres를 import하고, express어플리케이션을 구성하고, view engine을 pug로 생성하고, views 디렉토리가 설정되고,public파일에다 같은 작업을 실행함
public file: frontEnd에서 구동되는 코드
server.js =>backend
app.js =>frontend

npm run dev로 서버실행!!!