React.js - JSX에서 주석 사용하기

---

JSX에서 주석

---

 

안녕하세요.

고코더 입니다.

 

 

● 1. 이번 시간에는 JSX에서 주석을 사용하는 방법을 알아보겠습니다. JSX는 자바스크립트 기반입니다. 그러므로 주석도 스크립트에서 사용하는 방식입니다. 주석은 개발자들의 흔적을 남길 수 있고 지우는 대신에 주석을 처리함으로 실행되지 않게 할 수 있습니다. 

 

● 2. 단일 행을 처리하는 주석입니다. 한 줄 한줄 사용 가능합니다.  

//단일행 주석

 

● 3. 복수행을 처리하는 주석입니다. 여러 줄을 처리하는 복수행 주석을 사용합니다.

/* 복수행
주석 */ 

 

● 4. 예제 소스를 함께 살펴보겠습니다. 

 

3번, 4번 라인 : 복수행 주석을 사용하여 2개의 줄을 한 번에 주석 처리했습니다. 

5번 라인 : 중괄호 안에 자바스크립트에도 사용 가능

6번 라인 : 단일행을 주석처리하였습니다. 

const str = <h1>주석 처리 하기 </h1>;

/* if (str != ""){
}else{ */
  const element = <h1>{str /*JS주석*/}</h1>;
//}

ReactDOM.render(
  element,document.getElementById('root')
);

 

● 5. 코드펜에서도 코드를 확인해보세요.

See the Pen 3. JSX에서 주석을 처리하기 by GoCoder (@gocoder-net) on CodePen.

---

마무리

---

 

리액트에서도 자바스크립트에서도 동일한 주석을 사용하시면 됩니다.