React Deep Dive

리액트에서 한 컴포넌트가 여러 엘리먼트를 반환하는 경우가 많다. 다만, 컴포넌트의 return문에서는 여러 엘리먼트를 하나의 최상위 태그로 묶어 반환해야한다. 이 때, 엘리먼트를 묶는 최상위 태그로 <div>를 추가하게 되면 불필요한 노드가 추가되게 된다.이러한

부모 컴포넌트의 DOM 계층 구조 바깥에 있는 DOM 노드로 일부 자식 요소들을 렌더링할 수 있게 해준다.children : portal로 보내 렌더링하고자 하는 요소domNode : hildren을 렌더링하고자 하는 위치의 DOM 노드렌더링되는 위치는 부모 컴포넌트의