[Tool] 노트패드(Notepad++)로 난독화 된 HTML, JS 코드 가독성 좋게 정렬하기

난독화 되어 있는 JS 코드

 

오픈소스를 받아서 쓰다 보면 가끔 이렇게 정렬이 안된 상태로 난독화되어 있는 코드들을 볼 수 있습니다.

​

이걸 사람이 하나씩 정렬하는 건 말도 안 되고... 수정해야 할 부분을 찾긴 해야겠고...

​

이렇게 난감한 경우 사용할 수 있는 정렬 방법을 알려 드리겠습니다.

​

작성자는 Classic ASP를 개발하면서 Notepad++를 사용 중이므로 해당 툴 기준으로 작성했습니다.

 

※ VS code에서 정렬하는 방법은 추후에 따로 작성하겠습니다.

 

HTML 코드 정렬

 

1. 언어 - HTML

버전에 따라서 다르게 보일 수도 있습니다

2. 플러그인 - 플러그인 관리

3. XML Tools 설치

"XML" 검색

​

4. 플러그인 - XML Tools - Pretty print

Pretty Print 선택

 

5. 자동 정렬된 모습 (전,후 비교)

- 줄바꿈이 뒤죽박죽인 경우는 완전하게 정렬이 안될 수 있으니 잘 안되면 VS code를 사용하길 바랍니다.

 

정렬 전

정렬 후

 

JS (JavaScript) 코드 정렬

1. 언어 - JavaScript 선택

JS 언어 선택

2. 플러그인 - 플러그인 관리

플러그인 관리 선택

3. JSTool - 설치

"JS" 검색

4. 플러그인 - JSTool - JSFormat

JSFormat 선택

5. 정렬 결과 확인

JavaScrpt 코드는 비교적 잘 정렬됩니다.