인터넷 사이트 추천 RSS 주소 모음

html/css 코드,코딩 깔끔하게 정리하는 방법(웹이용)

html/css 작업을 하다보면 지저분하게 되있거나 보기 어렵게 되있는 경우가 종종 있습니다. 귀찮다고 그냥 두면 나중에 보기 어려워 소스찾기가 매우 곤란해집니다.
수작업으로 하기는 시간이 오래걸리고 어렵습니다. 이러문제를 해결해주는 웹사이트가 있어 소개합니다.
간단하게 소스를 복사 /붙여넣기 하면 소스를 압축하거나 정리할수 있습니다.

 

추천글

2012/04/18 - 컬투쇼 베스트 사연 모음-나니까닥쳐 사연(짧고 강한사연 )
2012/06/02 - 컬투쇼 베스트 사연모음 - 내친구 광년이(대박사연)
2012/06/03 - 키보드 인터넷 한글이 안써져요. 해결방법
2012/08/01 - 국민연금 수령액 계산법 및 조회방법 

http://prettydiff.com 라는  사이트로 자신이 원하는 소스를 비교하거나 압축,정리해주는 아주 유용한 사이트입니다.

1.사이트 접속 초기화면 입니다.
좌측의 FUNCTION 부분만 설정해도 쉽게 사용할 수 있습니다. 
Compare code : 소스비교 
Beautify code : 소스정리
Minify code : 소스압축

2.우리는 소스정리를 해야하므로 2번째 Beautify Code를 선택하고  좌측칸에 소스를 붙여넣기 해줍니다.
그리고 하단의 excute를 클릭해줍니다.

(참고로 소스압축(Minify Code)의 경우 소스가 유실되는 버그가 있어 사용시 주의를 요합니다.)

3. 실행이 완료되면 우측에 깔끔하게 정리된 코드가 보입니다.
이를 복사해서 사용하시면 됩니다^^

이상으로 마치겠습니다.

관련글
 
2012/06/03 - 키보드 인터넷 한글이 안써져요. 해결방법
2012/06/04 - 인터넷 익스플로러 아이콘 만들기/인터넷 아이콘
2012/07/04 - 수강신청 서버시간 확인하기 및 프로그램 이용방법
2012/04/08 - 컬투쇼 베스트 사연모음 - 사타구니,두발제한사연(15금사연)
2012/04/08 - 윈도우7 단축키 설명 및 모음 정리(+윈xp단축키)
2012/04/08 - 하드디스크 배드섹터 검사및치료방법 (로우레벨포멧)