Express 개발 강좌, RESTful API란 무엇인가 설계 원칙

현대 웹 개발에서 RESTful API는 서버와 클라이언트 간의 원활한 데이터 전송 및 상호작용을 위해 필수적인 개념입니다. Express.js는 Node.js 환경에서 RESTful API를 구축하기 위한 간편하고 강력한 프레임워크로 자리잡았습니다. 이번 글에서는 RESTful API의 개념, 설계 원칙, 그리고 Express를 사용한 예제 코드를 통해 이를 이해해 보겠습니다.

1. RESTful API란?

REST(Representational State Transfer)는 웹 아키텍처 스타일 중 하나로, HTTP 프로토콜을 기반으로 합니다. RESTful API는 이러한 REST의 원칙을 준수하여 클라이언트와 서버가 통신하는 방식입니다. RESTful API를 사용하면 다양한 클라이언트가 서버의 자원에 접근하고 상호작용할 수 있으며, 이 자원은 URI(Uniform Resource Identifier)를 통해 식별됩니다.

1.1. REST의 주요 특징

  • 무상태성(Stateless): 각 요청은 독립적이며, 서버는 클라이언트의 상태를 저장하지 않습니다.
  • 자원 기반(Resource-Based): 자원은 URI로 식별되며, HTTP 메소드를 통해 자원에 대한 CRUD(Create, Read, Update, Delete) 작업을 수행합니다.
  • 표현(Representation): 클라이언트와 서버 간의 데이터 교환은 주로 JSON, XML 등의 형식으로 이루어집니다.
  • 캐시 가능(Cacheable): 응답은 캐시 가능하므로 클라이언트는 동일한 자원에 대한 후속 요청을 삭제할 수 있습니다.

2. RESTful API의 설계 원칙

RESTful API를 설계할 때 준수해야 할 몇 가지 원칙이 있습니다. 이는 API의 일관성과 사용성을 보장하는 데 도움이 됩니다.

2.1. 자원(URL)의 설계

RESTful API는 자원 중심으로 설계되어야 하며, 각 자원은 고유한 URI로 식별됩니다. URI는 의미론적으로 이해할 수 있어야 하며, 다음과 같은 규칙을 따릅니다:

  • 복수형을 사용하여 자원을 표현합니다: 예를 들어, 사용자를 나타내는 자원은 /users로 표현합니다.
  • 계층적 구조로 설계합니다: 자원 간의 관계를 고려하여 URI를 설계합니다. 예를 들어, 특정 사용자의 포스트를 나타내는 자원은 /users/:userId/posts로 표현할 수 있습니다.

2.2. HTTP 메소드의 활용

자원에 대한 작업은 다음의 HTTP 메소드를 사용하여 수행합니다:

  • GET: 자원 조회 (ex. GET /users)
  • POST: 자원 생성 (ex. POST /users)
  • PUT: 자원 전체 업데이트 (ex. PUT /users/:userId)
  • PATCH: 자원 부분 업데이트 (ex. PATCH /users/:userId)
  • DELETE: 자원 삭제 (ex. DELETE /users/:userId)

2.3. 상태 코드의 활용

HTTP 상태 코드는 클라이언트에게 요청 처리 결과를 전달하는 데 필요합니다. 다음은 자주 사용되는 상태 코드입니다:

  • 200 OK: 성공적인 요청
  • 201 Created: 자원 생성 성공
  • 204 No Content: 요청 성공, 반환할 데이터 없음
  • 400 Bad Request: 잘못된 요청
  • 404 Not Found: 자원 없음
  • 500 Internal Server Error: 서버 에러

2.4. 버전 관리

API가 진화함에 따라 기존의 API와 호환되지 않는 변경이 있을 수 있습니다. 따라서 API 버전을 명시하여 클라이언트가 특정 버전을 사용하도록 합니다. 일반적으로 URL에 버전 번호를 포함시킵니다:

/v1/users

3. Express.js를 이용한 RESTful API 구축

이제 Express.js를 사용하여 간단한 RESTful API를 구축해 보겠습니다. 이 예제에서는 사용자 정보를 관리하는 API를 구현합니다.

3.1. Express 프로젝트 설정

