[Node.js] 첫 번째 Express 앱

안녕하세요, 웹 개발 여정의 시작입니다! 오늘은 Express.js를 활용하여 간단한 서버를 만들어보려고 합니다.

함께 첫 단추를 꿰어봅시다.

Step 1: package.json 생성
먼저 Express를 사용하기 전에 package.json을 생성해야 합니다. 새로운 디렉토리를 만들고, 그 안에서 npm init -y 명령어를 실행하면 간단하게 package.json이 생성됩니다. 이제 우리는 FirstApp이라는 이름의 프로젝트 디렉토리를 가지게 되었습니다.

mkdir FisrtApp // 디렉터리 생성
cd FirstApp	   // FirstApp으로 이동
npm init -y	   // package.json 생성

Step 2: Express 설치
이제 Express를 설치해보겠습니다. 터미널에 npm i express를 입력하면 Express가 설치됩니다. 기억해야 할 것은, 구버전 NPM에서는 --save 플래그를 사용하여 package.json에 저장했지만, 최신 버전에서는 필요하지 않습니다. 우리는 그

냥 npm i express를 사용합니다.

npm i express

Step 3: Express 앱 만들기
이제 Express를 사용하여 간단한 서버를 만들어봅시다. index.js 파일을 생성하고, Express를 불러와서 앱 객체를 만듭니다.

touch index.js

 

[index.js]

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

 

Step 4: 서버 실행
서버를 실행하기 위해 app.listen() 메서드를 사용합니다. 이때, 포트 번호를 지정해야 합니다. 일반적으로 3000번을 사용하지만, 여러분이 원하는 다른 숫자도 사용할 수 있습니다.

app.listen(3000, () => {
  console.log("Server is listening on port 3000!");
});

 

Step 5: 요청 받기
이제 서버는 요청을 받을 준비가 되었습니다. app.use()를 사용하여 모든 종류의 요청에 대한 콜백 함수를 등록할 수 있습니다. 여기서는 간단한 로그를 출력하는 예시를 보여드리겠습니다.

app.use((req, res) => {
  console.log("WE GOT A NEW REQUEST!!");
});

 

Step 6: 서버 실행
이제 터미널에서 node index.js를 실행하여 서버를 시작합니다. 서버가 실행되면 포트 3000에서 요청을 기다리면서 "WE GOT A NEW REQUEST!!"라는 메시지를 출력할 것입니다.

Step 7: 요청 보내기
로컬 환경에서 서버가 실행 중이므로 브라우저에서 http://localhost:3000에 접속하면 "WE GOT A NEW REQUEST!!" 메시지가 터미널에 출력될 것입니다.

브라우저에 http://localhost:3030에 접속

 

접속할때마다 메시지가 추가됨.

 

이제 여러분은 Express로 간단한 서버를 만들어 보았습니다! 다음 시간에는 서버가 받은 요청에 응답하는 방법을 배워보도록 하겠습니다. Express 여행이 계속되니 함께해요! 🚀