NodeJS Express의 PUT 요청에 대해 알아야 할 모든 것

웹 앱이나 API를 구축할 생각이신가요? NodeJS Express는 개발을 더 쉽고 일관되게 만들어주는 유명한 프레임워크입니다. 이 글에서는 NodeJS Express를 사용하여 POST 요청을 처리하는 방법을 소개합니다!

Young-jae

Young-jae

10 June 2025

NodeJS Express의 PUT 요청에 대해 알아야 할 모든 것

NodeJS 런타임 환경은 효율적인 이벤트 기반 아키텍처와 JavaScript 기반 덕분에 현대 웹 애플리케이션 구축을 위한 인기있는 선택이 되었습니다. 이 생태계 내에서 Express는 개발에 있어 강력하고 간소화된 접근 방식을 제공하는 저명한 웹 프레임워크로 두드러집니다.

💡
앱 및 웹 개발을 다루면서 JavaScript를 다루는 것은 불가피합니다. 다행히 이제 개발자들이 많은 시간과 에너지를 절약할 수 있는 내장 기능이 있는 API 개발 플랫폼이 있습니다!

Apidog를 소개합니다. 이는 개발자에게 더 효율적인 앱 및 API 개발을 위한 코드 생성 도구를 제공하는 정교한 API 도구입니다.

Apidog의 제공 내용을 더 알고 싶으면 아래 버튼을 클릭하세요. 
button

효과적인 웹 API의 기초 중 하나는 리소스와의 상호작용 방식을 규정하는 HTTP 메서드를 활용하는 것입니다. 이 맥락에서 PUT 메서드는 기존 리소스에 대한 타겟 업데이트를 수행할 수 있게 해주어 중요한 역할을 합니다.

NodeJS Express로 PUT 요청을 보다 깊이 이해하기 전에 NodeJS와 Express가 무엇인지 완벽하게 이해해봅시다.

NodeJS란?

NodeJS는 JavaScript가 웹 브라우저 외부에서 실행될 수 있도록 하는 오픈소스 소프트웨어로 기존 방식을 깨뜨립니다. 이 유연성은 다양한 운영 체제에 걸쳐 확장되며 개발자에게 다재다능한 도구가 됩니다. 이 문서는 NodeJS가 제공하는 내용을 깊이 파고들며, 그 기능과 소프트웨어 개발 접근 방식을 어떻게 변화시켰는지 탐구합니다.

NodeJS 주요 특징

이벤트 기반 아키텍처

전통적인 웹 서버와 달리 NodeJS는 스레드를 사용하지 않습니다. 대신 이벤트 루프에 의존하여 여러 요청을 효율적으로 처리합니다. 이 이벤트 기반 접근 방식은 채팅 애플리케이션이나 실시간 데이터 스트리밍과 같이 동시 연결 수가 많은 애플리케이션에 이상적입니다.

어디서나 JavaScript

NodeJS는 Google Chrome의 코드 실행을 담당하는 V8 JavaScript 엔진을 사용합니다. 이를 통해 개발자는 프론트엔드와 백엔드 개발 모두에 JavaScript를 사용할 수 있어 여러 언어를 배우고 관리할 필요가 줄어듭니다.

논블로킹 I/O

NodeJS는 논블로킹 I/O 모델을 활용합니다. 이는 느린 작업(예: 데이터베이스 읽기)이 완료될 때까지 다른 요청 처리를 기다리지 않음을 의미합니다. 대신 느린 작업이 백그라운드에서 완료되는 동안 다음 요청으로 넘어갑니다. 이는 서버의 응답성과 효율성을 유지합니다.

풍부한 생태계와 NPM

NodeJS는 거대한 패키지 관리자 npm(Node Package Manager)에 기여하는 방대한 활동 중인 커뮤니티를 자랑합니다. NPM은 다양한 기능을 위해 미리 작성된 모듈을 폭넓게 제공하여 개발자들이 재사용 가능한 코드 구성 요소를 활용할 수 있도록 도와줍니다.

확장성

NodeJS 애플리케이션은 수평적으로 쉽게 확장할 수 있습니다. 이는 더 많은 워커 서버를 추가하여 증가한 트래픽을 처리할 수 있음을 의미하며, NodeJS는 대규모 및 복잡한 애플리케이션 구축에 적합합니다.

Express란?

Express, 즉 ExpressJS는 개발자가 웹 애플리케이션과 API를 더 쉽게 구축할 수 있도록 돕는 인기 있는 NodeJS 웹 프레임워크입니다. 이는 NodeJS의 기본 기능을 직접 사용하기에 비해 보다 편리하고 구조화된 접근 방식을 제공하는 추상화 계층 역할을 합니다. 이는 반복적인 코드(보일러플레이트 코드)의 대폭 감소로 이어져 개발자가 애플리케이션의 핵심 로직에 집중하고 개발 프로세스를 가속화할 수 있습니다.

