HTML 주석 처리: 코드에 숨겨진 메시지를 알려주는 <!-- --> 태그

주석 처리 TAG란?

HTML 주석처리는 개발자가 코드에 메모나 설명을 추가하는 기능입니다. 실행되지는 않지만 코멘트를 달아둘 수 있는 유용한 기능입니다.

 

사용법

<!-- TEXT  -->

• <!-- --> 태그는 단독 태그입니다
• 코멘트는 <!-- 와 --> 사이에 입력합니다
• [TIP] VS CODE와 같은 개발도구 등에서 CTRL + / 를 누르면 바로 주석처리 됩니다.

 

코드작성

<!-- 이 부분은 로그인 기능을 추가하기 전의 임시 코드입니다. -->
<div class="login-form">
  <!-- 로그인 양식이 들어갈 내용 -->
  <p>로그인 영역</p>
</div>

결과확인

See the Pen Untitled by 40's Programmer (@40sProgrammer) on CodePen.

 

 

왜 주석처리를 해야 하나?

 

사람은 망각의 동물입니다. 때문에 본인이 짜 놓은 소스도 시간이 지나서 보면 생소합니다. 다른 사람의 소스는 오죽할까요? 다른 사람, 미래에 다른 사람처럼 행동할 나를 위해 코드에 대한 정보를 전달하기 위해서라도 주석은 꼭 필요합니다.

 

주의할 점

• 주석은 HTML 코드 내에서 잘 보이지 않으므로, 코드의 가독성과 유지보수를 위해 주석의 적절한 사용에 신경써야 합니다.
• 주석은 중첩해서 사용할 수 없으며, 단일 행 주석으로만 작성해야 합니다.
• 주석은 브라우저에서는 보이지 않지만, 웹 개발자 도구를 통해 확인할 수 있습니다.