4. express (1)

웹 애플리케이션

Express는 웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 프레임워크입니다.

express 프레임워크를 제대로 배우려는 목적은 아니고 이런 것도 사용한다. 라는 가볍게 알아가는 의미로 작성하는 글입니다.

일단 설치 방법부터 알아보자.

$ npm install express --save

라고 커맨드에 치게되면 간단하게 설치는 완료다.  (이러한 커맨드로 설치하는 거에 대한 전제조건은 npm init가 되어있어야 한다. ) 

express에서 권장하는 메인 파일명은 app.js 이며 본인의 프로젝트명을 해도 상관은없지만 관행적으로 그렇게 한다고 한다.

helloworld 예제

var express = require('express');
var app = express();

app.get('/', function (req, res) {
  res.send('Hello World!');
});

app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});

이전 글에서도 계속 하는 예제인데 express를 이용해서 하는 예제이다.

require를 이용해서 express 모듈이 반환하는 객체를 express 변수값에 저장하고, express라는 메소드를 실행하면 application을 리턴하므로 (메뉴얼적인 부분) 그 값을 app이라는 변수에 저장한다.

get 부분을 건너 뛰어서 listen부분을 먼저 보게되면 3000번 포트에 listen하게 되면 callback function인  console.log('Example app listening on port 3000!');

의 로그가 찍히게 된다. 

마지막으로 get 이라고 하는 것은 사용자가 웹서버에 접속하는 방식중에 하나인데 GET방식과 POST방식으로 나뉜다. 일단 그런 개념이 있다는 걸로만 넘어가고 위와 같은 코드는 get방식으로 home(root)에 접속했을 때 두 번째 인자로 전달된 function이 실행되도록 하는 코드이다. 

해당 코드를 실행하게 되면 localhost:3000으로 접속하게 되었을 때 Hello World의 문장을 출력해주게 된다.

app.get('/login', function (req, res) {
  res.send('Login Please!');
});

위와같이 경로를 수정해주게 되면 localhost:3000/login 의 주소로 들어갔을 때 Login Please! 의 문장이 출력되게 된다.

get이라고 하는 메소드를 '라우터' 라고 부르며 라우터를 이용하는 작업을 '라우팅' 이라고 한다.

어떤 요청이 들어왔을 때 길을 찾을 수 있도록 연결해주는 역할을 하는 것이 get이 하는 역할이다.

Express의 범위가 방대해서 이 뒤에서도 Express에 대한 내용으로 포스팅을 할 예정이다. 일단 기존에 

require('http') 를 이용해서 http.createServer를 이용해서 위와 같은 기능을 하는 소스를 작성했었는데,

굳이 지금 다른점을 꼽자면 내가 root 주소로 접근하는건지 아니면 login을 하는 페이지에 접근하는건지 

회원가입을 하는 페이지에 접근하는 것인지 구분을 한다는 정도? 

계속 포스팅을 하면서 유용하다면 계속 쓰겠고 아니면 안써도 될테고.. 무튼 그렇다!