celine

참고 문헌 : https://ko.legacy.reactjs.org/docs/portals.html#event-bubbling-through-portals Portals – React A JavaScript library for building user interfaces ko.legacy.reactjs.org 이전 글에 이어서 Portal에 관하여 작성 합니다. 이벤트 버블링이란? 하위 요소에 있는 이벤트요소가 상위 요소로 전달이 되는 것을 이벤트 버블링이라고 합니다. portal이 DOM 트리의 어디에도 존재할 수 있다 하더라도 모든 다른 면에서 일반적인 React 자식처럼 동작합니다. context와 같은 기능은 자식이 portal이든지 아니든지 상관없이 정확하게 같게 동작합니다. 이는 DOM 트리..

참고 문서 : https://ko.legacy.reactjs.org/docs/portals.html Portals – React A JavaScript library for building user interfaces ko.legacy.reactjs.org 1. React Portal 이란 ? Portal은 부모 컴포넌트의 DOM 계층 구조 바깥에 있는 DOM 노드로 자식을 렌더링하는 최고의 방법을 제공합니다. --> 라고 공식문서에 적혀 있습니다. 잘 이해가 되지 않기 때문에 이해하기 위해서 코드를 작성해보겠습니다. 2. 코드 작성하면서 이해하기 - App.js 모달 열기 버튼을 누르면 모달이 open이 되는 코드 import { useState } from "react"; import "./App.c..