Node.js, MongoDB 로 웹서비스 만들기 - 3. index.ejs

서버를 켰으니 접속해보자

내 컴퓨터 상에서만 서버가 돌아가고 포트는 8080 으로 설정했으니 

브라우저를 열고 localhost:8080 로 접속하면 된다. 

아직 아무런 페이지, 경로설정도 없이 서버만 실행시켰기 때문에 위처럼 뜨는게 정상

 

 

nfp 프로젝트에 views 폴더를 만들고 메인페이지를 위한 index.ejs 파일을 만든다.

index.html 으로 만든던걸 그냥 이름만 index.ejs 로 만들면 된다

html 파일에서는 서버에서 보낸 데이터를 활용하기 힘들기 때문에 

ejs 라이브러리를 사용하는거임

ejs 파일은 views 폴더 안에 위치해야 한다. 

 

server.js 에도 ejs 라이브러리 사용을 위한 아래 코드 입력

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

당연히 const app 선언 밑에 써야한다.

 

그 다음 localhost:8080 을 요청했을 때 만들어놓은 index.ejs 를 보여주는 코드를 작성한다.

app.get('/', (req, res)=>{
    res.render('index.ejs');
})

req: 요청, res: 응답

메인화면이기 때문에 '/' 을 GET 으로 요청한거임

 

이제 localhost:8080 으로 접속해보면 index.ejs 내용이 보인다. 

 

현재 server.js 의 코드 상황은 다음과 같다.

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

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

app.listen(8080, () => {
    console.log('server on');
})

app.get('/', (req, res)=>{
    res.render('index.ejs');
})

 

 

 

 

https://4sii.tistory.com/10

Node.js, MongoDB 로 웹서비스 만들기 - 4. login page