Express 소개: Express에 대한 소개로 블로그 게시물을 시작합니다. 그것이 무엇인지, 그것이 왜 인기가 있는지, 그리고 그것이 다른 Node.js 프레임워크와 무엇이 다른지 설명하세요.
Example 1: Setting up a basic route
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');
});
기본 Express 앱 설정: 기본 Express 앱을 설정하는 방법에 대한 단계별 지침을 제공합니다. 여기에는 새 프로젝트 생성, 필요한 종속성 설치 및 기본 경로 설정이 포함될 수 있습니다.
미들웨어 작업: 익스프레스의 주요 특징 중 하나는 미들웨어 시스템이다. 미들웨어의 작동 방식과 그 중요성에 대해 쓰고 일반적으로 사용되는 미들웨어의 예를 제공합니다.
요청 및 응답 처리: Express가 수신 요청 및 발신 응답을 처리하는 방법을 설명합니다. 다양한 HTTP 메서드(GET, POST 등)를 처리하고 오류를 처리하며 응답 헤더로 작업하는 방법을 보여줍니다.이 예에서는 각 수신 요청의 메서드와 URL을 기록하는 로거라는 사용자 지정 미들웨어 기능을 정의합니다. 그런 다음 app.use() 메서드를 사용하여 이 미들웨어를 모든 경로에 적용합니다. 루트 URL에 GET 요청이 작성되면, 서버는 이전과 같이 "Hello, World!"로 응답합니다.
Example 3: Using a template engine to render a view
const express = require('express');
const app = express();
app.set('view engine', 'ejs');
app.get('/', (req, res) => {
const data = {
title: 'Express Blog',
posts: [
{ title: 'First Post', content: 'Lorem ipsum dolor sit amet' },
{ title: 'Second Post', content: 'Consectetur adipiscing elit' }
]
};
res.render('index', data);
});
app.listen(3000, () => {
console.log('Server listening on port 3000');
});
템플릿 및 뷰 사용: Express는 템플릿 및 뷰 렌더링을 지원합니다. EJS 또는 핸들바와 같은 인기 있는 템플릿 엔진을 사용하는 방법과 서버에서 보기로 데이터를 전달하는 방법을 설명합니다. 이 예에서는 EJS 템플릿 엔진을 사용하여 인덱스 뷰를 렌더링합니다. 우리는 제목과 게시물 배열을 포함하는 객체 데이터를 정의하고 res.render() 메서드에 전달한다. index.ejs 파일은 프로젝트 루트의 뷰 폴더에 위치해야 하며 데이터를 표시하려면 EJS 태그가 있는 HTML을 포함해야 합니다:
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
</head>
<body>
<h1><%= title %></h1>
<ul>
<% for (const post of posts) { %>
<li><%= post.title %>: <%= post.content %></li>
<% } %>
</ul>
</body>
</html>
타사 미들웨어 및 플러그인 사용: Express에서 사용할 수 있는 많은 타사 미들웨어 및 플러그인이 있어 사용자의 삶을 더 쉽게 만들 수 있습니다. 가장 인기 있는 것들 중 몇 가지에 대해 쓰고 그것들을 당신의 앱에서 사용하는 방법을 보여주세요.
이 예에서는 새 Express 앱을 만들고 루트 URL(/)에 대한 경로를 정의합니다. 이 URL에 GET 요청이 작성되면, 서버는 "Hello, World!"라는 메시지로 응답합니다. 그런 다음 서버를 시작하고 포트 3000에서 수신 요청을 수신합니다.
Example 2: Using middleware to log requests
const express = require('express');
const app = express();
// Custom middleware function to log requests
const logger = (req, res, next) => {
console.log(`${req.method} request for ${req.url}`);
next();
}
app.use(logger);
app.get('/', (req, res) => {
res.send('Hello, World!');
});
app.listen(3000, () => {
console.log('Server listening on port 3000');
});
Express 앱 배포: 마지막으로 Heroku 또는 AWS와 같은 호스팅 서비스에 Express 앱을 배포하는 방법을 보여줍니다. 환경 변수를 구성하고, 데이터베이스 연결을 설정하고, 운영 모드에서 앱을 실행하는 방법을 설명합니다.
텔크s
telks.tistory.com
'IT > 코딩' 카테고리의 다른 글
| VS Code에서 VSCodium으로 전환해야 하는 5가지 이유 (1) | 2023.12.11 |
|---|---|
| 수박게임 Suika 코딩 journal (0) | 2023.11.23 |
| 프로그래머를 위한 5개의 재미있고 무료 IDE 웹사이트 (0) | 2023.03.03 |
| 동적 UI 만드는법 (0) | 2023.02.16 |
| JS 복습 - JS 근본 (0) | 2023.02.16 |