목차
express 모듈 사용
// Express 사용하기
//Express 모듈이 export 하는 최상위 함수로 , express application을 만듦
const express = require('express');
//Express()함수를 호출함으로써 만들어진 express application
const app = express();
const PORT = 8000;
//'my'의 경로 (서버주소 : 포트번호/my)로 들어왔을때 출력
app.get('/my', function (req, res) {
res.send(
'<h1>케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로ㅍ케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로케로</h1>'
);
});
//서버가 실행할 PORT 지정하고, 실행했을 때 콘솔로그를 찍음
app.listen(PORT, function () {
console.log(`Listening on port ${PORT}! http://localhost:${PORT} `);
});
ejs 템플릿
views폴더 만들기
views폴더 하위에 includes 폴더 만들기
[ejs.ejs]
const express = require('express');
const app = express();
const PORT = 8090;
//ejs 템플릿 설정
app.set('view engine', 'ejs'); //express에서 사용할 템플릿 엔진 종류(ejs) 등록
app.set('views', './views'); //템플릿 엔진 파일을 저장할 위치 등록
//app.get(경로, 해당 경로로 들어왔을 때 실행할 함수)
app.get('/', (req, res) => {
//'/':루트 주소의 서버주소는 -> 포트번호(localhost:8000)
res.render('index'); //res.render(ejs_filename) : ejs_filename.ejs 파일을 찾아서 응답
});
app.listen(PORT, () => {
console.log(`http://localhost:${PORT}`);
});/views 폴더안에 index.ejs만들기
[index.ejs]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ejs 연습하기</title>
</head>
<body>
<h1>Hello ! Express!!!!연습하기이잉</h1>
<!-- 여기서 JavaScript사용할때 <%%>이런 이상한거 써야됨 -->
<% for(let i = 0; i<4;i++{ %>
<h1>분신사바</h1>
<%}%>
</body>
</html>ejs 문법 사용하기
헤더를 반복해서 쓰게 되면서 유지보수 어려워짐
헤더만 가지고 있는 파일을 만들어서 다른 ejs에서 불러오도록 하기 ( component화)
includes/header.ejs
정적 파일 활용하기
ejs 반복문, 조건문 활용하기
