프로젝트에서 아래와 같은 레이아웃을 사용하는 사이드 페이지들이 있다.페이지보다 더 앞에서 렌더링되어야 하기 때문에 모달을 렌더링 하듯이 usePortal을 사용해서 id="portal"인 DOM 요소의 하위 요소로 렌더링 되도록 했다. 그리고 SideBarHeader의 닫기 버튼은 공통으로 쓰이지만 SidePageLayout에 고정적으로 넣기는 어려웠다.그 이유는, 페이지의 종류의 따라서 그 페이지의 타이틀이 적히기도 하고, 케밥 버튼이 추가되기도 했기 때문이다. 그래서 나는 합성 컴포넌트로 SidePageLayout을 구현하기로 마음 먹었다 ! 합성 컴포넌트 (Composed Component) 란?컴포넌트 기반 아키텍처 핵심 개념 중 하나로, 작은 단위의 컴포넌트를 조합해서 복잡한 컴포넌트를 구성..
