코드 포매터·압축
HTML, CSS, JavaScript, TypeScript, SQL을 정리하거나 압축합니다
- 파일이 기기 밖으로 나가지 않습니다
- 브라우저에서 실행
- 무료, 가입 불필요, 워터마크 없음
Ctrl/⌘ + S로 결과 다운로드
포맷 옵션
언어가 허용하는 곳에서 이 너비를 넘는 줄을 줄바꿈합니다.
코드 포매터·압축 사용 방법
HTML, CSS/SCSS/Less, JS/TS, JSON, Markdown, YAML, SQL을 브라우저에서 정리하거나 압축합니다. 언어를 자동 감지하고 입력하는 대로 결과가 바뀝니다.
- 1
코드를 '입력' 칸에 붙여 넣거나 파일을 끌어다 놓거나, '예제'에서 언어를 고릅니다.
- 2
'포맷'이나 '압축'을 고릅니다. 언어 메뉴에 감지 결과가 나오며, 틀렸다면 직접 고를 수 있습니다.
- 3
'포맷 옵션'에서 들여쓰기, 줄 너비, 따옴표, SQL 방언 등을, '압축 옵션'에서 '변수 이름 줄이기' 등을 조정합니다.
- 4
출력을 복사하거나 다운로드 버튼을 누릅니다. Ctrl/⌘ + S로도 내려받을 수 있습니다.
자주 묻는 질문
코드가 서버로 전송되나요?
아니요. 포매터와 압축기(Prettier, sql-formatter, Terser, CSSO)가 페이지에 로드되어 기기에서 실행되므로 코드는 브라우저 밖으로 나가지 않습니다.
어떤 SQL 방언을 지원하나요?
표준 SQL, MySQL, MariaDB, PostgreSQL, SQLite, SQL Server (T-SQL), Oracle PL/SQL, BigQuery, Snowflake, Redshift, Spark SQL, Hive, Trino/Presto, DuckDB, ClickHouse, IBM Db2입니다. 키워드 대소문자는 UPPER, lower, '그대로' 중에서 고를 수 있습니다.
TypeScript와 Markdown은 왜 압축할 수 없나요?
TypeScript는 압축하기 전에 JavaScript로 컴파일해야 하고, Markdown은 압축할 것이 없기 때문입니다. 이 두 언어는 대신 포맷됩니다.
JavaScript를 압축하면 변수 이름이 바뀌나요?
'변수 이름 줄이기'를 켰을 때만 바뀌며, 지역 변수와 함수만 이름이 바뀌고 전역 이름은 그대로입니다. '라이선스 주석 유지'를 켜면 /*! 나 @license가 있는 주석이 남습니다.
문법 오류는 어디에 표시되나요?
편집기 아래에 표시되며, 파서가 위치를 알려 주면 줄과 열도 함께 나옵니다. 입력 칸의 해당 줄도 강조됩니다.
설정이 저장되나요?
네. 모드, 언어, 옵션은 이 브라우저의 로컬 저장소에 저장됩니다. 코드 자체는 저장되지 않습니다.