nodemon2 ZOOM 클론코딩 _ 3.프론트엔드 작업 1. 폴더 생성 src폴더 안에 public 폴더 만들고 그 안에 js폴더 만든 후, app.js 파일을 생성 2. pug 설치하기 2-1) 우리가 사용할 view엔진을 위해 pug를 설치. → npm i pug 명령어 실행 2-2) src에 view폴더 만들고 home.pug 폴더 생성하기. 2-3) home.pug안에 다음의 코드 작성하기 doctype html html(lang="en") head meta(charset="UTF-8") meta(http-equiv="X-UA-Compatible", content="IE=edge") meta(name="viewport", content="width=device-width, initial-scale=1.0") title Noom body h1 It wo.. 2023. 8. 29. zoom 클론코딩 _2. 서버작업 1. nodemon 설치하기 nodemon은 우리가 소스코드를 수정할 때마다 코드의 변화를 감지하여 자동으로 서버 프로그램을 재시작해 주는 도구이다. Node.js기반으로 실행해 주는 것은 물론이고 모니터링 까지 해주므로 꼭 사용하자! 터미널에 'npm i nodemon -D'를 실행해주자 why? ) 패키지를 설치할 때, -D옵션을 추가한 것은 개발 및 테스트를 위해 설치하는 패키지 라는 뜻. 설치를 마치고 나면 자동으로 package.json에 devDependencies라는 항목이 추가됨 설치된 패키지가 자동으로 표시된다. 2. babel 관련 패키지 설치하기 세련된 자바스크립트 코드 작성을 위해 babel 관련 패키지를 설치할 예정이다. Why?) babel은 작성 완료된 자바스크립트 코드를 다른.. 2023. 8. 29. 이전 1 다음 반응형