Zoom 클론코딩 #1 환경설정

서버 환경

 

mkdir zoom 

cd zom 

npm init -y //package.json 파일 생성 됨  The -y flag when passed to NPM commands tells the generator to use the defaults instead of asking questions.

code . //파일 열기 

 

 

touch README.md

npm i nodemon -D

babel.config.json, nodemon.json파일 생성

src > server.js 폴더, 파일 생성 

 

git init .

npm i @babel/core @babel/cli @babel/node @babel/preset-env  -D

touch .gitignore 안에 /node_modules

 

nodemon.json 파일 안에 

{

    "exec":"babel-node src/server.js"

}

 

babel.config.json 파일 안에

{

    "presets": ["@babel/preset-env"]

}

 

package.json 안에 

  "scripts": {

    "dev":"nodemon"

  }

dev를 입력하면 nodemon.json파일을 살펴보고 안에 있는 것 실행시켜줌

nodmon.json안에는    "exec":"babel-node src/server.js"가 있음 

 

 

npm i express , npm i pug

 

서버만들기 

server.js에 

import express from "express"

const app = express();

 

console.log("hello");

app.listen(3000);

 

프론트엔드 환경

import express from "express";

const app = express();

app.set("view engine", "pug");   //뷰엔진으로 퍼그 설정

app.set("views", __dirname + "/views"); //템플릿 디렉토리 알려주기

app.use("/public", express.static(__dirname + "/public")); //퍼그에 설정된 자바스크립트

app.get("/", (req,res)=> res.render("home"));  

const hanldeListen =()=> console.log("Listening on http://localhost:3000");

app.listen(3000,hanldeListen);

 

nodemon.js

프론트엔드 코드 저장할 때마다 서버 새로 시작하는거 원치 않음

 

{

    "ignore":["src/public/*"],

    "exec":"babel-node src/server.js"

}

서버종료하고 public 내에 코드를 저장해도 서버가 재시작하지않음

 

catchhall

app.get("/*",(req,res)=>res.redirect("/")); 어떤 사이트에 들어가든지 redirect시키기