자바 프로그래밍/NodeJS
[NodeJS] NPM ejs 설치부터 예제까지
늅이
2016. 5. 25. 19:39
NPM(Nodejs Package Manager)
=>모듈 관리 프로그램
설치/업데이트/제거 등을 할 수 있다
설치방법
cmd창에서 npm help를 쳐보면 관련 옵션들을 확인 할 수 있다
nodejs npm패키지들을 모아놓은 홈페이지
일단 우리는 nodejs안에 node_moudles 폴더에 ejs라는 모듈이 설치되어 있는지 확인을 한다
현재 없기때문에 빈폴더
없는 것을 확인하고 cmd 창으로 와서 npm install ejs를 해주게 되면 모듈이 설치가 된다
ejs(Embedded Javascript templates)란?
- HTML템플릿 엔진 모듈
- ejs형식으로 html이 생성되어 있으면 fs를 통해 읽어서 ejs가 해석하여 결과를 html로 출력하는 엔진 모듈
- 파일형태는 xx.ejs
기본적으로 <% %> 안에 사용하며
<%= %> 는 출력
<% ; %>는 프로그램으로 보면 된다
실습해보기
- 먼저 해당 이름으로 서버를 구축하겠다
- 파일 코드이다
코드 해석//ejs 템플릿 연습var http = require('http'); //http 모듈을 불러와서 http라는 문자열로 사용하겠다var fs = require('fs'); //fs 위와 동일var ejs = require('ejs'); //ejs 위와 동일http.createServer(function(request, response) { //http모듈을 사용해서 서버를 만들어 주겠다//callback함수로 요청 응답 값을 사용하겠다fs.readFile('hello.ejs', 'utf-8', function(err, data) {//fs를 사용하여 파일을 읽어오는데//hello.ejs파일을 불러오며 인코딩 타입을 utf-8로, 콜백함수는 err, data로 불러오겠다response.writeHead(200, {'ContentType':'text.html'});//헤더와 헤더내용을 보내기//200은 http상태코드를 나타내며 정상적으로 연결됐다는 뜻response.end(ejs.render(data));}); //ejs의 data에 끝난것을 알려줌}).listen(55555, function(){//55555port를 가지고 대기한다console.log('Server Running...http://192.168.0.119:55555');//서버가 시작됐다고 알려주는 콘솔출력문});er Running...http://192.168.0.119:55555');});
---------------------------서버구축 완료------------------------
- 서버에서 읽어올 ejs파일을 불러온다
- 위에서 설명한 코드에 맞게 코딩을 해준다
- 만약 실행이 안된다면!! 위와같은 에러가 뜬다면
이유는 Nodejs에서만 ejs를 설치했고 이클립스에서는 설치를 안했기 때문에 따로 Package.json에서 자동으로 설치해주어야 한다.
먼저 저렇게 수정을 해준다.(없다면 만들어라)
수정문구는 간단하다
"dependencies": {
"ejs":"*"
},
이것만 추가해주고
오른마우스클릭 후 npm install을 해주면 된다
마지막으로 실행화면
hollo에 있는 html 문구들을 인식하여 출력해주었다
주의!! 어디까지나 제가 이해한 대로 코드해석을 하였습니다. 틀리거나 한 부분은 지적 부탁드리며 참고용으로만 봐주세요