프로토타입마다 json-server를 설정하는 것을 멈추세요. 더 빠른 방법이 있습니다.

Source: Dev.to

전형적인 목업 서버의 문제점

• json‑server: 패키지를 설치하고, 파일을 만들고, 라우트를 설정하고, CORS 문제를 처리해야 합니다.
• Postman mock servers: 계정, 워크스페이스, 컬렉션이 필요합니다—버려도 되는 엔드포인트에 비해 과도합니다.
• Beeceptor: 회원가입이 필요하고 마찰이 생깁니다.
• Mockoon: 로컬에서 실행되므로 팀원과 쉽게 공유하거나 모바일 기기에서 테스트하기 어렵습니다.
• RequestBin: 요청만 받으며, 목업 데이터를 반환하지 않습니다.
• Custom Express server: 여전히 Node와 파일이 필요하고, 나중에 프로세스를 종료해야 하는 번거로움이 있습니다.

당신이 정말 원하는 것은 JSON을 붙여넣고 즉시 공개 URL을 얻는 것이며, 어떤 머신에서도 설치 없이 사용할 수 있는 것입니다.

MockBolt 소개

MockBolt는 몇 초 안에 실시간 API 엔드포인트를 생성해 줍니다—계정도, CLI도, 로컬 서버도 필요 없습니다.

작동 방식

1. mockbolt.com 으로 이동합니다.
2. JSON 응답을 붙여넣습니다.
3. 지원하고 싶은 HTTP 메서드를 선택합니다.
4. (선택) 커스텀 상태 코드, 응답 지연, 혹은 커스텀 헤더를 설정합니다.
5. Generate 버튼을 클릭합니다.

https://mockbolt.com/b/abc123 와 같은 URL을 받게 됩니다. 엔드포인트는 약 10 초 안에 준비됩니다.

// Example: fetching users from a MockBolt endpoint
useEffect(() => {
  fetch('https://mockbolt.com/b/abc123')
    .then(res => res.json())
    .then(data => setUsers(data.users));
}, []);

• 프록시 설정이 필요 없습니다.
• CORS가 기본적으로 열려 있습니다 (Access-Control-Allow-Origin: *).

오류 시뮬레이션

fetch('https://mockbolt.com/b/your-endpoint')
  .then(res => {
    if (!res.ok) throw new Error(`Server error: ${res.status}`);
    return res.json();
  })
  .catch(err => console.error('Caught:', err));

지연 시뮬레이션

// Mock a slow server (2 s delay)
fetch('https://mockbolt.com/b/your-slow-endpoint')
  .then(res => res.json())
  .then(data => {
    // Your loading skeleton should show for 2 seconds
    // Your timeout logic should trigger at the right time
  });

이러한 기능을 통해 실제 fetch 라이프사이클—AbortController 로 취소까지—을 테스트할 수 있으며, 컴포넌트 내부에서 지연을 직접 구현할 필요가 없습니다.

기능 비교

로드맵 및 현재 제한 사항

• Missing features (planned):
  • Request logging – see incoming calls.
  • Conditional responses – return different JSON based on request data.
  • Sequenced responses – vary output on successive calls.
  • Webhook support – let the mock call your server back.

대부분의 프로토타이핑 상황에서는 정적인 JSON 응답만으로 충분합니다.

사용해 보기

mockbolt.com 에서 MockBolt를 직접 체험해 보세요.

댓글에 질문을 남겨 주세요—특히 제가 다루지 않은 사용 사례가 있다면 알려 주세요.