모킹 JSON 생성기

모킹 JSON 생성기란?#

현실적인 테스트 데이터는 모든 프로토타입의 지루한 병목입니다. 500행에서 표가 어떻게 렌더링되는지, 이상한 이메일 주소에서 폼이 어떻게 동작하는지, 숫자가 세 자리 수에 걸쳐 있을 때 차트가 어떻게 보이는지 보고 싶은데, 실제 데이터는 민감해서 쓸 수 없어 {"name":"test","email":"[email protected]"}를 오후 내내 반복 입력합니다.

모킹 JSON 생성기가 그 간극을 메웁니다. 필요한 객체의 모양을(몇 가지 필드 타입, 또는 자리표시자가 든 템플릿) 기술하면, 요청한 만큼의 행을 합성해 내며, 각 행은 다르고 어느 것도 실제 사람이 아닙니다. 출력은 픽스처 파일, 데모 데이터베이스, fetch 모크에 바로 떨어뜨릴 수 있는 JSON 배열입니다.

이 페이지는 두 가지 방식으로 생성합니다. 필드 선택 모드는 켜고 끌 수 있는 공통 필드(전체 이름, 이메일, 전화번호, UUID, 날짜, 회사 등)의 메뉴를 주며, 각 행은 그 필드를 가진 객체가 됩니다. 템플릿 모드에서는 {{faker.path}} 자리표시자가 든 JSON 뼈대를 써서, 정확한 키 이름과 중첩을 사용자가 제어합니다. 출력은 JSON이나 CSV로(스프레드시트 경로용) 다운로드할 수 있고, 로케일 인식 데이터를 지원하여 데모 대상에 맞는 이름을 보여줍니다.

사용 방법#

1. 도구 모음 토글에서 모드 를 고르세요.
   • 필드 선택 (기본값): 왼쪽에 필드 타입 체크리스트가 나타납니다. 각 행에 원하는 것(예: 전체 이름, 이메일, UUID)에 체크하세요. 각 필드는 고정된 기본 키(name, email, uuid)를 가집니다.
   • 템플릿: 대신 텍스트 영역이 나타납니다. 문자열 잎이 {{person.fullName}}나 {{internet.email}} 같은 자리표시자를 가진 JSON 객체(또는 배열)를 쓰세요.
2. 개수 를 정하세요. 0부터 최대 1000까지 생성할 행 수입니다.
3. 언어 를 골라 생성된 이름, 도시, 전화번호에 풍미를 입힙니다. 영어부터 中文, 日本語, 한국어, العربية까지 10개 로케일이 제공됩니다.
4. 생성 을 클릭하세요. 오른쪽 패널에 합성된 행의 예쁘게 출력된 JSON 배열이 채워집니다.
5. 출력 아래 JSON 다운로드 또는 CSV 다운로드 로 결과를 파일로 저장하세요(CSV는 스프레드시트에 불러오거나 가져오기로 데이터베이스를 시드하는 데 편리합니다).
6. 예제 로 시작 템플릿을 불러오거나, 지우기 로 초기화하세요.

무거운 생성 라이브러리는 처음 생성 을 누를 때만 로드되어 페이지가 즉시 열립니다. 생성은 전적으로 브라우저에서 실행됩니다.

주요 기능#

• 두 가지 작성 스타일. 빠른 시작을 위해 필드를 체크하거나, 사용자 정의 키·중첩·리터럴 텍스트와 생성 값의 혼합이 필요할 때 템플릿을 씁니다.
• 14개 프리셋 필드. 이름, 직책, 이메일, 사용자 이름, 전화번호, UUID, 최근 날짜, 도시, 국가, 회사, URL, 단락, 색상 이름. 데모 레코드의 공통 빌딩 블록입니다.
• 로케일 인식 값. 로케일을 바꾸면 사람과 위치 데이터가 따라옵니다. 데모가 현지 느낌이어야 할 때 유용합니다.
• 템플릿 자리표시자는 타입을 유지. 문자열 잎의 전체 값인 자리표시자는 자신의 네이티브 타입으로 해결됩니다. 그래서 {{date.recent}}는 따옴표로 감싼 조각이 아니라 진짜 ISO 날짜 문자열이 됩니다.
• 최대 1000행. 페이지 매김된 표를 채우거나 탭을 압도하지 않을 만큼의 대표 픽스처에 충분합니다.
• JSON과 CSV 내보내기. 한 번 생성하고, 가진 소비자(JSON 픽스처 또는 스프레드시트 가져오기)에 맞춰 내보냅니다.
• 로컬 전용. 데이터는 브라우저에서 합성되며, 템플릿이나 출력의 어떤 것도 페이지를 떠나지 않습니다.

