평행코드

Pug는 Haml의 영향을 많이 받은, Node.js 및 브라우저용 JS로 구현된 고성능 템플릿 엔진이다. https://github.com/pugjs/pug GitHub - pugjs/pug: Pug – robust, elegant, feature rich template engine for Node.js Pug – robust, elegant, feature rich template engine for Node.js - GitHub - pugjs/pug: Pug – robust, elegant, feature rich template engine for Node.js github.com doctype html html(lang="en") head title= pageTitle script(type='..

videoRouter.get("/:id", see); export const see = (req, res) => { return res.send(`Watch Vidio #${req.params.id}`); } /:id => url에 변수값을 넣어 줄 수 있게 해준다. 파라미터는 url을 가지는것을 가능하게 해준다. express는 리퀘스트 오브젝트에 이 파라미터를 보내준다. 정규식 videoRouter.get("/:id(\\d+)", see); videoRouter.get("/:id(\\d+)/edit", edit); videoRouter.get("/:id(\\d+)/delete", deleteVideo); 파라미터에는 정규식으로 숫자만 입력하게 할 수 있다. \w+ 모든 문자 선택 \d+ 모든 숫자 선..

Router란? 라우터는 나의 컨트롤러와 URL의 관리를 쉽게 해준다. 우리는 url을 더 낫고 독립적인 방법으로 관리하기 위해 라우터를 사용한다. 쉽게 말해, 미니 어플리케이션을 만들게 해주는것이다. (개인적으로 카테고리 설정이라고 이해했다.) 1. 라우터 생성 const globalRouter = express.Router(); const userRouter = express.Router(); const videoRouter = express.Router(); 2. 라우터 쓰는 방법 app.use("/", globalRouter); app.use("/users", userRouter); app.use("/videos", videoRouter); 3. 라우터들에 함수를 넣기 const handleHom..

Morgan이란? https://www.npmjs.com/package/morgan node.js용 request logger middleware 이다. 사용하는이유? morgan은 우리가 직접만든 logger보다 더 정교한 정보(GET, path, status code)를 보여준다. 설치방법 1. npm i morgan 2. import logger from "morgan"; morgan 함수를 호출하면 , 내가 설정한 대로 middleware를 return해준다. const logger = morgan("dev"); // 색깔이있는 dev를 사용할거임 app.use(logger); 정리 1. morgan 설치 2. import logger from "morgan"; 3. app.use를 사용하여 mo..

middleware 컴퓨터 제작 회사가 사용자의 특정한 요구대로 만들어 제공하는 프로그램으로, 운영 체제와 응용 소프트웨어의 중간에서 조정과 중개의 역할을 수행하는 소프트웨어이다. const routerLogger = (req, res, next) => { next(); }; const methodLogger = (req, res, next) => { next(); }; const home = (req, res) => res.send("hello"); app.get("/", routerLogger, methodLogger, home); 1. home으로 request가 오고 express가 methodLogger에게 물어볼것임 2. routerLogger야, 여기에 request에 관한 정보가 있고, r..

get이란 웹사이트한테, "이봐, 나한테 너네 홈페이지 갖다 줘" 라고 이야기 하는 것이다. 웹사이트가 나의 브라우저로 오는 것 다시말해서, 웹사이트에 접속할 때 브라우저가 너를 어디론가 데려가는 것이 아니다! 브라우저는 나를 대신해서 웹사이트를 request하고, 페이지를 가져다 주는 것이다. get - "저 페이지를 갖다줘" app.get("/", home); const app = express(); 을 통해 app에 express의 메서드, 기능 등 모든 걸 담고 app.get("route", controller);을 통해 브라우저와의 연결통로를 구축한다. 바닐라JS 때 add.eventListener와 함수를 연결해주는 것과 유사하게, 브라우저의 request를 받았을 때 서버로써 그에 대한 응답..

Express Express 란? "Node.js를 위한 빠르고 독선적이지 않은 미니멀리스트 웹 프레임워크" 라고 공식홈페이지에 나와있다. Express 설치 (1) node js파일명 => 이 방법으로도 js파일을 실행시킬 수 있다. (2) 이번 프로젝트에서는 package.json으로 실행 해 줄것이다. (3) package.json 안에 main => 내가 만들고 배포한 package를 다른 사람들이 설치하면 main을 사용한다. (4) package.json 안에 scripts를 만들어 준다. (5) scripts 는 실행하고 싶을 것을 말한다 즉, scripts안에 실행할 것을 적어준다. ex) scripts={ "start": "node index.js" // 이름은 자유롭게 지어줄 수 있다...

package.json은 node.js 관련 정보를 담는 방법이다. 그냥 text이기 때문에 뭘 넣어도 상관없다. - 이 파일에 넣으면 npm이 어떤 행동을 할 수 있게 해주는 것들이 있다 ex) "scripts": { "dev": "nodemon --exec babel-node src/server.js" }, => 복잡합 script에 별명을 줄 수 있음 dependencies - 프로젝트가 돌아가기 위해 필요한 package들이다. "dependencies": { "express": "^4.18.2", "morgan": "^1.10.0" }, devDependencies - 개발자가 개발할때 필요한것들 (서버 만드는데 꼭 필요한 것은 아니고, 개발환경을 편하게 하려고 필요한 것) "devDepende..