코드 정리/압축 도구
한 줄로 뭉개진 압축 코드를 예쁘게 정리하거나, 반대로 배포 전 용량을 최소화할 수 있어요. Prettier로 깔끔하게 포맷팅하고, Terser로 완벽하게 압축합니다. 브라우저에서 바로 처리되니까 민감한 코드도 걱정 없이 붙여넣으세요.
1이 도구는 언제 쓰나요?
💡압축된 라이브러리 코드 분석할 때
💡배포 전 파일 용량 줄일 때
💡팀 코드 스타일 맞출 때
💡오픈소스 min.js 파일 읽을 때
💡코드 리뷰 전 정리할 때
2주요 기능
- JS, CSS, HTML 세 가지 언어 지원
- 정리(Beautify)와 압축(Minify) 모드
- 들여쓰기 스타일 선택 가능 (2칸, 4칸, 탭)
- 용량 변화 실시간 비교
- 언어 자동 감지
- 결과물 파일로 다운로드
3사용 방법
- 위에서 언어(JS, CSS, HTML)를 선택하세요.
- 코드를 입력창에 붙여넣으세요.
- 정리할지 압축할지 고르세요.
- 들여쓰기 스타일도 취향대로 바꿀 수 있어요.
- 변환 버튼 누르면 바로 결과가 나와요.
자주 묻는 질문
Q. 코드가 서버로 전송되나요?
A. 아니요. 모든 처리가 브라우저 안에서 끝나요. 서버로 전송 안 되니까 민감한 코드도 안심하고 쓰세요.
Q. 정리랑 압축이 뭐가 다른가요?
A. 정리는 뭉개진 코드에 줄바꿈이랑 들여쓰기 넣어서 읽기 좋게 만드는 거예요. 압축은 반대로 공백 다 빼서 용량 줄이는 거고요. 개발할 땐 정리, 배포할 땐 압축 쓰면 돼요.
Q. 어떤 라이브러리 쓰나요?
A. 포맷팅엔 Prettier, JS 압축엔 Terser, CSS엔 csso, HTML엔 html-minifier-terser 써요.