[React] 리액트 심화 / JSX를 꼭 사용하지 않아도 되는 이유

 

✔ 리액트 프로젝트에서 꼭 jsx를 사용할 필요는 없지만, 편리하다. 

 

✔ 여기서 <div> 태그를 지우면? 에러가 난다.

왜? jsx에서는 하나의 상위 혹은 부모 요소를 가지고 있어야 하기 때문이다 

2개의 요소를 한번에 반환할 수 없다. 

엄밀히 말하면 하나의 값 만을 반환하기 위해서 

 

✔ <Fragment> 태그 사용가능 

 

✔ 최신 리액트 프로젝트에서는 이렇게 빈 태그 사용 가능하다