CSS 정리기

이 도구에 대해

보세요, 저도 알고 있어요. CSS는 금방 지저분해질 수 있어요. 깔끔한 스타일을 작성하다가도 다음 순간엔 마치 카페인을 마신 다람쥐가 입력한 듯한 압축된 코드 벽을 응시하게 되죠. 바로 이럴 때 CSS 정리 도구가 유용해져요. 마법은 아니지만, 거의 그에 가까워요. 이 도구는 엉망으로 뒤섞인, 압축된, 아니면 그냥 보기 흉한 CSS를 읽기 쉬운 형태로 바꿔줍니다. 불필요한 요소 없이, 광고도 없이—당신이 소리를 지르고 싶게 만들지 않는 깔끔하고 정리된 코드만 제공해요. 저는 레거시 프로젝트나 서드파티 라이브러리에서 코드를 가져올 때마다 매번 수동으로 포맷을 고치는 데 지쳐서 이 도구를 만들었어요. 간단하고 빠르며, 이메일을 요구하거나 뭔가를 팔려고 하지 않아요. 그냥 붙여넣고, 정리하고, 복사하면 끝이에요.

주요 기능

• 즉시 포맷팅 – CSS를 붙여넣고 버튼을 클릭하면, 초 단위로 깔끔한 코드가 완성됩니다.
• 기능 보존 – 스타일의 작동 방식은 바꾸지 않고 보기만 좋게 만들어요. 레이아웃은 깨지지 않습니다.
• 압축된 코드 처리 – CDN에서 가져온 한 줄짜리 CSS 파일이라도 문제 없어요. 모든 것을 제대로 펼쳐줍니다.
• 들여쓰기 커스터마이징 – 2칸, 4칸 공백 또는 탭 중 선택할 수 있어요. 모두 각자의 취향이 있으니까요.
• 데이터 저장 없음 – 모든 작업은 브라우저에서 이루어져요. 코드는 절대 당신의 기기를 떠나지 않습니다.
• 오프라인에서도 작동 – 한 번 로드되면 인터넷 없이도 사용할 수 있어요. 비행기나 터널에 있을 때 유용하죠.

자주 묻는 질문

이 도구가 깨진 CSS를 고쳐줄까요?
아니요. 입력된 내용을 다시 포맷팅할 뿐이에요. 선택자가 잘못되었거나 속성이 유효하지 않다면 이를 수정하지 않습니다. 디버거가 아니라 포맷터라고 생각하세요.

대용량 파일에도 사용할 수 있나요?
네, 몇 메가바이트 크기의 파일도 문제 없이 처리해요. 다만 전체 Bootstrap 라이브러리를 붙여넣고 즉시 처리되길 기대하진 마세요. 빠르긴 하지만 *그렇게까지* 빠르진 않아요.