예술·창작

📝 더미 텍스트 생성기

문단·버튼·카드·리뷰·JSON 더미 데이터까지 — UI 목업과 디자인 시안에 바로 쓸 수 있는 9가지 톤의 종합 더미 콘텐츠 생성 도구입니다.

3
📚 알아두면 좋아요

이 도구가 해결하는 문제

UI 디자이너와 프론트엔드 개발자는 시안 작업과 프로토타이핑 단계에서 항상 같은 고민에 부딪힙니다. 실제 콘텐츠가 없으니 임시 텍스트로 채워야 하는데, 단순 Lorem Ipsum은 한국어 환경의 글자 폭과 줄바꿈을 반영하지 못합니다. 또한 카드·리뷰·회원 정보·주문 같은 구조화된 데이터도 함께 필요합니다.

본 도구는 문단 / UI 요소 / JSON 더미 데이터 / 카드 UI 목업 / UX 라이팅 / 길이 테스트 6가지 탭을 한 곳에 모아 — 톤(친근체·전문가·커머스·SaaS·금융·헬스·교육·게임 등 9종)에 맞춰 일관된 분위기의 콘텐츠를 한꺼번에 생성합니다.

6가지 탭 활용 가이드

📝

문단

한글·영문 Lorem Ipsum 5단계 길이(아주 짧게~매우 길게) × 9가지 톤. 1~20문단 슬라이더로 분량 조절.

🎨

UI 요소

타이틀·서브타이틀·버튼·카드 제목·상품명·리뷰·댓글·알림·에러·빈 상태·온보딩·가격 플랜·FAQ 등 19종.

📊

JSON 더미 데이터

회원·상품·주문·리뷰·게시글·거래·댓글·이벤트·주소·할일 10종 × JSON/JSONL/CSV/YAML/Markdown/HTML/JSX/TS 8개 포맷.

🃏

카드 UI 목업

상품·아티클·프로필 3가지 스타일로 실제 카드를 시각적으로 렌더링. 그대로 스크린샷 가능.

✍️

UX 라이팅

로그인 실패·결제 실패·삭제 확인·빈 상태 등 5가지 시나리오를 톤별로 자동 작성. 제목·본문·버튼 카피 한 세트.

📏

길이 테스트

5단계 길이 샘플 + truncate 1·2·3줄 비교 + 띄어쓰기 없는 한글, URL, 이모지 등 오버플로 케이스 박스.

9가지 톤이 만드는 차이

같은 "시작하기" 문구도 톤에 따라 분위기가 완전히 달라집니다. 디자인 시안의 무드보드를 정한 뒤, 이에 맞는 톤을 선택해 일관된 더미 콘텐츠를 채우면 시안의 설득력이 올라갑니다.

기본

시작하기

친근체

지금 시작해요!

전문가

프로젝트 시작

커머스

바로 구매

SaaS

무료로 시작하기

금융

포트폴리오 보기

헬스

오늘의 운동 시작

교육

수업 시작

게임

전투 시작!

JSON 더미 데이터 8가지 출력 형식

"회원 정보 50명"을 만든다고 할 때, 어디에 붙여넣을지에 따라 필요한 형식이 다릅니다. 본 도구는 한 번 생성한 데이터를 8가지 포맷 중 어느 것으로든 즉시 변환합니다.

  • JSON — REST API mock, fixture 파일, 서버 응답 예시
  • JSON Lines (JSONL) — 로그 파이프라인, 스트리밍 처리, BigQuery 적재
  • CSV — Excel·Numbers·Sheets 붙여넣기, DB import
  • YAML — 설정 파일, k8s manifest 더미값, GitHub Actions matrix
  • Markdown 표 — README, Notion 페이지, GitHub 이슈/PR 본문
  • HTML 표 — 정적 시안 페이지, 디자인 검토용 표 미리보기
  • JSX 배열 — React/Next.js 컴포넌트에 바로 붙여넣는 const 배열
  • TypeScript interface — 타입 정의 + const data 한 세트로 즉시 사용

길이 테스트 탭이 잡아내는 버그

카드·리스트·테이블 컴포넌트의 80%는 실제 데이터가 들어오면 깨집니다. 디자인 단계에서 적당한 길이의 더미 텍스트로 채우면 이상해 보이지 않지만, 실제로는 다양한 길이의 한국어 텍스트가 들어오기 때문입니다.

제목이 모바일에서 3줄 이상

truncate 2줄로 처리할지 줄높이 기반 height 고정인지 결정해야 함

