본문 바로가기
└ Java Script

[JavaScript] 자바스크립트에서 <!-- //--> 사용 이유와 주석 종류

by 짜장이누나 2017. 6. 28.





1. 스크립트 내에서 <!--  //--> 사용 이유



업무중에 스크립트 수정해야해서 소스분석 하다가 무언가를 발견했습니다.

바로 스크립트 안에 아래와 같은 html주석입니다.


<script type="text/javascript">


<!--


 . . . . .

 . . . . .

 . . . . .


//-->


</script>



내가 알기로 <!--  --> 이것은 html주석인데 실제 웹에서 저 안에 내용이 실행이 되고 있습니다.

그럼 굳이 왜 저것을 사용하는 것일까....???????




바로 초기 오작동을 막기 위해서 입니다.

자세히 말하면, 위에서도 언급했듯이 <!--  //--> 이것은 html 주석입니다. 따라서 브라우저에서도 일단은 html 주석으로 인식합니다.


그러나 javascript 엔진을 내장하고 있는 브라우저의 경우에  <script> 태그 안에 <!--  //--> 있는 내용을 다시 js 소스로 인식하게 됩니다.


따라서, js 엔진이 없는 경우에 html 주석이 없으면 HTML 파서가 모르는 내용(function, for, if...)들로 인해 브라우저 오류가 발생하는데 이를 방지하기 위해 js 부분을 <!-- //--> 로 일단 html 주석 처리하는 겁니다.


하지만 최근 대부분의 브라우저들은 js 엔진을 내장하고 있기 때문에 왠만하면 <!--  //--> 이것을 사용하지 않아도 된다고 합니다!




아하~~~!!! 












2. 주석의 종류



  • Html 주석


1
2
<!--  html 주석  -->
 
cs

 * <!--  -->

 * 브라우저에서 '소스보기' 시 주석 내용 모두 보임. 보완에 취약함




  • JSP 주석


1
2
<%  jsp 주석  %>
 
cs

 * <%  %>

 * 브라우저에서 '소스보기' 시 주석이 보이지 않음. 보완이 필요할 경우 사용.




  • JAVA 주석


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
  // 1. java 한 줄 주석
 
 
  /*
   2.
   여러줄 주석 가능
  */
 
 
  /**
   * 3.
   * 이것도
   * 여러줄 주석 가능
   */
 
cs

1. // 



2. /*  



   */



3. /**

    *

    *

    */














-----------------------------------------------------------------------------------------------





개발하다가 의문점이 생겨서 오랜만에 포스팅까지 했다.

사실 그동안 포스팅 하고 싶은 내용 많았는데 귀차니즘 때문에 ㅠㅠㅠㅠ

그때그때 해놔야 똑같은 문제가 발생할 때 기억하고 처리할 수 있는데 ....

앞으로는 그때그때 포스팅 할 수 있도록 노려어어어억~~~~~ 하자!!