JSON Mock 데이터 생성기

언제 사용하나요?

프론트엔드 화면 개발이나 API 문서 작성 전에 간단한 샘플 JSON 배열이 필요할 때 사용합니다.

사용 방법

• name:type 형식으로 필드를 입력합니다.
• 생성할 개수를 지정합니다.
• 샘플 JSON 배열을 복사합니다.

입력값 안내

id:number, name:string, email:email, active:boolean, createdAt:date 같은 필드 정의를 줄 단위로 입력합니다.

계산·변환 기준

필드 타입에 맞는 정적 샘플 값을 행 번호 기준으로 생성하고 Object.fromEntries로 객체 배열을 구성합니다.

사용 예시

• 프론트엔드 목업 - 컴포넌트 개발용 더미 데이터를 빠르게 만듭니다.
• 배포 전 빠른 점검 - 입력값과 생성 결과를 확인해 개발·운영 작업 전 오류 가능성을 줄입니다.
• 문서·리뷰 보조 - 정리된 결과를 복사해 개발 문서, 이슈, 코드 리뷰 코멘트에 바로 붙여넣습니다.

예시

• name:string, active:boolean → [{"name":"sample-1","active":true}]
• id:number, name:string 정의로 10개 생성 → 화면 개발용 목업 배열 확보

주의사항

• 생성된 mock 데이터는 테스트·개발 참고용입니다. 실제 프로덕션 데이터 구조와 다를 수 있습니다.
• 입력 데이터는 브라우저에서만 처리되며 서버로 전송되지 않습니다.

자주 묻는 질문

랜덤 데이터인가요?

재현 가능한 정적 샘플 데이터를 생성합니다.

필드를 어떻게 정의하나요?

필드 이름과 타입(string, number, boolean 등)을 지정하면 그 구조에 맞는 샘플 객체를 만듭니다.

생성한 데이터가 매번 같나요?

재현 가능한 정적 샘플을 생성하므로 같은 정의에서는 일관된 결과가 나옵니다.

몇 개까지 생성할 수 있나요?

생성 개수를 지정해 테스트에 필요한 만큼 샘플 배열을 만들 수 있어 화면 개발이나 API 테스트에 활용하기 좋습니다.

관련 도구

• JSON 포매터 - JSON 문자열을 보기 좋게 들여쓰기하거나 최소화합니다. 유효성 오류도 함께 표시합니다.
• JSON ↔ TypeScript 타입 변환기 - JSON 샘플과 TypeScript 타입 선언을 서로 변환해 타입 초안과 JSON 샘플을 만듭니다.
• JSON Schema 생성기 - JSON 샘플에서 JSON Schema 초안을 생성합니다.
• UUID 생성기 - 암호학적으로 안전한 UUID v4를 최대 20개까지 한 번에 생성합니다.
• 비밀번호 생성기 - 길이, 문자셋, 개수를 선택해 브라우저에서 안전한 랜덤 비밀번호를 생성합니다.
• JWT 디코더 - JWT의 header와 payload를 디코딩해 JSON과 주요 클레임을 확인합니다.