본문 바로가기
IT_Developers/React

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

by 고코더 2021. 1. 20.

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.


마무리


 

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

 

 

댓글