URL/긴 영문이 컨테이너를 뚫음

word-break: break-word 또는 overflow-wrap: anywhere 적용

띄어쓰기 없는 한글

한국어 사용자가 종종 입력하는 패턴 — 줄바꿈 안 되는 이슈

이모지 + 한글 혼용

폰트 fallback이 일관된지, 줄높이가 흔들리지 않는지

UX 라이팅: 톤이 사용자 경험을 만든다

"삭제하시겠습니까?"라는 같은 질문도 — 친근체로 작성하면 부드럽지만 안전감이 약하고, 전문가 톤으로 작성하면 무겁지만 신뢰가 갑니다. 본 도구의 UX 라이팅 탭은 동일한 시나리오를 9가지 톤으로 즉시 비교할 수 있어, 제품의 분위기에 맞는 카피를 선택하는 데 도움이 됩니다.

특히 로그인 실패·결제 실패·삭제 확인 같은 부정적 상황에서의 카피는 사용자 인상을 결정합니다. 톤을 바꿔보며 가장 적절한 표현을 찾아보세요.

저작권·사용 권한

본 도구가 생성하는 모든 텍스트와 데이터는 무작위로 조합된 가상 정보이며, 저작권이 발생하지 않습니다. 개인 프로젝트, 상업 프로젝트, 클라이언트 시안 어디에든 자유롭게 사용 가능합니다. 단, 이름·이메일·전화번호 등은 가상 데이터이므로 실제 인물을 가리키지 않습니다.

활용 팁 5가지

1.디자인 시스템 검수 시 — 길이 테스트 탭의 truncate 비교를 그대로 스크린샷해 가이드 문서에 첨부
2.시안 발표 — 카드 UI 목업 탭에서 실제 톤에 맞춰 카드 6~9개 생성 후 시안에 그대로 사용
3.API mock — JSON 데이터 탭으로 50개 레코드를 만들고 MSW·json-server에 그대로 투입
4.UX 라이팅 회의 — 동일 시나리오를 톤별로 비교해 PM·디자이너·라이터가 함께 결정
5.a11y 검증 — 길이 테스트 탭의 오버플로 케이스로 스크린리더가 끊김 없이 읽는지 확인

자주 묻는 질문 (FAQ)

Q1. 기존 /tools/art/lorem URL을 그대로 사용해도 되나요?

네. 기존 URL은 그대로 유지되며, 기능만 대폭 확장되었습니다. 외부 링크나 검색 결과에서 들어오시면 새 6탭 인터페이스를 바로 사용할 수 있습니다.

Q2. 왜 단순 Lorem Ipsum이 아니라 한국어 더미가 필요한가요?

한국어는 영문보다 글자 폭이 넓고 자간·줄바꿈 규칙이 다릅니다. Lorem Ipsum으로 보기 좋게 짠 카드도 한국어가 들어가면 깨지는 경우가 많습니다. 본 도구는 한국어의 실제 자간을 반영한 더미를 제공해 시안과 실제 사이의 격차를 줄입니다.

Q3. JSON 데이터의 이름·이메일·전화번호는 실제 정보인가요?

아닙니다. 모두 사전에 정의된 가상 풀에서 무작위로 조합한 데이터입니다. 실제 인물·서비스와는 무관하며, 개인정보 이슈 없이 자유롭게 사용 가능합니다.

Q4. 같은 결과를 다시 만들 수는 없나요? (시드 고정)

현재는 매 클릭마다 새 무작위 데이터가 생성됩니다. 시안에서 특정 데이터가 마음에 들면 즉시 복사해 두시는 것을 권장합니다. 시드 기반 재현 기능은 추후 추가를 검토 중입니다.

Q5. 한 번에 얼마나 많은 데이터를 생성할 수 있나요?

문단 1~20개, UI 요소 1~30개, JSON 1~50개, 카드 2~12개까지 슬라이더로 조정할 수 있습니다. 더 많은 양이 필요하면 여러 번 생성해 결과를 합쳐 사용하세요.

관련 도구

🔡

글자수 세기

공백 포함·제외 실시간 카운트

📋

JSON 포맷터

JSON 정렬·압축·유효성 검사

🔐

Base64 인코더/디코더

텍스트 ↔ Base64 즉시 변환

🎨

색상 코드 변환기

HEX·RGB·HSL 즉시 변환

🎨

CSS 단위 변환기

px·rem·clamp() 변환

🔢

진법 변환기

2·8·10·16진 + 비트 시각화