ExpressJS 주요 특징

라우팅

ExpressJS는 경로를 정의하는 데 탁월합니다. 이는 URL을 특정 기능에 매핑하여 들어오는 요청을 처리합니다. 이러한 구성은 애플리케이션 코드를 보다 읽기 쉽고 유지 관리하기 쉽게 만듭니다.

미들웨어

ExpressJS의 핵심 강점 중 하나는 미들웨어 기능입니다. 미들웨어는 요청과 응답을 가로채는 미니 애플리케이션처럼 작동하여 요청이 최종 목적지에 도달하기 전에 로깅, 인증 또는 정적 파일 제공과 같은 공통 작업을 수행할 수 있게 해줍니다.

템플릿 엔진

ExpressJS는 EJS, Pug, Handlebars와 같은 다양한 템플릿 엔진과 원활하게 통합됩니다. 이러한 엔진은 HTML과 서버 측에서 생성된 콘텐츠를 결합하여 동적 HTML 페이지를 생성할 수 있게 해줍니다.

오류 처리

ExpressJS는 오류에 대한 구조화된 접근 방식을 제공합니다. 맞춤형 오류 처리기를 정의하여 오류를 우아하게 처리하고 전체 사용자 경험을 개선할 수 있습니다.

커뮤니티 및 생태계

ExpressJS는 크고 활동적인 개발자 커뮤니티의 혜택을 받습니다. 이는 방대한 양의 준비된 미들웨어, 라이브러리 및 자원이 존재하여 웹 애플리케이션 구축 시 개발자들이 시간과 노력을 절약할 수 있게 해줍니다.

NodeJS Express PUT 요청 만드는 방법

PUT 요청을 실행할 수 있도록 하려면 먼저 시스템에 NodeJS와 NPM이 설치되어 있는지 확인해야 합니다.

전제 조건

먼저, 프로젝트 디렉토리를 생성하고 그 안에서 NPM을 사용하여 NodeJS 프로젝트를 초기화합니다:

mkdir nodejs-put-request
cd nodejs-put-request
npm init -y

다음으로, 프로젝트의 의존성으로 ExpressJS 프레임워크를 설치합니다:

npm install express

1단계 - PUT 경로 구성

프로젝트 디렉토리 내에 server.js라는 파일을 생성합니다. 이 파일에는 ExpressJS 애플리케이션 로직이 포함됩니다. 아래의 코드 스니펫은 기본 PUT 경로를 보여줍니다:

const express = require('express');

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

// 인메모리 데이터 저장소 (생산을 위해서는 데이터베이스로 교체)
let data = {
  id: 1,
  name: "John Doe",
  age: 30
};

// ID를 기반으로 데이터 업데이트를 위한 PUT 경로
app.put('/api/data/:id', (req, res) => {
  const id = req.params.id;
  const updatedData = req.body;

  // 업데이트 전에 데이터 존재 유효성 검사
  if (data.id !== parseInt(id)) {
    return res.status(404).send("데이터를 찾을 수 없습니다.");
  }

  // 객체 전개 구문을 사용하여 데이터 속성 업데이트
  data = { ...data, ...updatedData };

  res.json(data);
});

app.listen(port, () => {
  console.log(`포트 ${port}에서 서버 대기 중`);
});

코드 설명

  1. Express를 가져오고 Express 애플리케이션 인스턴스를 생성합니다.
  2. 샘플 데이터 객체가 자리 표시자로 사용됩니다(생산에서는 데이터베이스가 사용됨).
  3. PUT 경로(/api/data/:id)가 URL에서 ID 매개변수를 캡처합니다.
  4. 업데이트를 시도하기 전에 데이터 존재 여부를 확인합니다.
  5. 데이터가 발견되면 요청 본문의 업데이트된 데이터가 기존 데이터 객체와 객체 전개 구문(...)을 사용하여 병합됩니다.
  6. 마지막으로 업데이트된 데이터가 JSON 형식으로 응답으로 전송됩니다.

2단계 - PUT 요청 전송 (Apidog 사용)

PUT 요청 전송을 시뮬레이션하기 위해 Apidog와 같은 도구를 활용할 수 있습니다.

apidog making a request
button

해야 할 일은:

  1. HTTP 메서드를 PUT으로 설정합니다.
  2. URL을 http://localhost:3000/api/data/1로 정의합니다(1을 원하는 ID로 교체).
  3. 본문 탭에서 content-type을 JSON으로 설정하고 업데이트할 데이터를 제공합니다(예: {"name": "Jane Doe"}).
  4. 요청을 전송합니다.

아래 섹션에서는 Apidog이 제공하는 내용을 강조할 것입니다.

중요 고려 사항 및 모범 사례

이 예시는 NodeJS Express로 PUT 요청을 만드는 기본적인 예시입니다. 실제 애플리케이션에 추가 기능을 통합하는 것을 기억하세요:

