[Java Project] CSS 정리하기 CSSSingleLiner
- 프로그램명 : CSSSingleLiner.exe
- 제작기간 : '25. 5. 6.(1일)
- 제작자 : REDUCTO
- 사용언어 : JAVA
- 사용라이브러리 : Swing
* Gemini를 사용하여 만들어진 Program입니다.
- 버전 : v1.0
소개
개인 프로젝트로 타로를 보고 연습하는 웹페이지를 만들다 보니 CSS 코드가 점점 길어져 한눈에 파악하기 어려워지는 경험을 했습니다. 특히 각 스타일 규칙이 여러 줄에 걸쳐 작성되다 보면 파일의 전체 길이가 늘어나 스크롤이 많아지고, 원하는 규칙을 찾거나 코드 구조를 이해하는 데 시간이 더 걸리곤 합니다.
이 프로그램, CSSSingleLiner는 이러한 불편함을 해소하기 위해 만들어졌습니다(그런 당신을 위해! 준비했습니다!). CSS 파일 내의 각 규칙 블록(선택자 { 속성: 값; })을 간결하게 한 줄로 압축해주고, 동시에 문법에 맞춰 코드 색상을 입혀줍니다. 반응형 쿼리(?)인 @media 규칙 내부에 포함된 스타일 규칙에도 동일한 압축 및 서식이 적용되어, 복잡하고 긴 CSS 파일도 관리할 수 있습니다.
* 무단배포는 금지합니다.(댓글달아주세용)
* 기능에 커스터마이징이 필요하시다면 댓글달아주세용
* JRE 1.8.0 이상을 요구합니다.
사용법
프로그램은 한 개의 화면으로 구성되어있습니다(와! 유사 SPA)
화면 좌측의 회색 패널 영역에 정리하고 싶은 하나의 CSS 파일을 마우스로 끌어다 놓습니다 (Drag and Drop). 파일을 놓는 즉시 CSS 내용이 처리되어, 우측 텍스트 영역에 결과가 나타납니다. 각 CSS 규칙은 한 줄로 정리되어 있으며, 선택자, 속성, 값 등이 문법에 따라 다른 색상으로 표시됩니다. 내용이 창의 너비보다 길 경우, 가로 스크롤바가 나타나 편리하게 내용을 확인할 수 있습니다.
좌측 패널 상단에 있는 '주석 제거' 체크박스를 클릭하여 체크하면, CSS 코드 내의 모든 주석 (/* 주석 내용 */)이 제거된 결과가 실시간으로 우측 영역에 반영됩니다. 체크를 해제하면 주석이 다시 포함되어 표시됩니다. 코드 내에 3줄 이상 연속되는 빈 줄이 있을 경우, 보기 좋게 2줄의 빈 줄로 자동으로 줄여서 표시해 줍니다.
