๋ฐ์ํ
๊ธฐ๋ค๋ฆด ์๊ฐ๋ ์์ต๋๋ค. #002
"๊ธฐ๋ค๋ฆด ์๊ฐ๋ ์์ต๋๋ค" ์๋ฆฌ์ฆ์ ๋ ๋ฒ์งธ ๊ฐ์ข์ ๋๋ค.
์ฒซ๋ฒ์งธ ๊ฐ์ข์ ์ด์ด์ง๋๋ค.
[ ์ฝ๋๋ณด๋ฉฐ ๋ฐฐ์ฐ๋ 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>
๋ฐ์ํ
'๐ป๊ธฐ์ > NodeJS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [ NodeJS ] winston ์ฝ์์์ ์์ ์ง์ ํ๊ธฐ (0) | 2022.06.12 |
|---|---|
| [ ES6 ] webpack 5 ์๋ฐ์คํฌ๋ฆฝํธ ๋๋ ํ (0) | 2022.03.22 |
| [ NodeJS ] Express์์ ๋ค์ค ๋ผ์ฐํฐ ์ฌ์ฉํ๊ธฐ (0) | 2022.01.02 |
| [ ์ฝ๋๋ณด๋ฉฐ ๋ฐฐ์ฐ๋ NodeJS ] ์ด๊ธฐ ์ฝ๋ ์ธํ (0) | 2020.03.17 |
| NodeJS ๋ฅผ ๊ณต๋ถํ๋ฉด์ ๋ ์๊ฐ (0) | 2019.12.14 |
