[React] createPortal
·
IT/Front-End
ReactDOM.createPortal React 애플리케이션에서 모달 창, 툴팁, 팝업 메뉴 등과 같이 기존의 컴포넌트 계층 구조 밖에 있는 DOM 요소에 React 컴포넌트를 렌더링하기 위한 메서드 React의 일반적인 컴포넌트 렌더링 메서드인 render 메서드와 다르게 다른 DOM 요소로 렌더링하게 해준다. 용도 모달 창 또는 다이얼로그: 모달 창과 같은 팝업 요소를 렌더링할 때, 일반적으로 모달 창은 기존의 컴포넌트 계층 구조 밖에 렌더링해야 한다 포털(Portal): UI의 일부를 다른 부모 DOM 요소로 이동시키고 싶을 때 사용할 수 있다. 예를 들어, 스크롤 가능한 사이드바 내에서 고정된 헤더를 만들 때 사용할 수 있다. 코드 import ReactDOM from 'react-dom'; c..