1. Middleware - 브라우저가 request하면 서버는 응답을 하는데 그 사이에 있는게 middleware - middleware는 handler일 수 있고 반대가 될 수도 있음   - handler는 정확히는 controller라고 함// 기존 controller를 수정const handleHome = (req, res, next) => { next();};app.get("/", handleHome); - app.get("/", handleHome, "함수가 없는 상태");const gossipMiddleware = (req, res, next) => { console.log("middle"); next();};const handleHome = (req, res, next) => { r..

1. localhost - / 는 root 혹은 첫 페이지   - google.com 접속하면 google.com/ 이라는 것 - GET은 HTTP의 많은 method 중 하나   - HTTP는 유저와 서버 또는 서버간 소통하는 방법을 말함   - 유저가 naver.com에 접속을 하면 브라우저가 대신해서 HTTP request를 만들어 줌   - 즉 HTTP request는 웹사이트에 접속하고 서버에 정보를 보내는 방법   - 브라우저는 유저를 대신해 웹사이트를 request하고 페이지를 가져다 줌   - Bring(GET) me that page 같은 느낌 2. Request - 유저가 뭔가를 요청하거나, 보내거나, 유저에게 어떤 행동을 하는 것 - 현재의 경우 브라우저가 서버의 home으로 GET ..

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는 프로젝트를 실행하기 위한 것임 - 예로 자동차는 움직일 때 가솔린이나 전기가 필요한 것 - ..

1. express 설치# Terminal$ npm i express  2. 특이점현재 프로젝트에서 node_modules와 package-lock.json을 삭제하고 터미널에 npm i 실행npm i express 로 실행하지 않아도 npm에서 package.json의 dependencies를 추적하여 패키지를 다시 설치프로젝트를 공유할 때 굳이 모든 파일이 필요하지 않으며 index.js와 package.json만 있으면 된다는 뜻npm i 를 할 때는 package.json을 저장하고 닫은 상태에서 해야 버전 충돌을 막을 수 있음 3. .gitignoregithub에 업로드 하기 싫은 파일이나 폴더가 있다면 .gitignore에 추가하면 됨프로젝트 내에 .gitignore 파일을 생성하여 /node..

{ "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. 프로젝트 생성본인이 원하는 프로젝트 이름의 폴더 생성하고 VSC를 사용하여 해당 폴더를 오픈프로젝트 폴더에 git repository(.git)를 생성View > Terminal 또는 Ctrl + `을 사용하여 터미널 화면 오픈(Git bash 사용)git init(저장소 생성)github에서 New repository 생성다시 VSC Terminal에서git remote add origin https://github.com/본인계정/저장소명npm init{ "name": "프로젝트명", "version": "1.0.0", "description": "원하는 내용작성", "main": "index.js", "repository": { "type": "git", "url": "gi..

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에서 아래 명령어 입력후# 버전이 정상적..