HTML 코멘트(주석)

현재까지 우리는 웹사이트에서 어떠한 내용(content)을
브라우저에서 보이도록 하거나

브라우저에 태그를 이용하여
이처럼 보이도록 설정하는 것에 대한

모든것을 알아보았습니다

가끔은 웹페이지에 다른 사람들이 읽을 수는 있지만

브라우저에서는 무시되는 정보들을
넣어야하는 경우가 있다고 생각해봅시다

다음과 같이 꺾쇠 괄호(<)를 열고

느낌표와 두개의 대시기호(-)를 입력하고

글을 약간 쓰고

그 이후에 다시 두개의 대시기호를
입력하고 꺾쇠 괄호를 닫아주세요

이것을 주석 또는 코멘트(Comment)라고 부를것입니다

그리고 모든 프로그래밍 언어에서
코멘트를 만들 수 있습니다

왜냐하면 우리는 종종 사람용으로
해야 할 것들이 있기 때문이죠

코멘트는 프로그램에 대한 설명입니다

이것은 컴퓨터가 보기 위한 것이 아니고

다른 사람들에게 보이고 싶은 것입니다

우리는 종종 어떠한 것을 가지고 같이 일하며
이를 통해 서로 배우기 때문이죠

좋아요 그럼 단순히 동료들에게
“hello”라고 하는거 말고

코멘트를 사용하여 무엇을 해볼수 있을까요?

이것을 이용하여 사람들이
이 문서를 업데이트(update) 할 수 있게

이 내용이 어디에서부터 왔는지 알려주도록 해봅시다

"이 문단은 Wikipedia문서를
기초로 하고있습니다"라고 이야기할 수 있고

그리고 그 문서로 이동하는 링크를 제공할 수도 있습니다

하지만 그 전에 여기서는 다음과 같이 쓸게요
"이 문단은 Pamela의 개인적인 의견입니다"

매우 신뢰할 수 있는 출처네요

그리고 코멘트안에서 링크(link)를 제공하고

"이 가사는 여기에서 왔어요"라고 써주세요

이렇게 이 페이지의 내용을 어디에서 가져왔는지
다른 사람들이 알 수 있도록 도울 수 있습니다

코멘트에 대해서 무언가 눈에 띄는것이 있나요?

코멘트들은 모두 녹색이에요

이것은 우리가 이 코드 에디터(code editor)에서
코드의 종류를 색을 통해서 쉽게 알 수 있도록 해주는

신택스 강조(syntax highlighting)
기능을 사용하고 있기 때문입니다

그리고 코멘트는 거의 모든경우에
녹색으로 표시합니다

또한 우리의 HTML의 일부분을 일시적으로 없애려고
(comment out) 코멘트를 사용할 수 있습니다

만일 우리의 웹 페이지에서
어떠한 것을 잠시 없애는 실험을 하고 싶다면

단순히 이를 코멘트로 에워싸주세요

지금부터는 브라우저는 더 이상
이것을 HTML로 보지 않을 거에요

브라우저들은 보통 코멘트 내의
모든 것을 무시하기 때문에

그 부분이 이 페이지로부터
없는것 처럼 다룹니다

그 내용이 정말로 맘에 드는 거라면

코멘트 양쪽의 기호들을 삭제하여
원래 상태로 되돌릴 수 있습니다

명심하세요

코멘트는 사람을 위한 것입니다

적어도 우리 모두와 같이 웹 페이지의 코드를
보는 사람들을 위한 것이에요

우리가 그렇잖아요?