0. Returning HTML - 우리는 지금까지 HTML을 return 할때 controller에서 res.send()를 사용했음 - 한줄 정도의 HTML을 보내는건 상관없으나 한 페이지 전체를 보낼 경우 매번 많은 내용을 작성해야함 - 이 부분을 개선하기 위해 Template Engine을 사용할 것임 1. Pug - Template을 이용하여 View 만들기를 돕는 Engine - https://github.com/pugjs/pug/tree/master/packages/pug#syntax pug/packages/pug at master · pugjs/pugPug – robust, elegant, feature rich template engine for Node.js - pugjs/puggithu..

1. Routerhttps://expressjs.com/en/api.html#router Express - Node.js web application framework expressjs.com - Router는 Controller와 URL을 관리 - You can think of it as a “mini-application”  - 작업중인 주제를 기반으로 URL을 그룹화# URL# Global/ -> Home/join - Join/login -> Login/search -> Search# User/user/edit -> Edit User/user/delete -> Delete User# Videos/videos/watch - > Watch vidoo/videos/edit -> Edit video/vid..

const handleHome = (req, res) => { return res.send("what the?");};const handleLogin = (req, res, next) => { next(); console.log(1); return res.send("login");};app.get("/", handleHome);app.get("/login", handleLogin, handleHome); - 복습하던 도중 middleware를 이렇게 만들어봄 - localhost/login으로 이동하면 정상적으로 what the? 라는 p태그의 내용이 출력됐지만 콘솔에 1과 함께 에러가 발생 - 해당 에러는 서버가 클라이언트에게 2개 이상의 응답을 보낼 때 발생한다고 함 - next()를 호출하면..

1. 시작 - src폴더를 통해 모든 application들을 구분 - 기존의 index.js를 삭제하고 src폴더에 server.js 생성// server.js// 유저가 node_modules/express 할 필요없이 npm이 추적import express from "express";// express application 생성(express 설계를 위한 룰)// express function을 사용하면 생성// app이 listen 할 수 있게 해야함const app = express();// listen에는 callback이 있음const handleListening = () => console.log("Server listening on port 4000");app.listen(4000, ha..

1. BabelNode.js는 우리가 작성한 코드를 대체로 이해하지만, 이해하지 못하는 최신 코드가 생기기도 한다.해결방법은 Node.js가 이해하는 JS만 사용하거나, Babel을 사용해야 한다.Babel은 개발자가 작성한 최신 JS를 컴파일한다.즉 개발자는 현재의 Node.js 버전이 JS를 인식하지 못하는지 걱정할 필요 없이 최신 JS를 작성할 수 있다. 2. 설치방법https://babeljs.io/ Babel · BabelThe compiler for next generation JavaScriptbabeljs.ionpm install --save-dev @babel/core - dependencies는 프로젝트를 실행하기 위한 것임 - 예로 자동차는 움직일 때 가솔린이나 전기가 필요한 것 - ..

{ "name": "프로젝트명", "version": "1.0.0", "description": "원하는 내용작성", "repository": { "type": "git", "url": "git+https://github.com/계정명/프로젝트명.git" }, # main을 삭제하고 scripts 추가 "scripts": { "win": "node index.js" }, "author": "", "license": "MIT", "bugs": { "url": "https://github.com/계정명/프로젝트명/issues" }, "homepage": "https://github.com/계정명/프로젝트명#readme"}# terminal에서 명령어 입력$ npm..

1. Node.js란?Node.js는 크롬 V8 자바스크립트 엔진으로 빌드 된 자바스크립트 런타임이다.초창기에 만들어진 자바스크립트는 브라우저에서만 사용되었고 웹사이트와 상호작용 할 수 있게 만들어졌다.하지만 자바스크립트를 브라우저 밖에서도 사용하기 위해 만들어진 것이 바로 Node.js다.자바스크립트라는 프론트엔드 언어로 백엔드까지 사용할 수 있다는 것이 장점이다. 1-1. 설치방법https://nodejs.org/ Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org# 윈도우 cmd 또는 맥 terminal에서 아래 명령어 입력후# 버전이 정상적..