먼저, Express 프로젝트를 생성합니다. Node.js가 설치되어 있어야 하며, 새로운 프로젝트를 만들고 필요한 패키지를 설치합니다:

mkdir express-api-example
cd express-api-example
npm init -y
npm install express body-parser

3.2. 기본 서버 설정

아래의 코드로 server.js 파일을 생성하고 기본 Express 서버를 설정합니다:

const express = require('express');
const bodyParser = require('body-parser');

const app = express();
const PORT = 3000;

// Middleware
app.use(bodyParser.json());

// 기본 라우터
app.get('/', (req, res) => {
    res.send('Welcome to the Express RESTful API!');
});

// 서버 실행
app.listen(PORT, () => {
    console.log(`Server is running on http://localhost:${PORT}`);
});

3.3. RESTful API 엔드포인트 생성

이제 사용자 정보를 관리하기 위한 CRUD 엔드포인트를 추가해 보겠습니다.


// 가상의 사용자 데이터를 저장하기 위한 배열
let users = [];

// GET: 사용자 목록 조회
app.get('/users', (req, res) => {
    res.json(users);
});

// GET: 특정 사용자 조회
app.get('/users/:userId', (req, res) => {
    const user = users.find(u => u.id === parseInt(req.params.userId));
    if (!user) return res.status(404).send('User not found');
    res.json(user);
});

// POST: 사용자 추가
app.post('/users', (req, res) => {
    const user = {
        id: users.length + 1,
        name: req.body.name,
        email: req.body.email
    };
    users.push(user);
    res.status(201).json(user);
});

// PUT: 사용자 정보 수정
app.put('/users/:userId', (req, res) => {
    let user = users.find(u => u.id === parseInt(req.params.userId));
    if (!user) return res.status(404).send('User not found');
    
    user.name = req.body.name;
    user.email = req.body.email;
    res.json(user);
});

// DELETE: 사용자 삭제
app.delete('/users/:userId', (req, res) => {
    users = users.filter(u => u.id !== parseInt(req.params.userId));
    res.status(204).send();
});

3.4. 서버 실행 및 테스트

서버를 실행합니다:

node server.js

브라우저나 Postman과 같은 API 클라이언트를 사용하여 엔드포인트를 테스트할 수 있습니다.

4. API 문서화

RESTful API를 개발한 후에는 문서화가 필요합니다. 문서화는 API 사용자가 API를 쉽게 이해하고 사용할 수 있도록 도와줍니다. Swagger, Postman과 같은 도구를 사용하여 쉽게 문서화할 수 있습니다. Swagger UI를 사용하면 API 문서를 시각적으로 작성할 수 있습니다.

5. 결론

이번 글에서는 Express.js를 사용한 RESTful API의 개념과 설계 원칙을 살펴보았습니다. RESTful API는 웹 애플리케이션의 필수적인 부분이며, Express.js를 사용하여 간단하고 효율적으로 구축할 수 있습니다. 설계 원칙을 지킴으로써 사용자는 API를 더욱 쉽게 활용할 수 있습니다. 이러한 원칙을 바탕으로 여러분의 프로젝트에 적합한 RESTful API를 구축해 보시기 바랍니다.

6. 참고 자료

Express 개발 강좌, 미들웨어의 개념과 필요성

Express.js는 Node.js 기반의 웹 애플리케이션 프레임워크로, 웹 서버 및 API를 신속하게 개발할 수 있도록 도와줍니다. Express의 가장 큰 장점 중 하나는 바로 ‘미들웨어’ 개념에 있습니다. 이번 강좌에서는 미들웨어의 정의, 필요성, 사용 방법 및 간단한 예제를 통해 이해를 돕도록 하겠습니다.

1. 미들웨어란 무엇인가?

미들웨어는 Express 애플리케이션에서 요청과 응답 사이에 위치한 함수의 집합입니다. 클라이언트의 요청이 서버에 도달했을 때, 요청 객체(req), 응답 객체(res), 그리고 다음 미들웨어 함수(next)를 인수로 받아들입니다. 미들웨어는 특정 작업을 수행한 후, 다음 미들웨어로 요청을 전달할 수 있습니다.

