express.js

📍 express.js란?

Express.js, 또는 간단히 익스프레스(Express)는 Node.js를 위한 웹 프레임워크의 하나로, MIT 허가서로 라이선스되는 자유-오픈 소스 소프트웨어로 출시되었다. 웹 애플리케이션, API 개발을 위해 설계되었다.Node.js의 사실상의 표준 서버 프레임워크로 불리고 있다.
-위키백과-

요청과 응답 사이에 단일 요청 핸들러를 보유하는 대신 요청이 통과할 다양한 함수들을 연결할 수 있게 해준다. 이 다양한 함수들을 미들웨어라고 부르며 express.js의 가장 큰 특징이다. 이러한 특정 기능을 가진 미들웨어들은 써드파티 패키지를 설치해 express.js에 쉽게 장착하여 사용할 수도 있다.

미들웨어의 예시

app.use((req, res, next) => {
  next();
});

이러면 next();를 통해 다음 미들웨어로 이동한다.
한 미들웨어에서 next() 혹은 res() 둘 중 하나는 반드시 있어야 한다.

express에는 다양한 메서드들이 있어서 유용하게 사용할 수 있는데 다음과 같은 예시를 들 수 있다.

res.send():

• res.setHeader()와 res.write()를 합한 기능
• 만약 text를 입력하면 headers의 content-type이 자동으로 text/html로 됨.

app.listen(3000):

• const server = http.createServer(app)과 server.listen(3000)을 합한 기능
• express 깃허브 들어가서 코드 보면 하나의 함수 안에 위의 두 코드가 들어가 있음.

app.set():

• global configuration value로 익스프레스 애플리케이션 전체에 값 설정
• app.set('view engine', 'ejs') 이 코드는 동적 템플릿을 사용해야 할 때 이를 실시하게 하기 위해 특별한 함수들을 가진 엔진을 우리가 등록해서 익스프레스 애플리케이션 전체에서 사용가능하게 함.

url에 공통 경로가 있을 때

라우팅을 express.Router()를 사용하는 하나의 아웃소싱된 파일에서 담당할 때, url들 간에 공통 경로가 있다면(ex. localhost:3000/admin/add-product, localhost:3000/admin/home) 파일에서 라우팅할 때는 저 공통된 경로를 생략하고 index파일 app.js에서

const adminRoutes = requre('./routes/admin');

app.use('/admin', adminRoutes);

이런 식으로 공통된 경로를 한 번만 써주면 된다.

static(정적)

static(정적): express.Router나 미들웨어에서 처리되지 않고 파일 시스템으로 직접 가는 것

정적으로 css나 js, 이미지파일 등을 import할 때는

const path = require('path');

app.use(express.static(path.join(rootDir, 'public')))

이런 식으로 자동으로 저 public 폴더까지는 가게 만들어줄 수 있음. 그러므로 html에서의 import할 때의 나머지 경로에 public까지는 포함되어있지 않아야 함.