안녕하세요. 혀코입니다.
오늘은 Node.js에서 Express로 서버 구동하고 html 파일 보여주는 방법에 대해서 알아보겠습니다.
지난번에 Node.js에서 Express로 서버 구동하고 웹페이지까지 추가하는 방법에 대해서 알아봤는데요.
const express = required('express')
const app = express()
app.get('', (req, res) => {
res.send('<h1>I am Iron Man</h1>')
})
app.get('/about', (req, res) => {
res.send('<h1>This is About Page</h1>')
})
app.listen(3000, () => {
console.log('I love you 3000')
})위의 코드처럼 해당 페이지에 res.send 함수를 사용해서 단순 텍스트 출력만 했었습니다.
그래서 이번에는 html 파일을 보여주는 방법에 대해서 준비해봤습니다.
index.html 파일을 만듭니다.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>This is index.html</h1>
</body>
</html>
다음으로 app.js 파일을 다음과 같이 작성합니다.
const express = require('express')
const app = express()
app.get('', (req, res) => {
res.sendFile(__dirname + '/index.html')
})
app.get('/about', (req, res) => {
res.send('<h1>This is About Page</h1>')
app.listen(3000, () => {
console.log('I love you 3000')
})단순 텍스트 출력과 비교해서 html 파일의 컨텐츠를 표시할 때에는 res.sendFile 함수를 사용합니다. 또한 전체 경로를 포함해야하기에 parameter로 __dirname 현재 경로 + 파일 이름을 넘겨줘야 합니다.
이렇게 Node.js에서 Express로 서버 구동하고 html 파일 보여주는 방법에 대해서 알아봤습니다.
유용하셨다면, 공감과 구독 부탁 드립니다.
감사합니다. :)
댓글