해결됨: 익스프레스로 html 파일을 보내는 방법

Express를 사용하여 HTML 파일을 보내는 것과 관련된 주요 문제는 Express가 기본적으로 HTML, CSS 및 JavaScript와 같은 정적 파일 제공을 지원하지 않는다는 것입니다. 정적 파일을 제공하려면 express.static() 또는 serve-static 패키지에서 제공하는 express.static 미들웨어와 같은 미들웨어를 사용해야 합니다. 이 미들웨어를 사용하면 정적 파일이 있는 디렉토리를 지정한 다음 해당 파일에 대한 요청을 해당 디렉토리에 매핑할 수 있습니다.

To send an HTML file with Express, you can use the res.sendFile() method. This method takes the path of the file as its argument and sends it to the client.

Example: 
app.get('/', (req, res) => { 
   res.sendFile(__dirname + '/index.html'); 
});

1. app.get('/', (요청, 응답) => {
// 이 줄은 응용 프로그램의 루트 경로에 대한 경로 처리기를 정의합니다. 루트 경로에 대한 요청이 있을 때 이 콜백 함수는 req 및 res 객체를 인수로 사용하여 실행됩니다.

2. res.sendFile(__dirname + '/index.html');
// 이 줄은 Express 메서드 sendFile()을 사용하여 애플리케이션의 루트 경로에 대한 요청에 대한 응답으로 __dirname + '/index.html'에 있는 HTML 파일을 클라이언트에 보냅니다.

HTML 파일이란 무엇입니까

HTML 파일은 웹 페이지를 만드는 데 사용되는 Hypertext Markup Language 파일입니다. HTML 파일은 웹 페이지의 구조와 내용을 정의하는 태그와 속성으로 구성됩니다. 일반 텍스트로 작성되었으므로 모든 텍스트 편집기로 열고 편집할 수 있습니다.

ExpressJS 소개

ExpressJS는 Node.js용 웹 애플리케이션 프레임워크로 MIT 라이선스에 따라 무료 오픈 소스 소프트웨어로 출시되었습니다. 웹 애플리케이션 및 API 구축용으로 설계되었습니다. Node.js를 위한 사실상의 표준 서버 프레임워크라고 불립니다.

ExpressJS는 웹 및 모바일 애플리케이션을 개발하기 위한 강력한 기능 세트를 제공합니다. 요청 라우팅, 미들웨어 관리, HTML 페이지 렌더링 및 클라이언트 측에 대한 응답 전송 프로세스를 단순화합니다. ExpressJS는 또한 Jade, EJS 및 Handlebars와 같은 템플릿 엔진을 지원합니다.

ExpressJS 프레임워크는 JavaScript를 기반으로 하며 개발자가 확장 가능한 애플리케이션을 쉽게 만들 수 있도록 도와주는 MVC(Model-View-Controller) 아키텍처 패턴을 사용합니다. 또한 개발자가 MongoDB, Redis, MySQL 등과 같은 여러 데이터베이스를 사용할 수 있으므로 복잡한 애플리케이션을 보다 쉽게 ​​구축할 수 있습니다.

Express를 사용하여 HTML 파일을 보내는 방법

Express를 사용하여 HTML 파일을 보내려면 res.sendFile() 메서드를 사용해야 합니다. 이 메서드는 파일의 경로를 인수로 받아 클라이언트에 대한 응답으로 보냅니다.

예:
app.get('/', (요청, 응답) => {
res.sendFile(__dirname + '/index.html');
});

관련 게시물:

코멘트 남김