Apidog - PUT 요청 만들기

앞서 소개한 것처럼 Apidog를 사용하면 빠르게 PUT 요청을 만들 수 있습니다. 이는 API 라이프사이클 전반을 위한 완벽한 도구를 갖춘 포괄적인 API 개발 도구입니다.

apidog new put request

우선, NodeJS Express PUT 요청을 위한 새 요청을 생성하려면 New Request 버튼을 클릭하세요.

apidog new put request and endpoint

다음으로, 요청을 PUT 요청으로 변경했는지 확인하세요. 이미지의 강조된 상자에 액세스하려는 API 엔드포인트를 입력하세요.

PUT 요청에 필요한 세부 정보를 포함하여 계속 진행하세요.

Apidog로 앱에 대한 JavaScript 코드 생성

NodeJS와 Express는 JavaScript 프로그래밍 언어로 작성되었으므로 해당 언어에 대한 이해가 필요합니다. 다행히 Apidog에는 코드 생성 기능이 있습니다.

apidog generate client code

먼저, 화면의 오른쪽 상단 모서리에 있는 </> 버튼을 찾으세요. 버튼을 찾는 데 어려움이 있다면 위 이미지를 참조하세요.

apidog generate javascript unirest code

필요한 클라이언트 측 프로그래밍 언어를 선택하여 계속 진행하세요. 더 편한 JavaScript 라이브러리를 선택할 수 있는 권한이 있습니다.

단지 코드를 복사하여 IDE에 붙여넣고 NodeJS 앱에 맞게 편집하면 됩니다! 그러나 위 이미지에서 보여주는 Unirest를 사용하고자 하는 경우, 여기의 기사를 참조할 수 있습니다:

button

결론

NodeJS Express는 개발자가 강력하고 다재다능한 API를 구축하여 리소스 업데이트에 PUT 요청을 원활하게 통합할 수 있도록 합니다. 본 가이드는 NodeJS Express 애플리케이션 내에서 PUT 요청을 처리하는 핵심 개념을 탐구했습니다. 프로젝트 수립, PUT 경로 작성, Postman을 사용한 요청 시뮬레이션을 거쳤습니다.

이는 기초에 불과합니다. 실제 애플리케이션은 오류 처리, 데이터 검증, 데이터베이스 통합 및 미들웨어와 같은 모범 사례를 포함해야 합니다. NodeJS Express 내에서 PUT 요청을 마스터함으로써 웹 애플리케이션과 API 내의 리소스를 효과적으로 관리하고 업데이트할 수 있습니다.

Explore more

Ollama 사용법: Ollama를 이용한 로컬 LLM 완전 초보 가이드

Ollama 사용법: Ollama를 이용한 로컬 LLM 완전 초보 가이드

인공지능의 세계는 끊임없이 발전하고 있으며, 대규모 언어 모델(LLM)은 점점 더 강력해지고 접근성이 높아지고 있습니다. 많은 사람들이 클라우드 기반 서비스를 통해 이러한 모델과 상호작용하지만, 개인 컴퓨터에서 직접 실행하는 데 초점을 맞추는 움직임이 커지고 있습니다. 바로 여기서 Ollama가 등장합니다. Ollama는 Llama 3, Mistral, Gemma, Phi 등 최첨단 LLM을 로컬에서 다운로드, 설정 및 실행하는 복잡한 과정을 획기적으로 단순화하도록 설계된 강력하면서도 사용자 친화적인 도구입니다. 이 포괄적인 가이드는 설치 및 기본 사용법부터 고급 사용자 지정, API 사용 및 필수 문제 해결까지 Ollama를 시작하는 데 필요한 모든 것을 안내합니다. 로컬 LLM을 애플리케이션에 통합하려는 개발자, 다양한 아키텍처를 실험하려는 연구원, 또는 오프라인에서 AI를 실행하는 데 관심이 있는 애호가이든 관계없이 Ollama는 간소화되고 효율적인 플랫폼을 제공합니다. �

28 April 2025

Swagger UI 한국어 무료 다운로드 위치

Swagger UI 한국어 무료 다운로드 위치

Swagger UI 한국어 인터페이스를 얻는 것의 어려움을 탐색하고 Apidog이 API 개발을 위한 강력한 플랫폼 대안인 이유를 알아보세요.

23 April 2025

무료 한국어 Postman 다운로드 방법

무료 한국어 Postman 다운로드 방법

Postman 한국어 버전을 무료로 다운로드할 수 있나요? Postman은 한국어를 네이티브로 지원하지 않지만, 해결 방법은 있습니다. 이 방법들을 살펴보고 언어에 관계없이 전체 API 워크플로우를 간소화하도록 설계된 강력하고 통합된 Postman 대안인 Apidog을 발견하십시오.

22 April 2025

Apidog에서 API 설계-첫 번째 연습

API를 더 쉽게 구축하고 사용하는 방법을 발견하세요