예를 들어, 인증, 로깅, 데이터 파싱, 에러 처리 등과 같은 다양한 기능을 미들웨어를 통해 손쉽게 구현할 수 있습니다.

1.1. 미들웨어의 동작 방식

미들웨어는 요청 처리의 파이프라인을 형성합니다. 클라이언트의 요청이 들어오면, Express는 등록된 미들웨어를 순서대로 실행합니다. 이 때, 미들웨어는 다음 미들웨어를 호출할 수 있게 해주는 next() 함수를 가지고 있으며, 이를 호출하지 않으면 요청 처리가 중단됩니다.

1.2. 미들웨어의 종류

  • 애플리케이션 미들웨어: app.use()를 통해 등록된 미들웨어로, 애플리케이션 레벨에서 동작합니다.
  • 라우터 미들웨어: 특정 라우터에 적용되는 미들웨어로, app.Router()를 통해 등록합니다.
  • 내장 미들웨어: Express에 내장된 미들웨어로, bodyParser와 cookieParser 등이 있습니다.
  • 제3자 미들웨어: Express 외부에서 제공되는 미들웨어로, morgan, cors 등을 포함합니다.

2. 미들웨어의 필요성

미들웨어는 웹 애플리케이션의 요청 처리를 구조화하고, 코드의 재사용성을 높이며, 유지보수를 용이하게 만들어줍니다. 많은 기능을 모듈화하여 관리할 수 있기 때문에, 대규모 애플리케이션에서도 일관된 방식으로 요청을 처리할 수 있습니다.

2.1. 코드의 모듈화

미들웨어를 사용하면 기능을 모듈화 할 수 있어 각 미들웨어가 특정 책임을 가지고 작동하게 됩니다. 예를 들어, 인증 미들웨어는 요청이 들어올 때마다 인증을 검사하고, 로깅 미들웨어는 각 요청의 세부사항을 로그에 기록할 수 있습니다. 이러한 분리는 코드를 이해하기 쉽게 하고, 테스트 모듈화 및 재사용을 높입니다.

2.2. 요청과 응답의 체계적인 처리

미들웨어는 요청과 응답의 중간 단계에서 추가 처리를 가능하게 해줍니다. 예를 들어, 사용자의 인증 상태에 따라 요청을 리다이렉트하거나, 요청 데이터를 검증하여 잘못된 데이터에 대한 에러를 반환할 수 있습니다.

3. 미들웨어 사용 방법

미들웨어 설정은 매우 간단합니다. Express 애플리케이션을 생성하고, app.use() 메서드를 사용하여 미들웨어를 추가하면 됩니다.

3.1. 기본 미들웨어 작성하기

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

// 일반적인 미들웨어 예제
app.use((req, res, next) => {
    console.log(`${req.method} 요청을 받았습니다: ${req.url}`);
    next(); // 다음 미들웨어로 넘김
});

app.get('/', (req, res) => {
    res.send('안녕하세요, Express!');
});

app.listen(3000, () => {
    console.log('서버가 3000포트에서 실행 중입니다.');
});

3.2. 라우터 미들웨어 사용하기

const express = require('express');
const app = express();
const router = express.Router();

// 라우터 미들웨어
router.get('/user', (req, res) => {
    res.send('사용자 정보');
});

app.use('/api', router); // API 경로에 미들웨어 적용

app.listen(3000, () => {
    console.log('서버가 3000포트에서 실행 중입니다.');
});

3.3. 제3자 미들웨어 사용하기

제3자 미들웨어를 사용하려면 npm을 통해 해당 미들웨어를 설치하고, 사용할 수 있습니다.

npm install morgan
const express = require('express');
const morgan = require('morgan');

const app = express();

// morgan 미들웨어 등록
app.use(morgan('dev'));

app.get('/', (req, res) => {
    res.send('Morgan 로깅을 사용하는 서버');
});

app.listen(3000, () => {
    console.log('서버가 3000포트에서 실행 중입니다.');
});

4. 에러 핸들링 미들웨어

Express에서 에러 처리 또한 미들웨어를 통해 수행할 수 있습니다. 에러 핸들링 미들웨어는 일반 미들웨어와 다르게 네 개의 인수를 사용합니다: (err, req, res, next). 이 미들웨어는 애플리케이션의 마지막에 등록되어야 하며, 발생한 에러를 처리하는 역할을 합니다.

