framgent (1) 썸네일형 리스트형 React Framgent 태그 vs div태그 리액트에서는 컴포넌트 당 하나의 엘리먼트를 반환한다만약 여러 개의 컴포넌트를 반환하고 싶다면, 최상위 태그로 감싸서 반환한다.이때 보통 fragment 태그나 div 태그를 사용한다. 이때 사용하는 두 태그의 차이점은 무엇일까?1. Framgent Framgent 태그는 DOM 요소에 등록되지 않아 레이아웃/스타일링에 영향을 주지 않는다. (= 가상 컨테이너 역할) 일반적으로 fragment 태그를 사용하지만 명시적으로 Framgent 를 작성해야하는 경우가 있다. 바로 반복해서 여러 요소를 렌더링할 때이다.react에서는 요소들이 반복해서 렌더링 될 때 key를 입력해줘야 한다.function Blog() { return posts.map(post => );} .. 이전 1 다음