[Node.js] 📚 Express.js 설치 및 사용법

목차

Express.js는 무엇인가?

Expresss는 Node.js의 프레임워크로, Node.js를 이용하여 웹 개발을 할 때, Expresss 프레임워크를 사용하면 훨씬 간편하게 개발을 할 수 있게 도와주는 프레임워크이다.

 

Expresss 프레임워크의 특징을 다음과 같다.

• 프레임워크중 점유율이 가장 높다.
• 많은 개발자들이 사용하고 있어 정보들을 많이 얻을 수 있다.
• 확장 모듈이 많이 있고 추가하기 용이하게 되어있다.

---

Express 설치 방법

Express를 설치하기 위해서는 Node.js가 설치되어 있어야 한다. Express 설치는 NPM과 Yarn을 이용하여 설치하면 된다.

Shell

npm install express
# or
yarn add express

---

Hello World 띄우기

그럼, Express 프레임워크를 사용해 Hello World를 표시하는 예제를 만들어보자. 우선 예제 소스를 만들기 위한 폴더를 생성합니다.

 

우선 server 폴더를 만든 다음, 생성한 폴더를 NPM이나 Yarn 명령어를 사용하여 프로젝트 초기화한다.

Shell

npm init -y
# or
yarn init -y

프로젝트를 초기화하면 package.json 과 node_modules 폴더가 생성된다. 이후 프로젝트 폴더에 server.js를 생성한 후 밑의 코드를 작성한다.

JavaScript

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

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

app.listen(8080);

Express을 Node.js에서 사용할 수 있게 require()로 호출을 합니다. 이것으로 Node.js에서 Express 프레임워크를 사용할 수 있게 됩니다.

 

get method를 사용해 루틴과 표시할 내용을 설정할 수 있습니다. 예제에서는 Home 디렉토리를 설정하기 위해 /를 지정했습니다. 표시 내용으로는 Hello World를 문자열로 지정했습니다. 포트는 8080으로 설정했습니다.

 

커맨드 창에서 프로젝트 폴더로 이동해 Node.js 실행합니다.

Shell

node server.js

코드를 커맨드 창에서 실행시킨 후 브라우저에 http://localhost:8080 포트로 이동한다. 

 

접속이 완료되었다면 화면에 Hello World가 띄워진 것을 확인할 수 있다.

---

참고 문헌

• 1[express]express.js 설치및 사용법
• 2두근두근 내 첫서버에서 GET 요청을 처리해보자
• 3[NodeJS] NodeJS + Express 설치 및 서비스 개발 시작하기
• 4Express 설치