[NodeJS] NPM ejs 설치부터 예제까지

NPM(Nodejs Package Manager)

=>모듈 관리 프로그램

설치/업데이트/제거 등을 할 수 있다

설치방법

cmd창에서 npm help를 쳐보면 관련 옵션들을 확인 할 수 있다

https://www.npmjs.com/  

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 문구들을 인식하여 출력해주었다

주의!! 어디까지나 제가 이해한 대로 코드해석을 하였습니다. 틀리거나 한 부분은 지적 부탁드리며 참고용으로만 봐주세요