[Node.js] Express모듈 설치하고 서버 만들기

 

---

 

Express란 Node.js 모듈 중에 하나이며, Node.js상에서 동작하는 웹 개발 프레임워크 입니다. Express를 이용하면 웹 프레임워크를 굉장히 가볍게 구성할 수 있다는 장점이 있습니다.

이 포스트에서는 Express를 이용해 간단한 서버 예제를 구현해보도록 하겠습니다.

( 저는 VS Code를 통해서 진행했습니다.)

 

먼저 작업할 폴더를 만든 뒤에 폴더에서 오른쪽 마우스를 클릭하여 Open with Code를 선택합니다.

그렇게 되면 해당 폴더가 VS Code에서 열리게 됩니다.

 

다음으로, 위의 Terminal 탭 > New Terminal을 선택합니다.

 

 

 

아래와 같이 터미널이 열리게 될 것입니다.

 

여기서, node.js 모듈들을 쉽게 관리하기 위해 npm init명령어를 실행합니다.

npm init

다음으로, 본격적으로 express 모듈을 설치합니다.

npm install express

 

사이드 바 탐색기 부분이 바뀐 것을 볼 수 있습니다. 여기까지해서, express모듈을 사용할 준비가 완료되었습니다.

다음은 서버예제를 만들기 위해 server.js라는 javascript 파일을 생성합니다.

(이름은 무관합니다.)

 

server.js에 아래와 같은 내용을 입력합니다.

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

app.get('/', (req, res) => {
    res.send("익스프레스 테스트");
});

app.listen(5000, (req, res) => {
    console.log("서버 실행중..");
});

node.js 에서는 모듈을 require('모듈이름'); 을 통해 가져오게 됩니다.

가져온 express모듈을 app이라는 변수에 담아서 express 프레임워크를 시작합니다.

서버는 위의 코드에서 기본적으로 localhost에서 시작되게 되는데, app.get을 통해서 '/' 위치에 브라우저로 접속 했을 시, "익스프레스 테스트"라는 글자를 출력하도록 합니다.

위의 req와 res는 req가 get메서드에서 받아오는 인자이며, res가 response의 약자로 해당 디렉터리에 접근했을 시에 보여지는 것들을 담당합니다. 그래서 결과적으로, res.send("출력할 내용"); 을 통해 루트 디렉터리에 접근하면 "익스프레스 테스트"라는 글자를 출력하게 됩니다.

마지막으로 app.listen을 통해 서버를 실행시킵니다. 5000은 포트번호이며, 포트가 이미 사용 중이지만 않는다면 어떠한 포트번호던지 상관 없습니다. 서버가 실행 중일 동안 콘솔창에는 "서버 실행중.." 이라는 메세지를 출력하게 됩니다.

모두 작성하였다면, 터미널에서 아래 명령어를 통해 실행하고 127.0.0.1:5000 에 접속해 봅니다.

node server.js

명령어를 실행한 뒤, 접속해보면

 

성공적으로 출력되는 것을 확인할 수 있습니다.