Tarayıcınız güncel değil

Bu siteyi görüntülemek için tarayıcınızın veya cihazınızın işletim sisteminin güncellenmesi gerekiyor.

Your browser is out of date. Please update iOS or your browser to view this site.

본문으로 건너뛰기
Gizke.com
블로그

코드 포매터 & 압축기

기기에서 실행되며 아무것도 전송되지 않습니다.

입력

결과

JavaScript, TypeScript, CSS, SCSS, HTML, Markdown, YAML, SQL을 브라우저에서 Prettier로 정리하고, JS와 CSS는 압축도 하세요. 코드는 업로드되지 않습니다.

압축되었거나 엉망인 코드를 읽기 좋게 정리하거나, 배포용으로 줄이세요. JavaScript, TypeScript, CSS, SCSS, HTML, Markdown, YAML, SQL을 붙여 넣으면 언어를 자동으로 감지합니다. 탭이나 공백 2칸·4칸을 고르고 '정리하기'를 누르세요. JavaScript와 CSS는 압축도 할 수 있고 줄어든 크기를 보여 줍니다. 정리에는 대부분의 에디터가 쓰는 Prettier를 사용하므로 팀의 도구와 같은 결과가 나오고, SQL은 고른 방언에 맞춰 sql-formatter가 정리합니다. 포매터는 버튼을 누를 때만 불러오며 코드는 브라우저 밖으로 나가지 않습니다.

자주 묻는 질문

코드가 업로드되나요?
아니요. Prettier, sql-formatter, Terser, CSSO가 모두 브라우저 안에서 동작하고 페이지는 아무것도 보내지 않습니다. 비공개 저장소, 설정 파일에 남은 키, SQL 속 고객 데이터에도 안심하고 쓸 수 있습니다.
왜 오류가 나나요?
포매터는 코드를 이해해야 다시 배치할 수 있어서, 괄호가 빠지거나 쉼표가 하나 더 있으면 멈춥니다. 메시지에 첫 번째 문제의 줄과 열이 표시됩니다. 언어 선택도 확인하세요. JSX는 JavaScript, 타입 표기는 TypeScript입니다.
정리하면 코드 동작이 바뀌나요?
아니요. 정리는 공백, 줄바꿈, 따옴표, 생략 가능한 세미콜론만 바꿉니다. 압축은 더 나아가 지역 변수 이름을 줄이고 주석과 쓰지 않는 코드를 지우지만 동작은 그대로입니다. 수정은 원본으로 하고 배포에는 압축본을 쓰세요.
어떤 SQL 방언을 골라야 하나요?
사용하는 데이터베이스에 맞추세요: PostgreSQL, MySQL, MariaDB, SQLite, SQL Server(Transact-SQL), Oracle(PL/SQL), BigQuery, Snowflake. 대부분의 쿼리는 표준 SQL로 충분하지만, MySQL의 백틱 이름이나 PostgreSQL의 $1 매개변수 같은 경우에는 방언이 중요합니다.

이 도구 공유하기

블로그소개문의이용약관개인정보처리방침