[Node.js] Zoom 클론(2) - Frontend Setup

[Node.js] Zoom 클론(2) - Frontend Setup

1. nodemon.json

{ "ignore": ["src/public/*"], "exec": "babel-node src/server.js" }

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

src/public 폴더 아래의 파일이 변경되어도 재실행 시키지 않음

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

babel에서 작성한 코드를 일반 NodeJS 코드로 컴파일을 해주는데 'src/server.js'에서 작업

2. server.js

import express from "express"; const app = express(); // view engine을 pug로 설정 app.set("view engine", "pug"); // views 디렉토리를 /views로 설정 app.set("views", __dirname + "/views"); // public 파일: FrontEnd에서 구동되는 코드 // user에게 공개 app.use("/public", express.static(__dirname + "/public")); // 홈페이지로 이동시 사용될 템플릿 렌더링 // /views/home.pug 파일이 보여짐 app.get("/", (req, res) => res.render("home")); // 서브패스에 어떤 텍스트를 넣든 루트(/)로 리다이렉트 하도록 함 app.get("/*", (req, res) => res.redirect("/")); const handleListen = () => console.log("Listening on http://localhost:3000"); app.listen(3000, handleListen);

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="widget=device-width, initial-scale=1.0") title Noom link(rel="stylesheet", href="https://unpkg.com/mvp.css") body header h1 Noom main h2 Welcome to Noom script(src="/public/js/app.js")

from http://jara102.tistory.com/12 by ccl(A) rewrite - 2021-10-25 18:00:33