mygomii

Jade에서 script코드를 쓸 수가 있습니다. 전에 만들었던 temp.jade 파일을 열어서 for을 작성해보겠습니다. 12345678html head title='template' body h1 Hello Jade ul -for(var i=0; i

템플릿 엔진중에서 Jade에 대해서 알아보겠습니다. 홈페이지:http://expressjs.com/ko/guide/using-template-engines.html 위 홈페이지 들어가시면 설치방법이 나와있습니다. cmd을 띄어주시고 우리의 프로젝트 NodeTest 디렉토리에 들어와주세요 그 다음 Jade를 설치를 해보겠습니다. npm install jade --save 이렇게 설치를 해주세면 됩니다. 홈페이지에 보시면 사용방법이 나와있습니다. 위에처럼요 우리의 프로젝트에서 전에 만들었던 main.js에 작성을 해보겠습니다. 전에 views라는 디렉토리를 만들겠습니다. 이렇게 views라는 폴더를 만들어주세요. main.js 에 밑에 코드를 써주세요 12app.set('view engine', 'jade'..

이미지, CSS파일 및 Javascript파일과 같은 정적 파일를 제공하려면 express.static를 사용하면 됩니다. express.static()에 포함된 디렉토리의 이름을 미들웨어 함수에 전달하면 파일의 로드를 할 수 있습니다. 1app.use(express.static('public')); //public이라는 디렉토리를 만듦cs 이렇게 코드를 작성해주세요. 그다음, NodeTest프로젝트에 public이라는 폴더(디렉토리)를 만들겠습니다. 만드셨나요? public이라는 폴더에 본인이 좋아하는 이미지하나를 다운받아주세요. 해주셨나요? 실행을 시키고 브라우저를 오픈을 한뒤 주소에 localhost:3000/a.jpg 치시면 이렇게 이미지가 나옵니다. 밑에 방법은 동적인 방법입니다. 1234//동..

Express는 Node.js를 위한 빠르고 개방적인 웹 프레워크입니다. Express 홈페이지 :http://expressjs.com/ Express설치를 해보겠습니다. 설치방법: http://expressjs.com/en/starter/installing.html 위 사이트를 들어가시면 자세하게 설치방법이 나와있습니다. 우선 cmd창을 띄어주세요!! 우리의 프로젝트가 있는 NodeTest 경로로 맟춰주세요 그 다음 express를 설치를 해보겠습니다. npm install --save express 를 타이핑해주세요 설치가 되셨나요? 잘되었는지 확인을 해보겠습니다. 우리의 프로젝트에서 package.json 파일을 오픈해주세요 express가 생겼으면 설치가 잘 된겁니다. 설치가 되었으니 한번 Hel..

npm init을 통해서 package.json까지 생성해주었습니다. underscore사이트: http://underscorejs.org/ underscore를 설치해주겠습니다. cmd 창에 npm install underscore를 치시면 underscore를 다운을 받아서 우리 프로젝트에 포함시킨 것입니다. 이클립스에 가서 프로젝트를 refresh를 하면 없었던 node_modules가 생겼습니다. 다시 cmd 창으로 가시면 버전이 뜹니다. 버전옆에 extraneous 라고 적혀있는분들이 있을겁니다.(아마 대부분) 저 뜻은 저 패키지를 포함시켰지만 완전하게 포함시킨 상태가 아니라는 것입니다. 완전하게 포함을 시키려면 npm install underscore --save 라고 칩니다. 그러면 변화가 ..

npm 사이트 : https://www.npmjs.com/ underscore를 검색해주세요. 이 홈페이지에 들어가면 설치방법이 안나와있습니다. http://underscorejs.org/ 이 주소를 클릭하시면 underscore 사이트로 이동합니다. 많은 설치방법이 나와있습니다. 우리는 Node.js 를 하고 있기때문에 저 방법을 이용해서 설치를 하겠습니다. 하지만!! 이 underscore로 설치하기전에cmd 창으로 ㄱㄱ하셔서우리의 NodeTest 프로젝트의 디렉토리로 이동해주세요이동 후, dir을 검색하면 그 안에있는 파일들이 나옵니다. 이 디렉토리 자체를 npm의 패키지로 지정해야합니다. 다른 사람이 만든 모듈을 가져오려고 하는 것이기때문에 가져오려는 우리것도 패키지이기 때문에 npm상 현재 디렉..

npm - Node package Manager npm은 쉽게 말해서 Node계의 앱 스토어라도 보시면 됩니다. 패키지 중 uglify.js 를 설치를 해보겠습니다. 이것은 마치 못생긴것을 예쁘게 만들어주는? 그런 js입니다. npm홈페이지: https://www.npmjs.com/ 이곳에 들어가시면 많은 패키지가 있고 사용방법도 있습니다. 위 이미지처럼 설치하는 방법이 있습니다. 먼저 cmd 창을 켜서 설치를 해주겠습니다. npm install uglify-js -g 라고 치시면 위에서처럼 설치가 됩니다. 그 다음 이클립스로 고고고 파일명은 반대인 pretty.js 로 만들겠습니다. 1234function hello(name){ console.log('Hi '+name);}hello('nimblegro..

저는 node.js를 이클립스에서 실행을 해줄겁니다. 그럼 먼저 이클립스에서 Help -> Eclipse Marketplace 를 클릭한 뒤 Nodeclipse 를 설치해주세요.!! 그 다음 File -> New -> Node.js Project 를 클릭해주세요. 위 화면과 같이 프로젝트명을 써주시고 Finish 클릭 그리고 난 뒤 NodeTest.js프로젝트 오른쪽 클릭 -> New -> JavaScript File 을 클릭해주세요. 파일명을 app.js 로 해주었습니다. 이 코드를 app.js에 복붙해주세요!!123456789var http = require('http');var fs = require("fs");http.createServer(function(req, res) { res.writeH..