반응형
HTML 을 별도의 파일로 빼어서 관리하기 위해서 ejs 모듈을 사용합니다 EJS ( Embedded JavaScript templates )
설치방법
npm install ejs
package.json 파일에 ejs 모듈이 추가 되어있는 걸 확인할 수 있습니다
{
"name": "nodebasic",
"version": "1.0.0",
"description": "",
"main": "main.js",
"dependencies": {
"ejs": "^2.7.1",
"express": "^4.17.1"
},
"devDependencies": {
"eslint": "^6.5.1"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "skyksit@gmail.com",
"license": "ISC"
}
main 파일에 ejs 모듈 추가
- ejs 객체 생성
- Html 파일을 넣을 폴더 지정
- 랜더링 모듈 지정
- html 일 경우 사용할 ejs 모듈 지정
ejs 추가전
ejs 추가후
- views 폴더를 생성한다 : html 파일을 넣는다
- public 폴더를 생성한다 : css, js, image 같은 고정된 파일을 넣는다
- res.sender => res.render("index.html") 로 변경한다
ejs 동적 페이지 적용
html 페이지 내에 동적인 정보를 적용하기 위해서 동적 페이지로 전환합니다
- html => ejs 확장자로 변경
- app.engine("html") => app.engine("ejs") 로 변경
- ejs 파일안에 <% %> 태그를 사용하여 javascript 구분 적용
index.ejs
실행한 결과값은 다음과 같이 웹브라우저에 표시됩니다
반응형
'IT > Nodejs' 카테고리의 다른 글
Nodejs LTS 버전 변경이 왜 이리 빠른거야 (0) | 2019.12.02 |
---|---|
window용 nvm 에서 npm version update 하기 (0) | 2019.11.28 |
Node.js (쿠키와 세션 처리) (0) | 2019.10.17 |
Node.js express (게시판 기본구조) (0) | 2019.10.17 |
Node.js express 모듈 (Node 웹 프레임워크) (0) | 2019.10.14 |
Node.js NPX 패키지 실행 (0) | 2019.10.14 |
Node.js NPM 패키지 관리하기 (0) | 2019.10.14 |
Node.js 패키지 관리 (0) | 2019.10.14 |