실전 예시#

데모용 사용자 레코드 10개가 필요하고, 각각 이름·이메일·고유 id가 필요합니다. 필드 선택 모드로 두고 전체 이름, 이메일, UUID 만 남기고 모두 체크를 끄세요. 개수 를 10으로 하고 생성 을 누릅니다. 출력은 처음 몇 행이 이런 모양의 JSON 배열입니다.

[
  {
    "name": "Sara Schultz",
    "email": "[email protected]",
    "uuid": "f3a1c2b4-9d8e-4a7b-bc6e-1f2d3a4b5c6d"
  },
  {
    "name": "Derrick Watsica",
    "email": "[email protected]",
    "uuid": "b7e6d5c4-a3b2-4987-8d6e-5c4b3a2f1e09"
  }
]

모든 행이 다르고, 어떤 주소도 실제 받은 편지함이 아니며, UUID는 고유합니다. 프리셋이 표현할 수 없는 사용자 정의 모양(예: 리터럴 역할과 생성 필드를 섞은 레코드)이 필요하면 템플릿 모드로 전환해 이렇게 쓰세요.

{
  "id": "{{string.uuid}}",
  "name": "{{person.fullName}}",
  "role": "member",
  "email": "{{internet.email}}"
}

role 필드는 리터럴 텍스트라 모든 행이 "member"이고, 나머지 셋은 행마다 새로 합성된 값으로 해결됩니다. 개수를 필요한 만큼 설정하고 내보내세요.

FAQ#

이메일 주소가 보낼 수 있는 실제 받은 편지함인가요?#

아니요. 모든 값은 합성된 것입니다. 이름은 그럴듯한 조합이고, 이메일 주소는 현실적인 모양을 따르지만 아무에게도 전달되지 않습니다. 그게 요점입니다. 실제 사람의 편지함을 건드리지 않으면서 레이아웃·검증·정렬을 테스트하기 위해 프로덕션 데이터처럼 보이는 데이터를 얻는 것입니다.

데이터가 특정 국가에 현지화되게 할 수 있나요?#

네. 언어 선택기가 사람 이름·도시·전화번호가 생성되는 방식을 바꿉니다. 中文（简体）를 고르면 중국 이름이, 日本語를 고르면 일본 이름이 됩니다. 데모가 대상에게 진짜처럼 느껴져야 할 때 중요합니다.

템플릿 모드에서 {{date.recent}}가 왜 따옴표 없는 ISO 문자열로 나타나나요?#

자리표시자가 문자열 잎의 전체 값일 때, 텍스트로 보간되는 대신 생성기의 네이티브 반환 값으로 해결됩니다. 최근 날짜 호출은 진짜 날짜 객체를 반환하고, 이는 출력 JSON에서 ISO 문자열로 직렬화됩니다. 주변 텍스트 안에 박아 넣고 싶다면 양옆에 리터럴 문자를 두세요. "shipped on {{date.recent}}" — 그러면 문장 안에 문자열화됩니다.

한 번에 몇 행까지 생성할 수 있나요?#

최대 천 행입니다. 페이지 매김된 표를 채우거나, 픽스처 파일을 채우거나, CSV 가져오기로 테스트 데이터베이스를 시드하기에 충분합니다. 그 이상은 묶어서 생성하거나 전용 데이터베이스 시더를 쓰세요.

생성된 데이터가 재현 가능한가요?#

생성 을 누를 때마다 새 무작위 세트가 나옵니다. UI에서 엣지 케이스를 찾을 때 원하는 동작입니다. 이 페이지에서 값은 시드에 고정되지 않으므로, 특정 출력을 나중에 바이트 단위로 재현할 수 있는 것으로 취급하지 마세요. 특정 데이터셋을 정확히 재현해야 한다면 출력을 픽스처 파일로 저장하세요.