Menu
CoddyTech

PUT으로 교체하기

Coddy Node.js 여정의 REST API 섹션에 포함된 레슨. 18개 중 5번째.

수정 양식은 작업 전체를 모든 필드와 함께 한 번에 돌려보냅니다. PUT은 "이것으로 리소스를 교체한다"는 뜻이므로 본문은 완전해야 합니다.

PATCH /api/invoices/7  { "paid": true }               → paid changes
PUT   /api/invoices/7  { "amount": 90, "paid": true } → a new invoice 7
PUT   /api/invoices/7  { "paid": true }               → 400: amount missing

필드가 빠진 PUT은 400으로 응답합니다. 송장 내용의 일부만으로 교체하면 금액이 사라지기 때문입니다. id와 생성 시간처럼 서버가 관리하는 필드는 본문이 아니라 이전 버전에서 가져옵니다.

const { id, issuedAt } = invoices[index];
invoices[index] = { id, amount, paid, issuedAt };
challenge icon

챌린지

쉬움
  • PUT /api/tasks/:id는 본문의 값으로 title과 done을 대체하고 작업과 함께 200을 응답합니다.
  • id와 createdAt은 그대로 유지됩니다.
  • title 또는 done이 누락된 경우: 400. 알 수 없는 id인 경우: 404.

PUT /api/tasks/2를 { "title": "Book the big room", "done": true }와 함께 전송한 다음, { "done": true }와 함께 전송하세요.

직접 해보기

import { Router } from 'express';
import { nextId, tasks } from '../store.js';

const router = Router();

router.get('/', (req, res) => {
    res.json(tasks);
});

router.get('/:id', (req, res) => {
    const task = tasks.find((t) => t.id === Number(req.params.id));
    if (!task) {
        return res.status(404).json({ error: 'Task not found' });
    }
    res.json(task);
});

router.post('/', (req, res) => {
    const { title } = req.body ?? {};
    if (!title) {
        return res.status(400).json({ error: 'title is required' });
    }
    const task = { id: nextId(), title, done: false, createdAt: new Date().toISOString() };
    tasks.push(task);
    res.status(201).location(`/api/tasks/${task.id}`).json(task);
});

router.patch('/:id', (req, res) => {
    const task = tasks.find((t) => t.id === Number(req.params.id));
    if (!task) {
        return res.status(404).json({ error: 'Task not found' });
    }
    const { title, done } = req.body ?? {};
    if (title !== undefined) task.title = title;
    if (done !== undefined) task.done = done;
    res.json(task);
});

router.delete('/:id', (req, res) => {
    const index = tasks.findIndex((t) => t.id === Number(req.params.id));
    if (index === -1) {
        return res.status(404).json({ error: 'Task not found' });
    }
    tasks.splice(index, 1);
    res.status(204).end();
});

export default router;
quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

REST API의 모든 레슨