기억 휘발 방지소

📌 미들웨어 미들웨어는 request와 response 사이에 존재하는 함수이다. 브라우저가 request를 하고 서버가 응답하기 전 그 사이에 미들웨어가 있다. 즉, 브라우저의 요청을 서버에서 응답해주기 전에 여러가지 처리를 할 수 있다. 미들웨어는 request에 응답하지 않는다. request는 지속시켜주는 역할 작업을 다음 함수에게 넘기는 함수 원하는만큼 미들웨어를 만들 수 있다 📌 서버만들기 간단한 서버를 하나 만들었다. res.send() 메소드로 텍스트를 보냈는데 html태그를 보낼 수도 있다. import express from "express"; const PORT = 4000; const app = express(); const handleHome = (req, res) => { ret..

📌 Babel이란? 위키백과에서는 Babel을 다음과 같이 말하고 있다. Babel은 ESMAScript 2015+ 코드를 이전 JavaScript 엔진에서 실행할 수 있는 이전 버전과 호환되는 JavaScript 버전으로 변환하는데 주로 사용되는 무료 오픈 소스 JavaScript 트랜스컴파일러이다. 쉽게 말해 최신 버전의 자바스크립트 문법을 브라우저가 이해할 수 있는 문법으로 변환해주는 컴파일러라고 볼 수 있다. 📌 설치 https://babeljs.io/setup로 들어가서 내가 원하는 언어를 선택해주면 된다. 나는 노드에서 사용할 것이기 때문에 노드를 선택했다. 선택을 하면 설치하는 방법이 나온다. Node.js에서는 npm install --save-dev @babel/core로 설치하면 된다...

가끔 자바스크립트로 알고리즘을 풀 때 종종 어떤 값들의 합을 구해야할 때가 있었는데 그럴 때 reduce() 메소드를 사용하면 반복문을 사용하지 않아도 합을 구할 수 있었다. 이런 경험을 바탕으로 reduce() 메소드에 대해 간략하게 정리해보려고 한다. 📌 reduce() 일단 MDN에서는 reduce()를 다음과 같이 정의한다. reduce() 메소드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환하는 메소드이다. 리듀서 함수는 4개의 인자값을 가진다. 누산기(acc) 현재값(cur) 현재 인덱스(idx) 초기값(src) 리듀서 함수의 반환값은 누산기에 할당하고 누산기는 순회 중 유지되므로 결국 최종 하나의 값이 된다. 📌 reduce() 사용하기 배열...

Model 데이터와 비즈니스 로직을 관리한다. 사용자가 사용하고자하는 모든 데이터를 갖고 있어야하며 뷰나 컨트롤러에 대한 어떤 정보고 알고 있어선 안된다. 또한 변경이 일어나면 변경 통지에 대한 처리방법을 구현해야만 한다. View 화면에 보여주기 위한 역할이다. 모델이 갖고 있는 정보를 따로 저장하면 안된다. Controller 모델과 뷰 간의 연결. 사용자의 요청을 처리하고 응답하는 부분. 모델과 뷰에 대해서 알고 있어야하며 모델과 뷰의 변경을 모니터링 해야한다.

static은 Express에 내장되어 있는 미들웨어이다. 이미지, CSS파일, JS파일 등과 같은 정적인 파일들을 제공한다. 함수의 인자로 정적 파일들이 들어있는 폴더를 지정하면 된다. const express = require('express'); const app = express(); app.use(express.static(path.join(__dirname, 'public'))); 이렇게 하면 원래 http://localhost:3000/public/css/main.css이었던 것이 http://localhost:3000/css/main.css로 접근한다. 실제 폴더구조에는 public이 있지만 요청 주소에는 public이 없다. 실제 서버의 폴더경로와 요청한 주소의 경로가 다르기 때문에 제 ..

Express Express 홈페이지에 가보면 Express를 '웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 프레임워크이다' 라고 소개하고 있다. Node.js를 이용해 서버를 만들고 싶어하는 개발자들을 위해 서버를 쉽게 만들 수 있도록 해주는 프레임워크 정도로 보면 될 것 같다. 설치 아래 명령어로 설치할 수 있다. npm install express 사용 const express = require('express'); const app = express(); const port = 3000; app.get('/', (req, res) => { res.send('Hello Express'); }); app.listen(port, () =..