# Portal

9개의 포스트
post-thumbnail

TIL 019_React Portal

Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component. 부모 컴포넌트 DOM 계층 구조에

2021년 5월 13일
·
1개의 댓글
post-thumbnail

TIL_67_Portal

Learn React Portal In 12 Minutes By Building A Modal위 영상을 기반으로 작성하였음.기업협업 4일차. 함께 프로젝트를 진행할 개발자 분께서 모달창 관련하여 왜 포탈을 사용하게 됐는지를 이해하는 것이 중요하다고 말씀해주셨다. 준우님

2021년 4월 16일
·
0개의 댓글
post-thumbnail

new TIL. React Portals & Modal

모달 창은 사용자에게 특정 내용을 강조하여 전달하고자 할 때 사용한다. 모달 창에 대한 주목도를 높이기 위해 일반적으로 배경을 어두운 색상으로 두어 대비를 준다. 그런데 위 이미지와 같이 다른 컨텐츠들이 모달 창보다 높은 z-index를 가진다면? 좋은 모달 창이라고

2021년 4월 16일
·
0개의 댓글
post-thumbnail

TIL_65_React Portal

PortalsPortals포탈은 부모 컴퍼넌트의 DOM 계층 구조 바깥에 있는 DOM 노드로 자식을 렌더링하는 최고의 방법을 제공.첫번째 인자 (child)는 엘리먼트, 문자열, 혹은 fragment와 같은 어떤 종류이든 렌더링할 수 있는 React 자식.두번째 인자(

2021년 4월 16일
·
0개의 댓글
post-thumbnail

ReactDOM.createPortal

modal을 사용하기 위해서는 redux를 연결하거나 contextAPI를 사용해서modal provider를 만들어 주고는 했다. 그런데 보니깐 리액트 돔 api중에 하나인 createPortal을 이용해서 모달을 만들어 사용할 수 있다는 부분을 보고는 나도 한 번

2021년 3월 2일
·
0개의 댓글
post-thumbnail

[React] Memoization, Portal

리액트 최적화 필수 개념! Memoization

2021년 2월 8일
·
0개의 댓글
post-thumbnail

Portal 이용해서 react에서 Redux없이 Modal창 만들기 도전

- react 공식문서에 있는 Portals를 이용해 modal창을 만들어 본 도전기이다.

2020년 5월 3일
·
7개의 댓글