Node.js 입문 - (2) Node js 시작

Visual Studio를 열어 프로젝트로 사용할 폴더를 열고 나서 폴더에 .js파일(ex. app.js) 하나를 만들고 저장한다.
콘솔창을 열어
npm install supervisor -g
를 실행하면 supervisor 라는 npm 확장프로그램이 설치 되는데, -g라는 옵션은 글로벌로 사용하겠다라는 의미라서 이미 한 프로젝트에서 설치 한 경우에는 다른 프로젝트에서 다시 설치할 필요가 없다.

그 후에 npm init을 실행하면 지금 현재 있는 폴더에 nodejs 프로젝트를 초기화 하는 과정을 진행한다
그 중 test command 정도를 제외하면 다 디폴트 값으로 진행해도 무방하다
test command 는 npm test를 실행했을때 사용할 커맨드를 설정하는 것으로 node app.js나 supervisor를 사용할 예정이라면 supervisor app.js정도를 사용하면 무난하다(app.js대신에 자신의 시작 .js파일을 넣어야 한다)

그 후 npm install --save express 명령을 실행하여 express를 설치한다
express는 nodejs에서 주로 사용하는 프레임워크라고 보면 된다
express웹사이트

그럼 이제 아주 기초적인 웹앱을 만들어보자

app.js에

var express= require('express');

var app = express();

app.listen(3000, function(){

    console.log("Hello World");

}

라고 넣고 node app.js , npm test, supervisor app.js 중 어느 것이라도 이용하여 실행해보면

Hello World라는 결과물이 나온다

위에 두 줄은 express엔진을 사용한다는 뜻을 의미 하고 아래 app.listen은 3000번 포트를 통해 연결되고 성공했을시에 콘솔창에 Hello world를 찍는 것을 의미한다.

이제 실제로 웹에서 보기 위한 코드를 짜보자

var express= require('express');

var app = express();
app.get('/',function(req,res){
    res.send("Hello NodeJs");
});
app.listen(3000, function(){

    console.log("Hello World");

});

위와 같이 app.get~을 넣어주면 '/' 주소에 get방식으로 들어왔을때 뒤의 function(req,res)를 부르는데 req는 호출될때 넘어오는 정보를 받는 역할을 하고 res는 호출될때 그에 따라 결과물을 출력하는 역할을 한다 따라서 위와 같이 수정한 후에 127.0.0.1:3000을 웹브라우저를 통해 들어가면

Hello NodeJs라는 결과가 나온다