[Node.js / MongoDB] 서버에서 HTML 파일전송해보기

728x90

💡 실습 포인트!

GET 요청 시 HTML 파일을 보내주어 브라우저에 해당 HTML 파일의 내용이 뜰 수 있게 했다.

💜 HTML 파일 만들기

우선 적당한 HTML 파일을 하나 만들어준다.
나는 index.html 라는 파일명으로 HTML 파일을 생성한 후 아래와 같이 내용을 간단히 작성해주었다.

<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Document</title>
        </head>
        <body>
            <h4>홈페이지입니다.</h4>
        </body>
    </html>

💜 JavaScript 작성하기

// 누군가가 / 경로에 접속하면
app.get('/', function(req, res){
    // index.html 이라는 파일을 보낸다.
    res.sendFile(__dirname + '/index.html');
})

sendFile() 함수를 사용하면 파일을 보낼 수 있다.
__dirname 은 현재 파일의 경로를 의미한다.

💜 브라우저에서 확인하기

HTML 파일에 작성한 내용이 '홈페이지입니다.' 라는 문구 하나라서, 비록 send() 함수를 사용한 것처럼 나와서 구별이 어려울 수 있지만.. 파일이 제대로 전송된 것을 확인할 수 있다.

728x90

'[개발] Practice > Node.js MongoDB' 카테고리의 다른 글

[Node.js / MongoDB] Database 에 자료 저장하는 법 (0)	2022.03.11
[Node.js / MongoDB] MongoDB 셋팅하기 (0)	2022.03.11
[Node.js / MongoDB] POST 요청해보기 (0)	2022.03.11
[Node.js / MongoDB] Bootstrap 을 이용해 빠르게 UI 개발해보기 (0)	2022.03.11
[Node.js / MongoDB] GET 요청 처리해보기 (0)	2022.03.11

Extra + Ordinary

[Node.js / MongoDB] 서버에서 HTML 파일전송해보기

💡 실습 포인트!

💜 HTML 파일 만들기

💜 JavaScript 작성하기

💜 브라우저에서 확인하기

'[개발] Practice > Node.js MongoDB' 카테고리의 다른 글

티스토리툴바

[Node.js / MongoDB] 서버에서 HTML 파일전송해보기

💡 실습 포인트!

💜 HTML 파일 만들기

💜 JavaScript 작성하기

💜 브라우저에서 확인하기

'[개발] Practice > Node.js MongoDB' 카테고리의 다른 글

관련글

티스토리툴바