본문 바로가기
programming/javascript

자바스크립트 주석 처리 사용 방법 javascript comment

by 개코 - 개발과 코딩 2021. 10. 5.

자바스크립트 주석을 사용하면 코드의 설명문을 넣을 수 있고, 불필요한 코드의 실행을 막을 수 있다. 어느 프로그램이든 마찬가지지만 자바스크립트도 사용방법은 같다. 하지만, 자바스크립트 자체가 웹브라우저에서 실행되기 때문에 주석으로 설명을 충실히 다는 것은 주의할 필요가 있다. 

자바스크립트 주석 처리 방법
javascript comment

자바스크립트도 다른 언어들과 마찬가지로 주석을 넣을 수 있다.

위치는 상관없다.

코드의 상세한 설명부터 간단한 사용법까지 개발자의 의도를 적어 놓을 수 있다.

한줄로 주석을 작성하는 방법이 있고, 여러줄로 주석을 작성하는 방법이 있다.

너무 자세한 설명은 보안에 위험할 수 있기도 하다.

자바스크립트 컴파일이 되지 않는 인터프리터 언어이기 때문이기도 하다.

소스보기를 이용하면 주석까지 자세히 나오기 때문이기도 하다.

어쨌든, 여기서는 주석을 사용하는 것이 목적이기 때문에 주석에 대한 사용 방법을 작성한다.

한 줄 주석

자바스크립트에서 한 줄 주석을 사용하려면 // 을 사용한다.

사용법은 아래와 같다.

한 줄 주석을 사용하기 위해 // 을 사용했다.

주석을 사용하면 웹브라우저에 표시되지 않는다.

<!DOCTYPE html>
<html>
    <body>

        <h1>자바스크립트 주석</h1>

        <script>
            
            // 한 줄 주석 사용
            document.write("한 줄 주석 사용");
            document.write("// 을 사용한다."); // 브라우저에 문자열 출력
            
        </script>
        
    </body>
</html>

한 줄 주석을 사용한 결과화면이다.

주석으로 사용된 문장이나 내용은 화면에 보여지지 않는다.

다만, 소스보기를 하면 볼 수 있다.

여러 줄 주석

여러 줄 주석을 사용하여 설명문을 작성할 수 있다.

사용법은 /* ~ */ 사이에 내용을 작성하면 된다.

한 줄 주석과 같이 화면에 표시되지 않는다.

<!DOCTYPE html>
<html>
    <body>

        <h1>자바스크립트 문법</h1>

        <script>
            
            /**
             * 여러 줄 주석을 사용합니다.
             * 이것을 사용하면 장문을 설명을 작성할 수 있습니다.
             */
            document.write("여러 줄 주석 사용");
            document.write("/* ~ */ 을 사용한다."); // 브라우저에 문자열 출력
            
        </script>
        
    </body>
</html>

여러 줄 주석 또한 한 줄 주석과 마찬가지로 웹브라우저에는 표시되지 않는다.

다만, 소스보기 하면 주석의 내용을 볼 수 있다.

실행 방지

자바스크립트를 이용해 웹을 개발할 때 특정 코드의 사용을 막을 필요가 있다.

이 때도 주석을 사용하면 된다.

어느 프로그램언어든 마찬가지지 지만, 주석의 의미는 크게 다르지 않다.

<!DOCTYPE html>
<html>
    <body>

        <h1>자바스크립트 문법</h1>

        <script>
            
            var vNum_1 = 0
            var vNum_2 = 10

            // document.write(vNum_1, typeof(vNum_1));
            document.write(vNum_2, typeof(vNum_2));
            
        </script>
        
    </body>
</html>

결과 화면을 보자.

주석으로 사용된 문장이 실행이 되지 않는 것을 볼 수 있다.

참고로 typeof() 함수는 변수의 데이터타입을 확인해 볼 수 있는 함수이다.

반응형

댓글