본문 바로가기

오늘 하루도 열심히 살자

#Pixel #Art #HTML #CSS #JavaScript #Vue.Js #C #C++ #Python #Java #React

HTML,CSS,JavaScript/HTML,CSS,JAVASCRIPT

[HTML] 주석 활용하기

반응형

안녕하세요.

 

오늘은 작업중에 기억해야 할 부분이나 수정해야해서 코멘트를 남기거나 할 때 활용해야하는 주석에 대해 알려드리겠습니다.

 

보편적으로 초록색이나, 노란색으로 표기가 될 것 입니다.

(물론 다른색상으로 변경이 가능합니다.)

 

주석이란? (Comment)

 

주석(comment)이란 사용자, 개발자가 작성한 해당 코드에 대한 이해를 위한

부가적인 설명이나 디버깅을 위해 작성한 구문을 의미합니다.

이러한 주석은 다른 HTML 코드와는 달리 웹 브라우저에 의해 표현되지 않습니다.

 

 

<!-- 모두 안녕하세요 -->
<p> 안녕하세요 </p>
<!-- 
조금 있다 
다른걸로 수정
-->

 

HTML일 경우는 <!-- 주석내용 --> 이렇게 해주시면 정말 간단하게 된답니다.

 

모두 안녕하세요 << 라는 글자는 절대 절대 절대 절대 웹페이지에 공개되지않습니다.

 

----의 갯수는 상관없답니다.

 

그리고 💡줄이 달라도 열고 닫기가 확실하다면 주석처리가 깔끔하게 됩니다.

 

끝입니다. 정말 쉽죠??

 

자.. 이제 CSS와 JAVASCRIPT에서도 주석을 활용할 수 있는 방법을 알려드리겠습니다.

 

주석의 사용이유는 같으나 방식이 조금 다릅니다.

 

 

CSS 같은 경우는

/* color : red */
color : blue;

 

/* 앞, */ 뒤 이렇게 해주시면 주석 처리가 된답니다.

 

이것 또한 정말 간단하죠?

 

JAVASCRIPT 같은 경우는

 

 

// 모두 안녕하세요 //
function hello(){
 ~~~~~~~~~
}

 

이렇게 // 두개를 넣어주시면 주석처리가 된답니다.

( 앞,뒤에 꼭 넣을 것!!)

 

어때요?? 정말 쉽죠???

 

그럼 이만!! 뿅

 

 

반응형

'HTML,CSS,JavaScript > HTML,CSS,JAVASCRIPT' 카테고리의 다른 글

[HTML] Box 박스 모델 활용 CSS  (0) 2022.11.03
[HTML] input 활용하기  (0) 2022.11.02
[HTML] li 점 없애기 + 변경해보기  (0) 2021.11.12
[HTML] a 태그 밑줄 없애기  (0) 2021.11.11
[HTML] 기본 구조  (0) 2021.10.31