본문 바로가기
IT_Developers/개발기타

사이트 - 개발소스 라인 정렬 하기 / HTML / JS

by 고코더 2017. 12. 16.

개발코드 정렬 하기 


얼마전 소스 리뷰를 보는데 MIN으로 압축된 JS 파일을 유지보수 하는
분을 보았습니다. 한줄로 된 그 코드를 분석하는 개발력에 놀라웠지만 
생산적인 면에서는 소스를  정렬하고 유지보수 하는게 좋아 보이더군요

소스를 정렬 하는 방법은 상당히 많습니다.



첫번째로 해당 기능을 제공하는 사이트에서 정렬 하는 방법이 있고
두번째로 IDE 기능을 통해 하는게 사실 가장 좋고
세번째는 손으로 직접 정렬 하는 방법이 있을 것입니다.

그래서 오늘은 
첫번째 방법을 알아보겠습니다. 
바로 http://jsbeautifier.org/ 사이트를 활용 하는 방법 입니다. 


▼ 접속하면 아래와 같이 바로 기능 페이지가 나옵니다. 기능에 충실하네요


▼이번에는 정렬해볼 소스를 구해봅시다.
http://code.jquery.com/jquery.min.js 을 크롬으로 열어보면
아래처럼 압축 암호와 된 script가 보입니다. 이걸 클립보드에 복사 해보시고~


▼ 아래 처럼 기능을 실행시켜보면 정렬 된 min jquery를 보실 수 있습니다. 






마무리


개발 후에 특정 정렬 프로그램을 이용해 마무리 하는걸 약속하면 
일괄된 소스를 볼 수 있습니다^^


댓글