반응형 포커스 트랩1 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 85 (포털(차원 이동), 참조 객체 전달) 목차포털(차원 이동)참조 객체 전달오늘 하루를 돌아보며 포털(차원 이동)포털(Portal)을 사용하면 애플리케이션 영역을 벗어나 특정 위치에 컴포넌트를 렌더링할 수 있다. 포털을 통해 컴포넌트가 어느 위치에든 렌더링될 수 있으면서 다른 리액트 컴포넌트와 동일하게 작동한다. 렌도링된 컴포넌트가 DOM의 어느 위치에 있더라도 리액트 컴포넌트 트리에 포함되기 때문이다. 즉, 원하는 DOM 위치에 컴포넌트를 자유롭게 렌더링할 수 있다는 뜻이다. 포털을 사용하려면 우선 포털 전용으로 사용할 DOM 요소를 만들어야 한다. 에 직접 추가하는 것보다는 별도로 요소를 만들어서 그 안에 렌더링하는 것이 좋다. 그렇게 하면 코드 디버깅도 쉬워지고, 하위에 여러 요소가 뒤섞여 혼란스러워지는 것도 막을 수 있기 때문이다.Re.. 2025. 9. 9. 이전 1 다음 반응형