app.use((err, req, res, next) => {
    console.error(err.stack);
    res.status(500).send('서버에서 에러가 발생했습니다!');
});

5. 결론

Express에서 미들웨어는 애플리케이션의 핵심적인 요소로, 요청과 응답 처리, 코드 재사용성 및 유지보수성을 증대시키는 데 큰 역할을 합니다. 이번 강좌를 통해 미들웨어의 개념과 필요성을 이해하고, 기본적인 사용법을 익히는 데 도움이 되었기를 바랍니다. 미들웨어를 잘 활용하여 효율적이고 견고한 백엔드 서버 개발에 도전해 보시기 바랍니다.

Express 개발 강좌, Express.js의 인기 있는 미들웨어 소개 (Helmet, Morgan 등)

Express.js는 가장 인기 있는 웹 애플리케이션 프레임워크 중 하나로, Node.js 환경에서 강력하고 유연한 백엔드 서버를 구축하는 데 적합합니다. Express는 미들웨어를 통해 다양한 기능을 손쉽게 확장할 수 있으며, 이를 활용하여 보안, 성능 모니터링, 로깅 등을 구현할 수 있습니다. 이번 강좌에서는 Express.js에서 자주 사용되는 미들웨어인 Helmet과 Morgan에 대해 자세히 알아보겠습니다.

1. Express.js 미들웨어란?

미들웨어는 요청(req) 및 응답(res) 객체를 수정하거나 제어하여 추가적인 처리를 제공하는 함수입니다. Express 애플리케이션에서는 여러 단계의 미들웨어를 사용할 수 있습니다. 각 미들웨어는 요청이 들어올 때 실행되며, 필요한 경우 다음 미들웨어로 제어를 넘길 수 있습니다. 기본적으로 미들웨어는 다음과 같은 기능을 수행할 수 있습니다:

  • 요청 본문 해석
  • 로그 기록
  • 보안 설정
  • 세션 관리
  • 오류 처리

2. Helmet

Helmet은 Express 애플리케이션에서 HTTP 헤더를 설정하여 보안을 강화하는 미들웨어입니다. 기본적으로 Helmet은 여러 가지 기본 보안 설정을 제공합니다. 웹 애플리케이션에서 자주 발생하는 보안 취약점을 미리 차단할 수 있도록 도와줍니다.

2.1 Helmet 설치

Helmet을 설치하려면 npm을 사용하여 간단히 다음 명령어를 입력하면 됩니다:

npm install helmet

2.2 Helmet 사용법

Helmet을 애플리케이션에 사용하려면, Express 앱에 Helmet을 미들웨어로 추가하면 됩니다. 아래의 예제를 통해 Helmet의 기본 설정을 적용하는 방법을 살펴보겠습니다.


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

    const app = express();
    
    // Helmet 미들웨어 사용
    app.use(helmet());

    app.get('/', (req, res) => {
        res.send('Hello, World!');
    });

    app.listen(3000, () => {
        console.log('Server is running on http://localhost:3000');
    });
    

2.3 Helmet의 다양한 기능

Helmet은 다양한 모듈을 포함하고 있으며, 각 모듈은 특정 HTTP 헤더를 설정합니다. 예를 들어:

  • helmet.contentSecurityPolicy(): 콘텐츠 보안 정책을 정의하여 XSS 공격을 방지합니다.
  • helmet.referrerPolicy(): 리퍼러 정보를 제어하여 개인정보 보호를 강화합니다.
  • helmet.xssFilter(): XSS 필터를 활성화하여 스크립트 공격을 방지합니다.

2.4 Helmet 설정 예제

Helmet을 사용하여 특정 설정을 조정하는 방법은 다음과 같습니다:


    app.use(helmet({
        contentSecurityPolicy: {
            directives: {
                defaultSrc: ["'self'"],
                scriptSrc: ["'self'", "https://trusted-script.com"]
            }
        },
        referrerPolicy: { policy: 'no-referrer' },
    }));
    

3. Morgan

