Express - 간단한 웹 애플리케이션 만들기

Express - 간단한 웹 애플리케이션 만들기

Express 웹 프레임워크를 설치했으니 어떻게 사용하는지를 파악해보고 이를 활용해서 웹 애플리케이션을 만들어보자.

 홈페이지 탐색

시작하기에 앞서 우리는 Express를 어떻게 사용하는지 아직 모른다.

다행히도 Express 홈페이지에서는 간단한 Hello World!를 출력할 수 있을만한 예제 코드를 알려주고 있다.

"require('express');" 구문을 통해 Express 모듈을 불러와 사용한다.

그리고 "express();"라는 객체를 변수에 담는다.

express객체의 "get();"함수를 통해 *라우팅처리를 한다.

* 요청에 대한 맞춤 작업으로 연결해주는 것

인자로 익명함수를 선언할 수 있으며 request, response에 대한 처리를 진행할 수가 있다.

listen()함수를 통해 서버를 실행한다.

인자로 포트번호와 익명함수를 설정할 수 있다.

우리가 이전 webserver.js에서 작성했던 내용하고 크게 다른 것은 없어보인다.

Node.js의 기능들과 스타일을 기반으로 다양한 기능들을 제공하는 모양이다.

 app.js 생성 및 작성

방법도 알았으니 한번 직접 코드를 작성하고 실행해보자.

app.js파일을 생성하자.

그리고 아래의 코드를 작성한다.

//메인 애플리케이션 만들기
var express = require('express');
var app = express();
 
//GET방식으로 home으로 들어오는 경우, 익명함수가 실행된다.
//GET과 POST방식으로 연결시켜주는 것을 라우팅이라 한다.
app.get('/', (req, res) => {
    res.send('Hello home page!');
});
 
app.listen(9000, () => {
    console.log('Connected 9000 port!');
});

내용은 Express에서 제공하는 예제와 동일하다.

 실행

코드를 작성했으니 이제 웹 서버로 실행되는지 확인해보고 홈페이지에 접속해보자.

서버 실행 방법은 이전과 동일하다.

"node 파일명.js"

localhost:9000으로 접속해보면 요청처리가 잘 된다는 것을 알 수 있다.