react <Fragment> vs <div>

return 문은 하나의 값을 반환해야하는데, div로 감싸지 않으면 2개의 값이 반환된다.
이것을 해결하기 위한 방법으로 div로 감싸 하나로 반환하고 있는데, 이때의 문제점은
브라우저에서 코드를 확인해보면 쓸데없는 div로 감싸져있다는 것이다.

React에서는 이를 해결하기위해 Fragment pops를 제공한다.

div대신 Fragment로 감싸면 div로 감싸 하나의 값으로 반환하는것은 동일하지만,
브라우저에서 코드를 확인해보면 Fragment 태그는 보이지 않는것을 확인할 수 있다.

최근에는 아래 사진과 같이 <> 비어있는 코드로 작성해 Fragment를 대신할 수도 있다.