Morgan은 HTTP 요청 로깅을 위한 미들웨어로, 주로 개발 중이나 프로덕션 환경에서 요청의 세부 정보를 기록하는 데 사용됩니다. Morgan을 사용하면 애플리케이션의 동작 상황을 쉽게 모니터링할 수 있습니다.

3.1 Morgan 설치

Morgan은 npm을 통해 설치할 수 있습니다:

npm install morgan

3.2 Morgan 사용법

Morgan을 애플리케이션에 추가하려면 다음과 같이 설정합니다:


    const morgan = require('morgan');

    app.use(morgan('combined'));  // 다양한 로깅 옵션 중 'combined' 사용
    

3.3 Morgan의 로깅 옵션

Morgan은 다양한 로깅 형식을 지원합니다. 다음은 몇 가지 예입니다:

  • 'tiny': 요청의 메서드, URL, 응답 시간만을 기록합니다.
  • 'dev': 컬러로 표시된 간단한 형식으로 로그를 출력합니다.
  • 'combined': 클라이언트의 IP, 메서드, URL, HTTP 버전, 응답 상태 코드 등을 포함하여 모든 정보를 기록합니다.

3.4 Morgan 설정 예제

아래는 Morgan을 사용하여 로그를 파일로 저장하는 방법을 보여주는 예제입니다:


    const fs = require('fs');
    const path = require('path');
    const morgan = require('morgan');

    // 로그 스트림을 파일로 저장하기 위해 createWriteStream 사용
    const accessLogStream = fs.createWriteStream(path.join(__dirname, 'access.log'), { flags: 'a' });

    app.use(morgan('combined', { stream: accessLogStream }));  // 로그를 파일로 스트리밍
    

4. 결론

이 강좌에서는 Express.js에서 자주 사용되는 미들웨어인 Helmet과 Morgan에 대해 알아보았습니다. Helmet을 통해 애플리케이션의 보안을 강화하고, Morgan을 통해 HTTP 요청을 효율적으로 기록할 수 있습니다. 이러한 미들웨어들은 Express 애플리케이션을 더욱 견고하고 안전하게 만드는 데 기여합니다. 애플리케이션을 구축할 때 이러한 미들웨어를 적절히 활용하여 최상의 결과를 얻으시길 바랍니다.

5. 참고 자료

더 깊이 있는 내용을 알고 싶다면 아래의 공식 문서를 참고하세요:

이 글은 Express 백앤드 서버 개발에 관한 강좌의 일환으로 작성되었습니다.

Express 개발 강좌, 데이터 모델링 및 스키마 정의

이번 강좌에서는 Node.js의 Express 프레임워크를 사용하여 데이터 모델링 및 스키마 정의에 대해 알아보겠습니다. 데이터 모델링은 애플리케이션이 데이터를 어떻게 구조화할지를 정의하는 과정이며, 스키마는 이 구조를 구체화하는 역할을 합니다. 본 강좌는 MongoDB와 Mongoose를 사용하여 예제 코드를 진행하며, 데이터의 CRUD(Create, Read, Update, Delete) 작업을 포함합니다.

목차

1. 데이터 모델링의 중요성

데이터 모델링은 애플리케이션의 구조를 결정짓는 중요한 과정입니다. 잘 설계된 데이터 모델은 다음과 같은 장점을 제공합니다:

  • 수정 용이성: 데이터 구조가 명확하게 정의되면 수정이 쉬워집니다.
  • 유지보수: 일관된 데이터 구조는 유지보수를 용이하게 합니다.
  • 효율성: 최적화된 데이터 모델은 성능을 개선할 수 있습니다.

2. MongoDB와 Mongoose 소개

MongoDB는 NoSQL 데이터베이스로, 데이터가 JSON 형식으로 저장됩니다. Mongoose는 MongoDB를 Node.js와 연결해주는 ODM(Object Data Modeling) 라이브러리입니다. Mongoose를 통해 데이터 모델을 쉽게 정의하고, CRUD 연산을 수행할 수 있습니다.

Mongoose 설치 및 설정

npm install mongoose

간단한 서버 설정

javascript
const express = require('express');
const mongoose = require('mongoose');

const app = express();
app.use(express.json());

