[ 코드보며 배우는 NodeJS ] EJS 초기 코드
💻기술/NodeJS

[ 코드보며 배우는 NodeJS ] EJS 초기 코드

반응형

기다릴 시간도 없습니다. #002

 

"기다릴 시간도 없습니다" 시리즈의 두 번째 강좌입니다.

첫번째 강좌와 이어집니다.

https://devent.tistory.com/36

 

[ 코드보며 배우는 NodeJS ] 초기 코드 세팅

기다릴 시간도 없습니다. #001 "기다릴 시간도 없습니다" 시리즈의 첫 번째 강좌입니다. 다른 강좌와는 다르게 코드만 보여주고 끝납니다. 설명이 없다고요? 하하, 이 강좌는 이론 따윈 씹어먹습니다. 이론은 널리..

devent.tistory.com

views, pub

2개의 디렉토리를 생성해 줍니다.

views : ejs 템플릿이 올라가는 디렉토리입니다.

pub : bootstrap 과 같은 css, js 등과 같이 공개되는 파일 입니다.

 

ejs 설치는

 

npm install ejs

 

./index.js

var express = require('express');
var http = require('http');
var app = express();
var server = http.createServer(app);

//view engine 을 EJS(쉽게 말해서 Express 를 위한 HTML 같은거)로 설정
app.set('view engine','ejs');

//view 를 views 디렉토리로 설정
app.set('views','./views');
app.use(express.static('pub'));

app.get('/', function(req, res) {
    res.render("index");
});

server.listen(4000);

./views/index.ejs

<!DOCTYPE html>
<html lang="ko">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">
  <meta charset="utf-8">

  <title></title>

</head>

<body id="page-top">
    <p>hello</p>
</body>

</html>

반응형