Please Enable JavaScript!
Gon[ Enable JavaScript ]

반응형

에디터플러스(Editplus) 데이터를 편하게 보기 위한 줄바꿈 처리 방법

 

환경: Editplus

 

편집창에 있는 소스에서 특정 문자를 기준으로 줄바꿈을 하고 싶을 때 일일이 Enter를 누르시나요? 에디터플러스의 바꾸기 기능을 이용하시면 간단하게 줄바꿈을 할 수 있습니다. 줄바꿈을 하는 이유는 데이터를 좀더 쉽게 구분하기 위해서입니다. 예를 들어 웹 프로그램에서 get 방식 URL 파라미터는 & 단위로 구분이 되는데, 이것을 키=값 으로 구분해서 보고 싶을 때 사용합니다. 또한 CSS 데이터처럼 일렬로 붙어 있는 경우 줄바꿈해서 보면 좀더 데이터를 파악하기 쉽습니다.

 

아래 그림은 일렬로 배치된 CSS 소스 입니다. 구분자는 “;” 입니다. 이것을 기준으로 줄바꿈을 적용해 한 줄씩 정렬해 보겠습니다.

에디터플러스(Editplus) 데이터를 편하게 보기 위한 줄바꿈 처리 방법

 

줄바꿈을 위해서 상단 메뉴 [검색] > [바꾸기]를 클릭합니다. 단축키는 Ctrl + H 입니다. 그럼 [바꾸기] 대화상자가 뜹니다

에디터플러스(Editplus) 데이터를 편하게 보기 위한 줄바꿈 처리 방법

 

바꾸기 대화상자에서 [바꿀 말]“;\n” 를 입력합니다. “’\n” 은 흔히 개행문자/줄바꿈문자라고 합니다. 여기서의 핵심은 바꾸기 창에서 [정규식] 옵션을 체크하는 것입니다. 일반적인 바꾸기로는 Enter 를 나타내는 “\n” 특수 기호가 먹히지 안는다는 것입니다

에디터플러스(Editplus) 데이터를 편하게 보기 위한 줄바꿈 처리 방법

 

개행문자(\n) 입력으로 한 줄이던 CSS 소스는 좀더 쉽게 구분할 수 있도록 속성별로 여러 줄이 되었습니다. 좀더 가독성을 높이기 위해 들어쓰기를 해 보겠습니다. 모두 선택하고 Tab 키를 클릭합니다

에디터플러스(Editplus) 데이터를 편하게 보기 위한 줄바꿈 처리 방법

 

그림처럼 #winwidth 아이디에 추가된 속성들을 여러 줄로 표현한 결과 한 눈에 어떤 것들이 적용되었는지 눈에 잘 들어옵니다. 이상으로 에디터플러스에서 한번에 줄바꿈 처리를 할 수 있는 방법에 대해 알아 보았습니다

에디터플러스(Editplus) 데이터를 편하게 보기 위한 줄바꿈 처리 방법

반응형
Posted by 녹두장군1
,