mongoose.connect('mongodb://localhost:27017/mydatabase', {
    useNewUrlParser: true,
    useUnifiedTopology: true,
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

3. 데이터 스키마 정의

Mongoose를 사용하면 모델을 정의하고, 각 모델이 어떻게 데이터를 구조화할지를 설정할 수 있습니다. 예를 들어, 블로그 애플리케이션을 설계한다고 가정해보겠습니다.

블로그 게시물 모델 정의하기

javascript
const postSchema = new mongoose.Schema({
    title: {
        type: String,
        required: true,
        trim: true,
    },
    content: {
        type: String,
        required: true,
    },
    author: {
        type: String,
        required: true,
    },
    createdAt: {
        type: Date,
        default: Date.now,
    },
    tags: [String],
});

const Post = mongoose.model('Post', postSchema);

위의 스키마에서 각 필드의 유형과 제약 조건을 정의했습니다. required 속성은 필드가 반드시 필요함을 나타내고, trim 속성은 문자열의 공백을 제거합니다.

4. 기본 CRUD 작업

데이터 모델이 정의되면 CRUD 작업을 통해 데이터를 관리할 수 있습니다. 다음은 각 작업에 대한 예제입니다.

1) Create: 새로운 블로그 게시물 추가

javascript
app.post('/posts', async (req, res) => {
    try {
        const newPost = new Post(req.body);
        await newPost.save();
        res.status(201).send(newPost);
    } catch (error) {
        res.status(400).send(error);
    }
});

2) Read: 모든 블로그 게시물 조회

javascript
app.get('/posts', async (req, res) => {
    try {
        const posts = await Post.find({});
        res.send(posts);
    } catch (error) {
        res.status(500).send(error);
    }
});

3) Update: 블로그 게시물 수정

javascript
app.patch('/posts/:id', async (req, res) => {
    try {
        const post = await Post.findByIdAndUpdate(req.params.id, req.body, { new: true, runValidators: true });
        if (!post) {
            return res.status(404).send();
        }
        res.send(post);
    } catch (error) {
        res.status(400).send(error);
    }
});

4) Delete: 블로그 게시물 삭제

javascript
app.delete('/posts/:id', async (req, res) => {
    try {
        const post = await Post.findByIdAndDelete(req.params.id);
        if (!post) {
            return res.status(404).send();
        }
        res.send(post);
    } catch (error) {
        res.status(500).send(error);
    }
});

5. 결론

이번 강좌에서는 Express와 Mongoose를 이용한 데이터 모델링 및 스키마 정의에 대해 알아보았습니다. 직관적인 데이터 구조는 애플리케이션의 효율성 및 유지보수성을 높여 줍니다. Mongoose를 활용한 CRUD 작업을 통해 데이터의 생성, 조회, 수정, 삭제를 쉽게 수행할 수 있습니다.

이로써 데이터 모델링의 기본 개념과, Express 애플리케이션에서 이를 구현하는 방법을 배웠습니다. 다음 강좌에서는 더 복잡한 데이터 관계와 고급 Mongoose 기능에 대해 알아보겠습니다.

Express 개발 강좌, 자동 문서화 도구 사용법 및 설정

Express는 Node.js를 위한 경량의 웹 애플리케이션 프레임워크로, RESTful API를 개발하는 데 매우 유용합니다. 이러한 API를 문서화하는 것은 개발자와 사용자, 그리고 팀 간의 소통을 원활하게 해주는 중요한 작업입니다. 이 글에서는 Express 서버를 구축하고, 자동으로 API 문서를 생성해주는 도구인 Swagger를 사용하여 문서화하는 방법을 설명하겠습니다.

1. Express 및 Swagger 소개

Express는 수많은 미들웨어와 함께 사용되어 뛰어난 유연성을 제공합니다. Swagger는 API 명세서를 자동으로 생성해주는 도구로, API 개발 과정에서의 문서화 및 테스트를 매우 간편하게 만들어줍니다.

1.1 Express란?

Express는 서버 사이드 애플리케이션 구축을 위한 간단한 API를 제공하는 웹 프레임워크입니다. 라우터, 미들웨어, HTTP 요청 및 응답 처리 기능이 포함되어 있어 RESTful API 개발에 특히 적합합니다.

