·1분 읽기
API Mock 데이터 JSON 만들기 — 무작위 생성 + 스키마 검증 실전법
프론트엔드 개발 중 Mock 데이터 필요한데 매번 손으로 타이핑 해본 적 있죠? JSON Schema 기반 무작위 생성, 검증 도구, 실전 워크플로우까지 정리했어요.
{ }
JSON 포맷터 바로 사용하기
JSON을 예쁘게 정렬하고 검증하세요
→
Mock 데이터 수동 작성, 한 번만 해봐도 고통
백엔드 API 미완성 상태에서 프론트엔드 먼저 만들 때 Mock 데이터가 필요해요. 처음엔 손으로 몇 개 타이핑하지만, **10개 넘어가는 순간 지옥**이에요.
예를 들어 상품 리스트 100개 Mock이 필요하다? 손으로 하면 2시간 이상, 오타도 섞여요. 자동화가 답이에요.
JSON Schema로 정의 + 자동 생성
먼저 데이터 구조를 JSON Schema로 정의해요.
```json
{
"type": "object",
"properties": {
"id": { "type": "integer", "minimum": 1 },
"name": { "type": "string", "faker": "commerce.productName" },
"price": { "type": "integer", "minimum": 1000, "maximum": 100000 },
"stock": { "type": "integer", "minimum": 0, "maximum": 1000 }
}
}
```
이 스키마를 **json-schema-faker** 같은 라이브러리에 넣으면 100개 Mock 즉시 생성돼요.
Node.js 실전 스크립트
```javascript
import { JSONSchemaFaker } from 'json-schema-faker';
import { faker } from '@faker-js/faker';
import fs from 'fs';
JSONSchemaFaker.extend('faker', () => faker);
const schema = { /* 위 스키마 */ };
const listSchema = {
type: 'array',
minItems: 100,
maxItems: 100,
items: schema
};
const mockData = JSONSchemaFaker.generate(listSchema);
fs.writeFileSync('mock.json', JSON.stringify(mockData, null, 2));
```
이 스크립트 한 번 돌리면 **100개 Mock 데이터가 1초 내 생성**돼요.
생성 후 Toolkio JSON Formatter로 검증
자동 생성된 JSON이 **진짜 유효한지 Toolkio에서 확인**해요.
1. Mock JSON 붙여넣기
2. Pretty Print로 구조 시각화
3. 에러 있으면 즉시 하이라이트
4. 필요 시 Minify로 크기 확인
실제 API 응답 교체 시점에 스키마 일치 여부도 동시에 확인 가능해요. 프로토타이핑 속도가 확 빨라져요.