Please Enable JavaScript!
Gon[ Enable JavaScript ]

반응형

트패드++(Notepad++) HTML 문서 자동 정렬을 위한 플러그인 사용 방법

 

환경: Notepad++

 

프로그래머는 모든 코드를 일일이 타이핑해서 작성하지 않습니다. 어느 정도 틀이 갖춰진 소스를 복사해 와서 수정합니다. 그것이 생산성을 높이고 효율적으로 일하는 방법이기 때문입니다. HTML 웹 페이지 소스가 대표적입니다. 간혹 이런 소스를 복사해서 붙여 넣었는데, 정렬이 안된 경우가 있습니다. 소스는 반드시 규칙대로 정렬되어 있어야 가독성이 높을 뿐만 아니라 이해하기가 쉽습니다. 그래서 모든 개발 툴에는 소스 정렬 기능이 있습니다. 이클립스를 사용해 보신 분들은 아실 겁니다. Source > Format 메뉴를 클릭해서 한번에 다양한 언어의 소스를 한번에 정렬할 수 있거든요. 이런 편리한 기능이 Notepad++ 에도 있습니다.

 

▼ 소스 정렬 기능은 기본으로 들어가 있지 않습니다. 플러그인을 통해서 추가해야 합니다. 상단 메뉴 플러그인 > 플러그인 관리 메뉴를 선택합니다.

노트패드++(Notepad++) HTML 문서 자동 정렬을 위한 플러그인 사용 방법

 

플러그인 목록에서 XML Tools 를 선택하고 설치합니다

노트패드++(Notepad++) HTML 문서 자동 정렬을 위한 플러그인 사용 방법

 

설치된 플러그인은 플러그인 서브 메뉴 목록에서 볼 수 있습니다. XML Tools 에서 정렬 메뉴는 Pretty Print 입니다

노트패드++(Notepad++) HTML 문서 자동 정렬을 위한 플러그인 사용 방법

 

주로 두 가지 옵션을 사용합니다. Pretty print(XML only), Pretty print(XML Only – with line breaks) XML 태그를 기준으로 정렬합니다. 두 옵션의 차이는 무엇일까요? Pretty print(XML Only – with line breaks) 은 새로운 시작 태그가 나타나면 무조건 줄바꿈을 합니다. 그림을 보면 좀 더 이해가 쉬울 겁니다.

 

원본 

노트패드++(Notepad++) HTML 문서 자동 정렬을 위한 플러그인 사용 방법

 

Pretty print(XML only)

노트패드++(Notepad++) HTML 문서 자동 정렬을 위한 플러그인 사용 방법

 

Pretty print(XML Only – with line breaks)

노트패드++(Notepad++) HTML 문서 자동 정렬을 위한 플러그인 사용 방법

반응형
Posted by 녹두장군

댓글을 달아 주세요