1.2 Swagger란?

Swagger는 API를 정의하고 문서화하는 데 도움을 주는 도구입니다. Swagger의 주요 이점은 API 문서를 동적으로 생성하고, 사용자가 API를 테스트할 수 있는 UI를 제공한다는 점입니다.

2. 개발 환경 설정

이제 Express와 Swagger를 설정하는 방법에 대해 알아보겠습니다. 아래의 단계를 따라 해보세요.

2.1 Node.js 및 npm 설치

Node.js가 설치되어 있지 않은 경우 [Node.js 공식 웹사이트](https://nodejs.org/)에서 설치합니다. 설치가 완료되면, 다음 명령어로 Node.js와 npm이 정상적으로 설치되었는지 확인합니다:

node -v
npm -v

2.2 프로젝트 폴더 생성 및 초기화

프로젝트를 진행할 폴더를 생성하고 npm을 사용하여 초기화합니다:

mkdir express-swagger-example
cd express-swagger-example
npm init -y

2.3 Express 설치

다음 명령어로 Express를 설치합니다:

npm install express

2.4 Swagger 관련 패키지 설치

Swagger UI와 Swagger-jsdoc을 설치합니다. Swagger UI는 API 문서를 시각화하여 보여주는 역할을 하고, Swagger-jsdoc은 JSDoc 스타일로 API 문서를 작성할 수 있게 해줍니다:

npm install swagger-ui-express swagger-jsdoc

3. Express 애플리케이션 설정

이제 기본적인 Express 애플리케이션을 설정해 보겠습니다. index.js 파일을 생성하고 아래의 코드를 입력하세요:

const express = require('express');
const swaggerJsDoc = require('swagger-jsdoc');
const swaggerUi = require('swagger-ui-express');

const app = express();
const port = 3000;

// Swagger 설정
const swaggerOptions = {
    swaggerDefinition: {
        openapi: '3.0.0',
        info: {
            title: 'Express API Documentation',
            version: '1.0.0',
            description: '자동화된 문서화 API 예제',
        },
        servers: [
            {
                url: `http://localhost:${port}`,
            },
        ],
    },
    apis: ['./routes/*.js'], // API 문서화할 경로
};

const swaggerDocs = swaggerJsDoc(swaggerOptions);
app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerDocs));

// 기본 라우트 예제
app.get('/', (req, res) => {
    res.send('Hello World!');
});

// 서버 시작
app.listen(port, () => {
    console.log(`Server is running on http://localhost:${port}`);
});

3.1 Swagger 설정 설명

위 코드에서 swaggerDefinition 객체는 API 문서의 정보를 정의합니다. 여기에는 API의 이름, 버전, 설명 및 서버 정보를 설정합니다. apis 배열은 Swagger가 문서화할 API 파일의 경로를 지정합니다.

3.2 기본 라우트 추가

예제에서는 / 경로에 대한 GET 요청을 처리하는 기본 라우트를 추가했습니다. 이 라우트에 대한 Swagger 문서화도 추가해보겠습니다.

4. API 경로 문서화

다음으로, API 경로를 문서화할 파일인 routes/index.js 파일을 생성하고 아래의 코드를 입력해 보세요:

/**
 * @swagger
 * /:
 *   get:
 *     summary: Hello World를 응답합니다.
 *     responses:
 *       200:
 *         description: 성공적으로 응답
 */
app.get('/', (req, res) => {
    res.send('Hello World!');
});

5. 서버 실행 및 Swagger UI 확인

모든 설정이 완료되었으면, 서버를 실행합니다:

node index.js

브라우저에서 http://localhost:3000/api-docs를 열면 Swagger UI가 표시됩니다. 이 UI를 통해 API 문서와 함께 `Hello World!` 응답을 확인할 수 있습니다.

6. 다양한 API 문서화하기

위의 예제를 바탕으로, 보다 복잡한 API를 문서화할 수 있습니다. 예를 들어, 사용자의 CRUD(Create, Read, Update, Delete) 작업을 지원하는 API를 문서화해 보겠습니다.

6.1 CRUD API 설정

아래의 코드를 routes/user.js 파일에 추가합니다:

