반응형
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
- ecmascript modules(esm)
- firebase id 자동
- nuxt universal rendering
- vue3 drag and drop
- pm2 업데이트 에러
- vuedraggable
- vue 컴포저블 함수
- 참조형 default
- vue composable 함수
- 화살표 함수 중괄호
- d3 지도 확대/축소
- repaint
- reflow
- d3 지도
- 인터넷 거버넌스
- 화살표 함수 {}
- git
- 참조형 props의 default
- component is already mounted please use $fetch instead.
- commonjs와 ecmascript modules(esm)
- pm2 버전 충돌
- in-memory pm2 is out-of-date
- 함수형 프로그래밍
- ToDo
- vue draggable 차트 안나옴
- d3 지도 타입스크립트
- cloud firestore id auto increment
- Learning React
- $fetch
- d3 지도 툴팁
Archives
- Today
- Total
목록리액트 portal (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