notepad++(노트패드)를 이용한 html 소스코드 주석 쉽게 입히기

notepad++(노트패드)를 이용한 html 소스코드 주석 쉽게 입히기

사용환경 : LG노트북, 윈도우10, 노트패드 7.6.4 version

---

안녕하세요.

요즘 시간이 조금씩 남아서, 주말마다 코딩 연습을 하고 있습니다.

그래서 최근에는 html, javascript 등을 작성할때마다 노트패드를 이용하고 있습니다. 생각보다 편리하면서 간편한 UI에 심플한 방식이 너무나 마음에 들었습니다.

또, 제가 최근에 사용하면서 알게된 방법입니다만, 주석을 아주 쉽게 달수 있었습니다. 뭐 물론 아는분들은 다 아시겠지만, 모르는 분들을 위해서 알려드리고 싶었습니다. ㅎㅎ

우리가 보통 메모하고싶은 내용을 말하거나 코드 사이에 설명을 작성하기위해서는 주석을 첨부하는일이 많습니다. 

그래서 html 주석은 <!-- --> 로 되어있습니다. 또, /* ~ */ 등과 같이 장문으로 주석처리를 할수 있습니다.

javascript 같은경우에는 html주석보다는 쉬운편입니다. // 를 앞에 붙이면 됩니다. 

이처럼 간편하게 주석을 달수 있어도, 그 양이 많아지면 참 번거롭기도 합니다. 그리고 매번 지울때도 힘들구요, 그럴때 notepad++는 아주 쉽게 주석을 컨트롤 할 수 있습니다.

notepad++는 GPL 라이센스를 적용하고, 용량도 작고 간편한 프로그램 입니다.

먼저 위처럼 주석이 없는 html 예제 파일을 불러 왔습니다.

이제 주석을 달아보겠습니다.

주석을 달고싶은 코드부분을 드래그로 선택을 합니다.

그리고 우클릭을 통해서 '주석 달기/제거' 메뉴를 통해서 주석을 달수 있습니다.

여기서 주석달기는 단축키를 사용할수 있습니다.

ctrl+Q 키를 이용해서 주석 달기/제거 를 토글 할수 있습니다.

이렇게 드래그했던 html 코드 부분을 주석처리할수 있습니다.

javascript 코드도 마찬가지로 원하는 부분을 드래그 해서 선택을 한후 주석 처리를 할수 있습니다.

이처럼 주석처리를 하게되면 자동으로 코드 앞 부분에 주석코드가 삽입됩니다.

정말 편리합니다.

또, 이처럼 원하는 부분에 주석처리된 코드가 있다면 반대로 리버스 주석이 되어서, 주석이 안된부분은 주석 처리가 되고 주석된곳은 주석이 제거 됩니다.

위처럼 중간에 주석처리가 된곳이 있다면 이렇게 반전 주석이 됩니다.

만약 주석을 반전하지 않고 모두다 달고 싶다면 원하는 부분을 드래그 해서 ctrl+K 를 눌러서 '주석 달기' 를 해주시면 된답니다. 그럼 주석이 중복되어 처리됩니다.

주석 달기 어렵지 않죠?ㅎㅎ