시소당
css 정렬 도구
대부분 css 나 javascript 는 압축을 많이 합니다.하지만 압축된것을 다시 보기 좋게 정렬하는것은 흔치 않더군요.
그래서 이번에는 압축되거나 엉클어진 코드를 보기 좋게 정렬 시키는 도구를 소개합니다.
1 cssAlign
이전에도 한번 언급한 적이 있는데요. css 를 주석이 있거나, 없거나, 줄바꿈을 하거나 하는등의 옵션을 지정해서 코드를 정렬할 수 있습니다.
저도 자주 사용하곤 합니다.
홈페이지 => http://www.clearboth.org/util/cssAlign.html
2 CSS Beautify
이 사이트는 영어로 되어 잇지만 사용하는데는 무리가 없어 보입니다.
엉클어진 코드를 넣고 우측을 클릭하면 자동으로 코드를 정렬시킵니다.
코드를 넣어봤습니다. 자동으로 정렬하네요....
위 화면에서는 정렬이 되었는지 잘 모르니 에디터에 붙여넣기를 해보았습니다.
이전코드는 위의 코드가 바로 아래가 정렬이 된 코드 입니다.
홈페이지 => http://www.senchalabs.org/cssbeautify/
크롬에서는 확장 기능을 통해서 이용할 수 있습니다.
자바스크립트도 자매품이군요.
PrettyPrint =>https://chrome.google.com/webstore/detail/nipdlgebaanapcphbcidpmmmkcecpkhg