2. node.js + express 로 백엔드서버 구현

node.js를 설치를 하셨다면 백엔드 서버를 실행 해 보겠습니다.

먼저, 백엔드 서버를 생성할 폴더를 만듭니다. 예를 들어, 'vue3'라는 폴더를 생성합니다.

1) 백엔드 서버를 생성할 폴더를 만들어 줍니다.

2. 프로젝트 초기화

생성한 디렉토리로 이동하여 npm init 명령어를 실행해 프로젝트를 초기화합니다.

-y 옵션을 사용하면 기본 설정으로 package.json 파일이 생성됩니다.

3. Express 설치

express를 설치합니다. Express는 Node.js를 위한 간단하고 유연한 웹 애플리케이션 프레임워크입니다.

> npm install express --save 명령어로 express 설치합니다.

4. Node.js 파일 생성

이제 해당 폴더에 Node.js 파일을 생성합니다. 여기서는 api-server.js라는 파일명을 사용하겠습니다.

5. 소스 코드 작성

api-server.js 파일에 다음과 같은 소스 코드를 작성합니다. 이 코드는 기본적인 Express 서버를 설정하고, 루트 경로('/')에 대한 GET 요청을 처리합니다.

const express = require('express');

const app = express();

app.get('/', (req, res) => {

 res.send('Hello, World!');

 });

const port = process.env.PORT || 3000;

app.listen(port, () => {

 console.log(`Server is running on port ${port}`);

});

이 코드는 다음과 같은 기능을 합니다:

• express 모듈을 불러와서 앱을 생성합니다.
• 루트 경로('/')에 대한 GET 요청이 들어오면 'Hello, World!' 메시지를 응답으로 보냅니다.
• 서버가 지정된 포트(환경 변수 PORT가 설정되지 않은 경우 기본값 3000)에서 리스닝을 시작합니다.

6. 서버 실행

이제 서버를 실행합니다. 터미널에서 다음 명령어를 입력합니다.

서버가 성공적으로 실행되면 터미널에 다음과 같은 메시지가 출력됩니다.

웹 브라우저에서 http://localhost:3000을 열면 다음과 같은 화면이 표시됩니다:

이로써 Node.js와 Express를 사용한 간단한 백엔드 서버가 성공적으로 생성되고 실행되었습니다.

Node.js와 Express를 사용하면 간단하고 빠르게 웹 서버를 설정할 수 있습니다.

이 예제에서는 기본적인 GET 요청을 처리하는 방법을 다루었지만, Express를 사용하면 훨씬 더 복잡한 API와 웹 애플리케이션을 쉽게 개발할 수 있습니다.

궁금한 점이 있다면 언제든지 댓글로 남겨주세요.

읽어주셔서 감사합니다! 😊