반응형
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
Tags
- reflow
- cloud firestore id auto increment
- commonjs와 ecmascript modules(esm)
- d3 지도 툴팁
- 참조형 props의 default
- git
- ToDo
- vue composable 함수
- firebase id 자동
- component is already mounted please use $fetch instead.
- d3 지도
- in-memory pm2 is out-of-date
- nuxt universal rendering
- ecmascript modules(esm)
- vue 컴포저블 함수
- pm2 버전 충돌
- Learning React
- 화살표 함수 {}
- d3 지도 타입스크립트
- vue3 drag and drop
- 참조형 default
- 인터넷 거버넌스
- 함수형 프로그래밍
- pm2 업데이트 에러
- $fetch
- vuedraggable
- repaint
- 화살표 함수 중괄호
- vue draggable 차트 안나옴
- d3 지도 확대/축소
Archives
- Today
- Total
목록리액트에서 teleport 기능 (1)
빵 입니다.
Portal
DOM 트리의 특정 위치에 컴포넌트를 렌더링하기 위한 API React 애플리케이션에서 모든 컴포넌트는 동일한 부모 컴포넌트 내에서 렌더링되는데, 특정 UI 요소를 다른 DOM 요소의 위치로 렌더링해야 하는 경우엔 ReactDOM.createPortal을 사용한다. (특히 모달, 툴팁, 드롭다운 메뉴 등의 UI 요소를 더 상위 수준의 DOM 노드에 렌더링하려는 경우에 효과적이다.) Portal은 React 컴포넌트 트리를 따라가는 것이 아니라 다른 DOM 위치로 React 컴포넌트를 렌더링하는 데 사용되기 때문에 react-dom에서 제공하는 createPortal을 이용해 만든다. createPortal 함수는 첫 번째 매개변수로 렌더링할 React 요소와 두 번째 매개변수로 해당 요소를 삽입할 DOM..
프론트엔드/React
2023. 12. 6. 14:24