정리정돈

라우터는 컨트롤러와 URL의 관리를 쉽게 도와준다. 이는 말하자면 미니 어플리케이션을 만들게 해주는 것이다. 라우터는 url을 그룹화하는 방법이다. 공통 시작 부분으로 그룹화 하는 것이다. 예시 users 라우터 /users/edit -> Edit user /users/delete -> Delete user videos 라우터 /videos/watch -> Watch Video /videos/edit -> Edit Video /videos/delete -> Delete Video /videos/comments -> Comment on a video /videos/comments/delete -> Delete A

Morgan은 node.js 용 request logger middleware이다. 설치 npm i morgan 사용법(직접 middleware를 작성했던 것과 동일하게 사용하면 된다.) import morgan from "morgan"; /// 아래는 재량것 const logger = morgan("dev"); app.use(logger); morgan은 옵션에 따라 콘솔에 나오는 로그가 다르게 나타난다. morgan은 다섯가지의 옵션이 있다. combined :remote-addr - :remote-user [:date[clf]] ":method :url HTTP/:http-version" :status :res[content-length] ":referrer" ":user-agent" common ..

middleware란 중간에 있는 소프트웨어란 뜻이다. request와 response 중간에 위치한다. 브라우저가 request한 다음, 서버에서 응답하기 전 그 사이에 middleware가 있는 것이다. 모든 middleware는 controller이고, 모든 controller는 middleware이다. controller에는 3개의 argument를 가지고 있다. request response next next argument는 다음 함수를 호출해 준다. const test = (req, res, next) => { console.log("test"); next(); }; 위와 같이 함수가 next 함수를 호출하다면, 이 함수는 middleware라는 것을 의미한다. app.get("/",goss..

우리가 구글, 유튜브 등 사이트에 접속하려 할 때마다 get request를 생성하게 되고 이러한 get request에 응답하는 서버가 있어야한다. request를 받아들이고 listening을 하지만 응답하지 않는다면 계속해서 로딩만 이루어진다. express에선, route handler에는 event는 없지만 object를 가지고 있다. 하나는 request object고 하나는 response object다. route handler의 첫번째 argument는 request object이고 두번째 argument는 response object이다. 이름은 상관 없다. requests 와 responese는 express로부터 받아온 것이다. //예시 const handleHome = (req, ..

서버가 request에 respond하도록 하는법 / - 서버의 root 혹은 첫 페이지를 의미한다.(예시로 google.com 과 google.com/ 이 같은 것을 의미한다. GET - GET은 HTTP method다. 페이지(GET 뒤에 있는 페이지)를 가져다 달라고 하는 것과 같다. HTTP는 우리가 서버와 소통하는 방법이다. 서버가 서로 소통하는 방법이기도 하다. http request는 웹사이트에 접속하고 서버에 정보를 보내는 방법이다. 브라우저는 우리를 대신해서 웹사이트를 request하고, 페이지를 가져다 준다. import express from "express"; const PORT = 4000; const app = express(); /////express application이 만..

import express from "express"; const app = express(); const handleListening = () => console.log("Server listening on port 4000 🚀") app.listen(4000, handleListening) import를 통해 express를 가져오고 app에 저장해준다. listen 이란 request(컴퓨터(서버)가 누군가의 요청)를 알아채고 무언가 해야된다는 것을 뜻한다. listen 에는 포트번호와 callback 함수가 들어간다. callback 이란 javascript에서 다른 함수의 매개변수로 함수를 전달하고, 어떠한 이벤트가 발생한 후 매개변수로 전달한 함수가 다시 호출되는 것을 의미한다. callbac..

https://babeljs.io/ Babel · The compiler for next generation JavaScript The compiler for next generation JavaScript babeljs.io npm install @babel/core @babel/node --save-dev package.json으로 가서 보면 devDependencies에 @babel/node 가 추가된 것을 볼 수 있다. 이제 package.json의 "scripts"에 아래와 같이 추가할 것이다. "scripts": { "dev": "babel-node index.js" } babel-node란 명령어를 사용할 수 있는 이유는 우리가 @babel/node를 설치 하였기 때문이다. babel-nod..

https://babeljs.io/ Babel · The compiler for next generation JavaScript The compiler for next generation JavaScript babeljs.io 바벨은 우리가 작성한 자바스크립트 코드를 모두가 이해할 수 있는 안정된 자바스크립트로 바꿔주는 컴파일러다. nodeJS가 우리가 작성한 자바스크립트 코드를 이해하겠지만 최신 자바스크립트 코드의 경우 이해하지 못하는 경우가 있다. 이를 해결하는 것은 nodeJS가 이해하는 자바스크립트 언어만 사용하거나 babel을 사용하는 것이다. (babel의 유례는 바벨탑에서 사람들이 서로 다른 언어로 말하는 것에서 따온 것 같다. 아마) 우선 nodeJS에서 사용가능한 Babel을 설치해야한다..