LHJ

I'm a FE developer.

1.3 주석에 관해

12 Apr 2020 » js_lj

자바스크립트도 다른 프로그램이 언어와 마찬가지로 코드 안에 주석을 쓰는 문법이 있습니다.
자바스크립트는 주석을 완전히 무시합니다.
주석은 당신이나 동료 프로그래머가 보라고 만드는 겁니다.
주석에는 코드만 봐서는 무슨 일이 일어나는지 분명히 알기 어려울 때 설명을 달아둡니다.
이 책에서도 예제에 주석을 많이 사용해서 코드의 의미를 설명합니다.

자바스크립트의 주석은 인라인 주석과 블록 주석 두 가지입니다.
인라인 주석은 슬래시 두 개(//)로 시작해서 행 끝에서 끝납니다.

// 인라인 주석

블록 주석은 /*로 시작해서 */로 끝나며 여러 줄에 걸쳐 쓸 수 있습니다.
다음 예제는 두 가지 주석을 어떻게 사용하는지 보여줍니다.

console.log("echo"); // 콘솔에 "echo"를 출력합니다.  
/*  
	위 행에서 // 앞에 있는 것은 모두 자바스크립트 코드이며
	문법에 맞게 써야 합니다. // 뒤에 있는 것은 주석이고,
	자바스크립트는 주석을 무시합니다.

	이 텍스트는 블록 주석이며 이것 역시 무시됩니다. 가독성을
	생각해서 들여썼지만 꼭 들여써야 하는 건 아닙니다.
*/
/* 들여쓰지 않아도 됩니다. */

곧 알아볼 캐스케이딩 스타일시트(css)도 블록 주석에는 자바스크립트와 같은 문법을 씁니다.
css는 인라인 주석은 지원하지 않습니다.
HTML에도 인라인 주석은 없고, 블록 주석은 자바스크립트와 다른 문법을 사용합니다.

<!--  부분 -->

위에 이 부분에 있는 내용은 모두 주석입니다.

<head>
	<title>HTML and CSS Example</title>
	<!-- HTML 주석입니다.
           여러 줄에 걸쳐서 써도 됩니다. -->
	<style>
		body: {color:red;}
		/* CSS 주석입니다.
		          역시 여러 줄에 걸쳐서 써도 됩니다. */
	</style>
	<script>
		console.log("echo"); // 다시 자바스크립트로 돌아왔습니다.
		/* 여기서는 인라인 주석과 블록 주석을
		         모두 쓸 수 있습니다. */
	</script>
</head>