const express = require('express');
const router = express.Router();

/**
 * @swagger
 * /users:
 *   get:
 *     summary: 사용자 목록을 가져옵니다.
 *     responses:
 *       200:
 *         description: 성공적으로 사용자 목록을 반환합니다.
 */
router.get('/', (req, res) => {
    res.send('사용자 목록');
});

/**
 * @swagger
 * /users:
 *   post:
 *     summary: 새 사용자를 생성합니다.
 *     requestBody:
 *       required: true
 *       content:
 *         application/json:
 *           schema:
 *             type: object
 *             properties:
 *               name:
 *                 type: string
 *               age:
 *                 type: integer
 *     responses:
 *       201:
 *         description: 성공적으로 사용자 생성
 */
router.post('/', (req, res) => {
    res.status(201).send('사용자 생성됨');
});

/**
 * @swagger
 * /users/{id}:
 *   get:
 *     summary: 특정 사용자의 정보를 가져옵니다.
 *     parameters:
 *       - in: path
 *         name: id
 *         required: true
 *         description: 사용자 ID
 *         schema:
 *           type: integer
 *     responses:
 *       200:
 *         description: 사용자 정보 반환
 */
router.get('/:id', (req, res) => {
    res.send(`사용자 ID: ${req.params.id}`);
});

/**
 * @swagger
 * /users/{id}:
 *   put:
 *     summary: 특정 사용자의 정보를 업데이트합니다.
 *     parameters:
 *       - in: path
 *         name: id
 *         required: true
 *         description: 사용자 ID
 *         schema:
 *           type: integer
 *     responses:
 *       200:
 *         description: 사용자 정보 업데이트 성공
 */
router.put('/:id', (req, res) => {
    res.send(`사용자 ID: ${req.params.id} 정보 업데이트됨`);
});

/**
 * @swagger
 * /users/{id}:
 *   delete:
 *     summary: 특정 사용자를 삭제합니다.
 *     parameters:
 *       - in: path
 *         name: id
 *         required: true
 *         description: 사용자 ID
 *         schema:
 *           type: integer
 *     responses:
 *       204:
 *         description: 사용자 삭제 성공
 */
router.delete('/:id', (req, res) => {
    res.status(204).send();
});

module.exports = router;

6.2 라우터에 사용자 라우트 추가

위에서 생성한 사용자 라우트를 메인 애플리케이션에 추가해야 합니다. index.js 파일을 수정하고 사용자 라우터를 등록합니다:

const userRouter = require('./routes/user');
app.use('/users', userRouter);

7. API 문서 확인

서버를 다시 실행한 다음, Swagger UI를 방문하여 /users에 대한 다양한 API에 대한 문서를 확인합니다. 이를 통해 사용자 목록 조회, 생성, 조회, 업데이트 및 삭제와 같은 기능을 확인할 수 있습니다.

8. 보안 및 기타 설정

생성한 API를 운영할 때는 보안 방법론 또한 고려해야 합니다. JWT(Json Web Token) 인증 방식을 통해 사용자를 인증하고 API에 접근할 수 있도록 설정할 수 있습니다. 또한, Express의 미들웨어를 통해 요청을 로깅하거나 에러 핸들링을 추가하는 것도 좋은 방법입니다.

9. 마무리

이번 글에서는 Express 서버를 설정하고 Swagger를 활용하여 자동으로 API 문서를 생성하는 방법에 대해 알아보았습니다. 문서화는 개발의 중요한 부분 중 하나이며, Swagger와 같은 도구를 활용하여 이를 쉽게 처리할 수 있습니다. 이러한 도구를 적극 활용하여 더 나은 API 개발 환경을 만들어 보시기 바랍니다.

추가적으로, Swagger를 사용하여 만들어진 UI는 API 소비자에게 유용한 정보를 제공하며, 테스트를 직접 해볼 수 있는 기능도 제공합니다. 또한, API 도메인에 포함된 모든 엔드포인트를 쉽게 탐색할 수 있습니다.

10. 참고 자료

지금까지 Express와 Swagger를 활용한 API 문서화에 대한 소개를 마칩니다. 질문이나 의견이 있으시면 언제든지 댓글로 남겨주세요!