자바스크립트 Express로 웹 애플리케이션 만들기

Express란 무엇인가?

Express는 Node.js로 작성된 웹 애플리케이션 프레임워크입니다. 이것은 다양한 HTTP 요청과 응답에 대한 동작을 추상화하여 애플리케이션을 보다 쉽게 작성할 수 있도록 돕습니다. 또한 다양한 미들웨어와 템플릿 엔진을 제공하여 개발자들이 더욱 효율적으로 웹 애플리케이션을 구현할 수 있습니다.

Express 애플리케이션 만들기

Express 애플리케이션을 만들려면 우선 의존성을 설치해야 합니다. 다음 명령어를 사용합니다.

$ npm install express

그런 다음, `app.js` 파일을 만들고 다음 코드를 추가합니다.

const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(3000, () => {
  console.log('Server listening on port 3000');
});

이제 `node app.js` 명령어를 사용하여 서버를 실행할 수 있습니다. `localhost:3000`으로 이동하여 “Hello World!” 메시지를 확인할 수 있습니다.

Express에 미들웨어 추가하기

미들웨어는 Express에서 중요한 개념입니다. 이를 통해 HTTP 요청이나 응답을 처리할 수 있습니다. 예를 들어, 정적 파일을 제공하기 위해 `express.static` 미들웨어를 사용할 수 있습니다.

app.use(express.static('public'));

이제 `public` 디렉터리에 있는 파일을 브라우저에서 직접 로드할 수 있습니다.

Express에서 템플릿 엔진 사용하기

템플릿 엔진을 사용하면 JavaScript를 사용하여 HTML 콘텐츠를 동적으로 생성할 수 있습니다. 이를 위해 Jade나 Handlebars와 같은 템플릿 엔진을 사용할 수 있습니다.

app.set('view engine', 'jade');

app.get('/users/:name', (req, res) => {
  res.render('index', { title: 'User', name: req.params.name });
});

위 예제에서는 `jade` 템플릿 엔진을 사용하고 있습니다. `views` 디렉터리에서 `index.jade` 파일을 렌더링하여 결과를 반환합니다. `res.render()` 함수의 인자로 전달된 객체는 렌더링 할 데이터입니다.

Express는 미들웨어와 템플릿 엔진을 사용하여 빠르고 간편한 웹 애플리케이션을 구현할 수 있습니다.

키워드: 자바스크립트, Express, 미들웨어, 템플릿 엔진, 웹 애플리케이션