CodePrettify: JS, JSON, CSS & RSS 포맷터

CodePrettify는 개발자가 사용하는 원본 파일을 열자마자 IDE와 유사한 환경으로 변환합니다 — 포맷팅, 탐색, 유효성 검사, diff 비교, 그리고 브라우저에서 직접 JavaScript 실행까지 지원합니다. JSON, JSON Lines(NDJSON), JavaScript, TypeScript, CSS, YAML, XML, RSS/Atom을 지원하며, 웹 응답과 로컬 파일 모두에서 작동합니다.

📊 구조화된 데이터 지원
• JSON, JSON Lines, XML, RSS, Atom, YAML(.yaml / .yml), TypeScript(.ts / .mts / .cts)
• 접을 수 있는 JSON, 브레드크럼 탐색, JSON Path 도구(자동완성, 검증, 결과별 복사)
• JSON 및 XML 내 클릭 가능한 URL 및 import 경로
• 테이블 보기: JSON 객체 배열 및 반복 XML 요소를 정렬 및 검색 가능한 테이블로 표시 (대용량 데이터는 분할 로딩 지원)

🚀 스마트 자동화 및 포맷팅
• 압축(minify) 여부를 감지하여 자동 포맷팅 (압축된 파일은 읽기 쉽게 변환, 이미 정리된 파일은 유지)
• VS Code 스타일 구문 강조를 지원하는 최신 CodeMirror 6 엔진
• 함수, 클래스, 객체, 배열, XML 블록 코드 접기 기능
• 괄호 매칭 및 원본 내용 깜빡임을 방지하는 부드러운 로딩

🧪 JAVASCRIPT PLAYGROUND
• 샌드박스 Web Worker에서 실제 JavaScript 실행 (1 / 5 / 15초 타임아웃 설정 가능)
• console.log/info/warn/error/debug 캡처 및 console.table을 HTML 테이블로 표시
• 반환값, 실행 시간, 전체 스택 트레이스 표시
• “Include {filename}” 옵션으로 현재 파일을 포함하여 top-level 함수 호출 가능
• Playground 및 현재 파일의 함수, 메서드, 클래스, 변수 자동완성 (파라미터 시그니처 포함)
• top-level await 지원, Tab / Shift+Tab 들여쓰기 조정, 코드 자동 저장
• Ctrl+Alt+P 열기, Ctrl+Enter 실행, Ctrl+Space 자동완성

🧭 탐색 및 대용량 파일 지원
• JSON, JavaScript, XML 문서 탐색기
• 구문 인식 minimap (offscreen canvas 렌더링)
• URL별 상태 저장: 접기, 검색, 하이라이트 및 모드 자동 복원
• 공유 가능한 설정 URL로 동일한 뷰 재현
• 줄 이동(Ctrl+G) 시 마지막 위치 기억

🔍 인사이트 및 유효성 검사
• 구문 상태, 경고 및 파일 유형별 정보를 제공하는 진단 패널
• 파일 크기, 줄 수, JSON 깊이, JS 함수/변수, CSS 선택자, XML 태그/속성 통계
• JSON, JavaScript, TypeScript, CSS(행/열), XML에 대한 내장 유효성 검사

🧬 비교 및 DIFF
• 전체 화면 분할 diff 보기(Ctrl+Alt+D) — 줄 단위 비교, 동기 스크롤, 통계, 좌우 교체

🔐 데이터 분석
• Base64 및 JWT 인라인 디코딩 (전용 복사 모달 포함)
• Unix 타임스탬프(초/밀리초) 자동 감지 및 읽기 쉬운 툴팁
• JSON, XML, RSS 내 ISO 8601 및 RFC 822 날짜 툴팁

🔎 검색 및 상호작용
• 플로팅 검색(Ctrl+F) 및 실시간 결과 수 표시
• /pattern/flags 형식의 정규식 검색
• 클릭 가능한 URL 및 상대 import 경로

🔎 REGEX PLAYGROUND
• 열린 파일 또는 응답에 대해 정규식 실시간 테스트
• gimsuy 플래그 제어와 함께 즉시 매치 하이라이트
• 매치 수, 위치(행/열), 클릭 이동 지원 리스트
• 캡처 그룹 및 이름 있는 그룹 표시
• 내장 가이드 및 예제 라이브러리
• 최근 패턴 저장, Ctrl+Alt+R로 즉시 실행

📤 내보내기 및 공유
• PNG 내보내기(보이는 영역 또는 전체 파일)
• JSON 배열 및 RSS/Atom용 CSV 내보내기
• HTML 테이블 내보내기
• 원본/포맷/압축 코드 원클릭 복사

🌐 요청 컨텍스트
• HTTP 컨텍스트 패널: URL, Content-Type, 인코딩, 크기, 타이밍
• cURL 및 fetch() 명령 생성기 (크로스 플랫폼 지원)

🎨 CSS 도구
• HEX 및 RGB 표시, 내장 색상 선택기 (HEX, RGB, HSL 복사)

🔒 개인정보 보호 및 보안
• 100% 로컬 처리 — 외부 요청, 텔레메트리, 서드파티 의존성 없음
• Playground는 페이지, 확장 프로그램, 네트워크에 접근할 수 없는 샌드박스 환경에서 실행
• API, 토큰 및 내부 시스템에 안전

📂 어디서나 작동
• HTTP/HTTPS 응답 및 로컬 파일(file:///) 지원
• Content-Type 기반 자동 감지

⚙️ 사용자 정의 가능
• Light / Dark / Auto(시스템) 테마
• 글꼴 크기, 들여쓰기, 줄 번호, 줄 바꿈, minimap
• 설정은 브라우저 저장소를 통해 장치 간 동기화

⌨️ 키보드 단축키
• Ctrl+B — Raw / Pretty
• Ctrl+Alt+C — Copy
• Ctrl+F — Search
• Ctrl+G — Go to Line
• Ctrl+Alt+T — Toggle toolbar
• Ctrl+Alt+D — Diff tool
• Ctrl+Alt+P — JavaScript Playground
• Ctrl+Alt+R — RegEx Playground

📝 로컬 파일
file:///에서 사용하려면 브라우저 확장 설정에서 “파일 URL 접근 허용”을 활성화하세요

14개 언어 지원: 영어, 노르웨이어, 스웨덴어, 덴마크어, 독일어, 스페인어, 프랑스어, 이탈리아어, 일본어, 한국어, 포르투갈어, 러시아어, 베트남어, 중국어(간체)