사용 방법

붙여넣기, 실행, 확인, 복사 — 네 단계. 모든 작업은 브라우저에서 이뤄집니다.

CSS, HTML, JSON 등을 편집기에 넣으세요. 업로드되지 않습니다.

변환 또는 실행을 누르세요. 결과가 바로 나타납니다.

생성된 코드와 노트를 사용 전에 확인하세요.

결과를 복사해 프로젝트에 붙여넣으세요.

이 도구 소개

JSON에 들여쓰기를 넣어 diff와 설정 검토를 읽기 쉽게 만듭니다. 형식이 잘못된 입력은 파싱 오류로 표시되므로 데이터가 조용히 깨질 일은 없습니다.

기본 예시는 한 줄로 압축된 테마 설정입니다.

입력

{"theme":"dark","spacing":[4,8,16],"flags":{"beta":true}}

출력

{
  "theme": "dark",
  "spacing": [4, 8, 16],
  "flags": {
    "beta": true
  }
}

운영 설정 검증은 CI에 두고, 이 페이지는 로컬 보조 도구로만 쓰는 편이 안전합니다.