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

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

https://www.npmjs.com/

nodejs npm패키지 들을 모아놓은 홈페이지

일단 우리는 nodejs안에 node_moudles 폴더에 ejs라는 모듈이 설치되어 있는지 확인을 한다

현재 없기때문에 빈폴더

없는 것을 확인하고 cmd 창으로 와서 npm install ejs를 해주게 되면 모듈이 설치가 된다

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

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

from http://rednooby.tistory.com/7 by ccl(A) rewrite - 2020-03-07 03:54:09