Post

반응형

생활코딩 Nodejs Express 설치 + 간단 웹어플 만들기


생활코딩 주소

https://opentutorials.org/course/2136/11885

https://opentutorials.org/course/2136/11886


홈페이지 ( http://expressjs.com/ko/starter/generator.html ) 를 참고하여 Nodejs Express를 설치한다.


express 설치

새로운 디렉터리 생성하고 폴더를 npm 폴더로 만들기 위해서 npm init을 해준다.

그러면 package.json 파일이 생성된다.

그후 npm install --save express 라고 하면 npm이 express 패키지를 다운받는다.

만약 성공적으로 깔렸다면 node_modules 폴더가 생성되어있다.

mkdir temp

cd temp

npm init

npm install --save express


(apckage.json이 이미 있다면 npm init을 해줄 필요는 없다)




Express, 간단한 웹앱 만들기

http://expressjs.com/ko/starter/hello-world.html

이 페이지의 HelloWorld 예제를 따라할 것이다.


***


var express = require('express');

var app = express();


app.get('/', function(req, res){

res.send('Hello World!');

});


app.get('/login', function(req, res){

res.send('Login Please');

});


app.listen(3000, function(){

console.log('Example app listening on port 3000!');

});

***


을 적어서 저장하고 node app.js 명령어로 실행 후

인터넷에 localhost:3000 이라고 치면 Hello World가 뜨는걸 알 수 있다.


사용자는 보통 url을 쳐서 get 방식으로 접속하는 것.

그래서 get 방식으로 ('/') 홈에 들어온 사용자에게 메세지를 줄 수 있다.





반응형

Post

반응형

생활코딩에 nodejs 강좌가 있어서 

부랴부랴 듣는중.. 

아래는 정리한것이다.

다하고 리니지m 해야지 ㅋㅋ


모듈과 NPM

https://opentutorials.org/course/2136/11854


1.모듈이란? 모델. 부품. nodejs의 역활. 서버를 만드는 역활

미리 사람들이 만든 웹서버를 배우는 것이 이번장 목표.

nodejs는 http 라는 부품을 가지고 있고, 그 사용설명서를 찾는 법 설명

const http = require('http');             // http라는 모듈을 요청


2.메뉴얼에 나온 함수 사용해보기

우리가 사용하는 컴퓨터의 os를 알아보자


var o = require('os');

console.log(o.platform());



module.js 라고 저장 후 해당 경로로 가서

node moudle.js 라고 치면 자신의 os가 나온다.

나는 윈도우 win32


3. 다른 사람이 만든 모듈을 사용하는 방법? NPM

Node Package Manager


NodeJS가 제공하는 모듈 : HTTP, OS

JavaScript가 제공하는 모듈 : Date, String, Array


타인의 모듈을 사용하는 방법? NPM (Node계의 앱스토어)

www.npmjs.com


npm install uglify-js -g

-g 가 붙으면 전역, 붙지 않으면 사용 프로젝트에만 사용함.

아래 내용이 나옴



`-- uglify-js@3.0.19

  +-- commander@2.9.0

  | `-- graceful-readlink@1.0.1

  `-- source-map@0.5.6


pretty.js 파일 작성


function hello(name){

console.log('Hi,'+name);

}


hello('hihi');


저장 후 uglityjs pretty.js 실행 하면 줄바꿈이 사라진 코드가 보임

uglityjs pretty.js -m 이라고 하면 name이 o로 바뀜. 이름을 바꿔도 상관없는 변수의 이름을 바꿔줌

uglityjs pretty.js -o uglified.js -m 으로 uglified.js -m  파일로 저장할 수도 있고

uglityjs pretty.js -o uglified.js -m 으로 pretty.min.js -m 파일로 작아졌다는 의미를 부여해서 저장할 수 있다.






반응형
▲ top