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 | 31 |
Tags
- 자바스크립트 알고리즘 문제
- HTML
- 타입스크립트
- stack문제
- 자바스크립트
- next13
- Baekjoon
- leetcode
- 리액트쿼리
- 객체 프로퍼티
- CSS
- 알고리즘문제풀이
- lodash
- 리액트
- 프론트엔드
- 자바스크립트 알고리즘
- 자바스크립트코딩테스트
- leetcode문제풀이
- til
- 자바스크립트 연결리스트
- 자바스크립트 문제
- Next
- JavaScript
- 제로베이스
- JS
- 자바스크립트 문제 풀이
- 프로그래머스
- 자바스크립트 문제풀이
- Next.js13
- NPM
Archives
- Today
- Total
목록createPortal (1)
코드노트
리액트 createPortal로 DOM추가하기
ReactDOM.createPortal(child, container) - createPortal은 리액트에서 DOM트리 의 다른 위치에 컴포넌트를 렌더링을 할 수 있는 기능 - 기본적으로 컴포넌트는 컴포넌트 트리의 노드로 렌더링이 되지만, 컴포넌트를 루트 DOM요소 밖의 다른 위치에 렌더링해야 할때 사용할 수 있다. - 간단하게 말하면 첫번째 인자는 자식요소, 두번째 인자는 자식요소를 렌더링할 DOM요소 ex) 모달, 툴팁, 독립적인 컴포넌트 등등 이번 프로젝트에서 모달을 사용하면서 css를 사용하여 z-index를 조절하여 모달을 만들었는데 createPortal을 사용하는것이 좋다고 한다. 아니 맞는것 같다. - 모달은 기존 컴포넌트 구조와 격리되어야한다. - 컴포넌트와 상호작용하는 문제가 발생할 ..
Code note/리액트
2023. 8. 1. 23:31