Node.js (56) 썸네일형 리스트형 7-3 express 에서 ejs 사용하기 express --ejs express_ejs cd express_ejsnpm install ejs는 기본적인 문법이 jsp 와 같습니다. html 태그를 그대로 사용하면서 를 써서 해당 하는 데이터를 받아서 출력합니다. index.ejs 를 보면 쉽게 알수 있습니다. Welcome to 이것을 받아서 출력하게 되는데 해당 데이터를 전해주는곳은 routes폴더 안의 index.js 입니다.(이곳이 모델이 됩니다.) 전달되는 데이터 내용을 추가해 봅시다. 먼저 routes 폴더내의 index.js 파일 입니다. name 과 출력될 데이터를 가 하였습니다. exports.index = function(req, res){ res.render('index', { title: 'Express' , name:'ui.. 7-2 express 에서 jade 를 통한 웹구현 express 의 경우 기본 템플릿은 jade 로 설정되어 있습니다. 기본인 만큼 간편하면서 강력한 템플릿 엔진인 jade!간단한 예제로 쭈욱! 살펴 보겠습니다. 1. 먼저 express 명령어를 이용하여 jade 프로젝트를 생성합니다. 아래의 명령어를 실행면 express_jade 폴더가 생성됩니다. express express_jade 2. 생성된 express_jade 폴더로 이동후 cd express_jade npm 명령어를 통해 관련 모듈을 설치해 줍니다. npm install 3. 실행! 참고로 기본 포트가 3000으로 되어 있습니다.(이경우 당연히 app.js 에서 바꿔주면 되겠지요?) http://127.0.0.1:3000 express의 구조는 다음과 같습니다. + node_moudles.. 7-1 웹프레임워크 express 시작! Express 는 노드기반의 웹 개발 프레임워크입니다. 앞써 node의 기본 http 모듈 만으로도 기초적인 웹은 제작 가능합니다. 단순히 몇페이지의 웹이라면 말이죠. 프레임워크의 쓰임새는 반복되는 작업의 최소화라고 생각합니다. 웹개발에선 반복되는 작업이 무수하게 많습니다. 그작업을 조금이라도 줄이기 위해선 우린 프레임워크를 써야하죠. 이번장은 간단하게 express 의 간단한 화면 띄우기로 부터 ejs , jade까지 외부모듈을 사용한 웹 개발장입니다. express 의 공식 홈페이지는 http://expressjs.com 입니다. 가이드라인과 API들을 둘러보시면 더욱 좋습니다. 1. 먼저 express 를 설치 합니다. 제가 설치한 버전은 express@3.4.8 버전이군요. sudo npm ins.. 5-2 nodemon 와 supervisor 모듈 node.js에서 콘솔작업을 한다면 js 파일 수정할때마다 ctrl+c -> node 파일명.js 노가다를 해야 합니다. 글자 하나만 고쳐도 말이죠. 하지만 nodemon 과 supervisor 모듈은 해당 js 파일을 수정만 하면 자동으로 재실행해주는 너무나 고마운 모듈들입니다. 글보단 실습이죠! 1. 먼저 설치를 합니다. $ sudo npm install -g nodemon sudo npm install -g nodemon 2. 설치된 nodemon 최신 버전은 1.0.15 입니다. 3. 실행 방법은 간단합니다. js 파일 시작시 node 파일명.js 대신 nodemon 파일명.js 를 해주면 됩니다. nodemon 파일명.js 4. 만일 해당 js파일의 파일 변경이 감지되면 자동으로 리스타트 됩니다.. 6-3 http 모듈에서의 쿠키데이터 설정 http 모듈에서의 쿠키 설정은 간단합니다. ( 예제는 서버단에서의 쿠키 설정입니다. 클라이언트 단에서는 javascript 로 하시면 됩니다.) server.js 소스 var http = require("http"); http.createServer(function(req, res) { res.writeHead(200, { 'Content-Type': 'text/html', 'Set-Cookie': [ 'name = uiandwe' , 'des = test' ] }); res.end(req.headers.cookie); }).listen(8080, function(){ console.log("server running"); }); 소스상에서의 name=uiandwe , des =test 를 셋팅하였습니.. 6-2 http get 파라미터 post 데이터 값 구하기 이번엔 http모듈에서 get 파라미터와 post 의 데이터 값을 구하는 예제 입니다. 1. Get 파라미터 구하기 server.js 소스 var http = require("http"); var url = require("url"); http.createServer(function(req, res) { var query = url.parse(req.url, true).query; console.log(query); }).listen(8080, function(){ console.log("server running"); }); 브라우져로 url에 파라미터를 주면 ? 이후부터 json방식으로 콘솔에 찍힙니다. 브라우져 접속 예) http://127.0.0.1:8080?titleId=597447&weekda.. 6-1 http 모듈을 이용한 간단한 웹서버 1. http 모듈을 이용하여 index.html 을 로드후 브라우저에 뿌려주는 간단한 서버 프로그램 입니다. index.html을 로드 하기 위해 fs 모듈을 이용합니다. (fs 모듈은 참고하시기 바랍니다.) server.js 소스 var fs = require("fs"); var http = require("http"); http.createServer(function(req, res) { fs.readFile('index.html', function(err, data){ res.writeHead(200, {'Content-Type':'text/html'}); res.end(data); }); }).listen(8080, function(){ console.log("server running"); }.. 4-2 npm 을 이용해서 모듈 의존 관리하기 npm 을 통해서 java의 maven 같이 모듈의 의존성 관리를 할수 있습니다. 그것도 엄청 간단합니다. 1. 먼저 npm init 를 통하여 의존성 관리를 할 package.json 파일을 만들어야 합니다. 원하는 이름 버전 설명 라이센스 정책 등을 물어보지만 이름만 써준후 엔터로 다 넘기셔도 됩니다. npm init 2. 해당 폴더에 package.json 파일이 생성된것을 보실수 있습니다. 3. 이제 모듈하나를 설치해 보겠습니다. 다른점이 있다면 -g 옵션으로 글로벌로 설치합니다. sudo npm install -g request 4. 모듈이 설치된후 package.json 파일을 열어보면 dependencies 목록이 생성되었으며 방금 설치한 모듈명과 버전이 기록된 것을 확인할수 있습니다. (현.. 이전 1 2 3 4 5 6 7 다음
