<div>태그 대신 <>를 사용

export default function App(){
return (
  <>
   <div>component</div>
  </>
)
}

⇒ 불필요한 div태그를 없앨 수 있다. (스타일링하거나, table처럼 정해진 구조를 따라야할 때 유용하다)

export default function App(){

const todoList = ['블로깅','NextJS학습']

return (
  <>
   {todoList.map((el,idx) => {
     <React.Fragment key={idx}>
       <td>{el}</td>
       <td>{el}</td>
     </React.Fragment>
   })}
  </>
)
}

<React.Fragment> 가 받을 수 있는 prop은 key 하나 뿐이다.