피드로 돌아가기
Stop running JSON-Server locally
Dev.toDev.to
Frontend

Stop running JSON-Server locally

fastdb.io가 로컬 JSON-Server 실행을 클라우드 기반 모의 API로 대체해 프론트엔드 개발 초기 설정 단계 제거

Jackson2026년 3월 24일8beginner

Context

프론트엔드 개발자는 프로젝트 시작 시마다 JSON-Server를 로컬에서 실행해야 했으며, db.json 파일 생성, 서버 프로세스 관리, 장애 발생 시 재시작 등의 반복적인 작업이 필요했다. 이러한 로컬 실행 의존성은 개발 워크플로우를 제한하고 초기 진입 장벽을 높였다.

Technical Solution

  • 클라우드 기반 모의 API 엔드포인트 제공: 데이터 정의만으로 공개 URL(예: https://ryfksmvr.fastdb.io/api/todo-app/users) 기반 API 즉시 생성
  • 비주얼 캔버스를 통한 리소스 모델링: 수동 JSON 구조화 대신 드래그-드롭 방식의 API 관계도 설계
  • faker.js를 이용한 realistic 테스트 데이터 생성: 정적 값 정의 또는 자동 생성된 가짜 데이터로 실제 시나리오 시뮬레이션
  • 테이블 에디터를 통한 런타임 데이터 수정: JSON 파일 수동 편집 대신 UI 기반 즉시 반영
  • TypeScript 타입 자동 생성 및 복사 기능: 각 엔드포인트별 타입 정의를 프로젝트에 직접 붙여넣기 가능
  • 인증 플로우 시뮬레이션: POST /auth/login 엔드포인트에서 JWT 토큰 반환, GET/POST/PUT/DELETE별 인증 요구 조건 설정 가능
  • API 네트워크 지연 및 오프라인 시뮬레이션: 커스텀 throttling으로 느린 API 테스트, 503 상태 코드로 다운타임 시뮬레이션

Key Takeaway

로컬 실행 환경 제거는 초기 설정 비용을 제거하고 팀 협업 시 환경 동기화 문제를 해결하는 설계 원칙이다. 개발 초기 단계에서 백엔드 의존성을 완전히 제거하면 프론트엔드 작업의 독립성과 병렬 진행이 가능해진다.


프론트엔드 팀에서 API 모킹이 필요한 초기 개발 단계에 fastdb.io 같은 클라우드 기반 모의 API 서비스를 도입하면, JSON-Server 프로세스 관리 오버헤드를 제거하고 팀 전체가 동일한 모의 API 엔드포인트를 공유하며 즉시 개발을 시작할 수 있다.

원문 읽기