React 렌더링과 Children PropReact에서 children prop을 올바르게 이해하고 사용하는 것은 불필요한 렌더링을 막는 핵심 최적화 기법 중 하나입니다.핵심 원리: React Element는 불변이다가장 중요한 전제는 **"React Element는 불변(immutable)"**이라는 것입니다. UI를 변경하려면 새로운 엘리먼트를 생성해 기존 엘리먼트를 대체해야 합니다. 즉, 리렌더링은 새로운 엘리먼트를 만드는 과정입니다.React는 리렌더링 시 이전 엘리먼트와 새로 생성된 엘리먼트를 비교하여 변경이 필요한 부분만 DOM에 실제 반영합니다. 이때 props가 변경되지 않았다면 해당 컴포넌트와 그 자식 컴포넌트의 리렌더링을 건너뛸 수 있습니다. children도 props 중 하나입니다..
Next.js
parallel + intercepting 라우트병렬 라우트와 함께 사용하면 모달에 대해 다음이 가능합니다:모달 콘텐츠를 URL을 통해 공유 가능하게 합니다.페이지를 새로고침할 때 모달을 닫는 대신 컨텍스트를 유지합니다.이전 라우트로 가는 대신 뒤로 이동하여 모달을 닫습니다.앞으로 이동하여 모달을 다시 엽니다.로그인 후 쉽게 직전 페이지로 이동할 수 있습니다.app디렉토리의 layout에 병렬 라우트(slot)을 prop로 추가합니다.이때 prop 이름은 병렬 라우트 디렉토리 이름과 같기만 하면 됩니다.루트 layout에 병렬 라우트를 추가해야 페이지에 나타나고, props로 사용할 수 있습니다. // app/layout.tsx export default function RootLayout({ chi..
