언제 사용하나요?
짧은 코드 조각을 읽기 쉽게 만들거나 압축된 소스의 구조를 빠르게 확인할 때 유용합니다.
BROWSER UTILITY
코드 포매터·압축
여러 코드 형식을 정리하고 JavaScript·JSON을 브라우저에서 압축해요
✓내 기기에서 처리입력·파일 자동 업로드 없음◇영구 저장 없음민감한 원문을 기록하지 않음↯PWA 확인 중방문·준비한 도구 자원 재사용
도구를 준비하고 있습니다…
✓브라우저 안에서 안전하게 입력한 데이터와 파일은 서버로 전송하거나 저장하지 않고 현재 브라우저에서만 처리합니다.
FRIENDLY GUIDE
코드 포매터·압축, 이렇게 사용해 보세요
여러 코드 형식을 정리하고 JavaScript·JSON을 브라우저에서 압축해요 처음 사용하는 분도 아래 순서대로 진행하면 쉽게 결과를 만들 수 있어요.어떻게 사용하나요?
- 1예시 또는 실제 작업 데이터를 입력하고 필요한 형식과 조건을 선택하세요.
- 2결과가 바뀌는 것을 확인하며 JavaScript·TypeScript·JSON·CSS·SCSS·HTML·Markdown·YAML을 Prettier로 정리합니다. 탭·줄 너비, 따옴표, 세미콜론을 조절하며 JavaScript는 Terser, JSON은 내장 파서로 압축할 수 있습니다.
- 3결과를 검토한 뒤 복사하거나 다운로드해 코드와 문서에 사용하세요.
주요 기능과 옵션
- 여러 코드 형식을 정리하고 JavaScript·JSON을 브라우저에서 압축해요
- JavaScript·TypeScript·JSON·CSS·SCSS·HTML·Markdown·YAML을 Prettier로 정리합니다. 탭·줄 너비, 따옴표, 세미콜론을 조절하며 JavaScript는 Terser, JSON은 내장 파서로 압축할 수 있습니다.
- 입력값은 네트워크로 보내지 않고 현재 브라우저에서만 계산합니다.
GLOSSARY
알아두면 좋은 용어
- Formatter
- 코드 의미를 유지하며 공백·줄바꿈·표기 스타일을 정리하는 도구
- Parser
- 코드 문법을 구조로 해석하는 프로그램
- Indentation
- 중첩 구조를 나타내는 앞쪽 공백
- AST
- 파싱된 코드 구조를 트리로 표현한 값
TIP프로젝트에 Prettier·ESLint 설정이 있다면 온라인 결과보다 저장소의 고정 버전과 설정을 우선 사용하세요.
LIMIT코드는 브라우저에서만 파싱하고 실행하지 않습니다. AST 메모리 증폭을 막기 위해 5만 자로 제한하며, 포매팅은 타입 오류·취약점·동작 정확성을 검사하지 않습니다.