Portal new TIL. React Portals & Modal 모달 창은 사용자에게 특정 내용을 강조하여 전달하고자 할 때 사용한다. 그런데 위 이미지와 같이 다른 컨텐츠들이 모달 창보다 높은 z-index를 가진다면? 좋은 모달 창이라고 할 수 없을 것이다. React portal is just a way to render components outside of the normal DOM hierarchy that is defined by the co... modalPortalTILPortal TIL_67_Portal 위 영상을 기반으로 작성하였음. 기업협업 4일차. 함께 프로젝트를 진행할 개발자 분께서 모달창 관련하여 왜 포탈을 사용하게 됐는지를 이해하는 것이 중요하다고 말씀해주셨다. 준우님의 공유 덕분에 위 영상을 보게 되었다. 보자마자 눈에 띄는 문제점을 찾을 수 있을 것이다. 모달창이 떴을 때 Other Content가 가려지지 않는 것을 확인할 수 있다. 코드를 한번 봐보자. 위의 코드를 보면, ... ReactPortalPortal (Portal 개발 독서 노트) Windowstate WindowState는 포틀릿 창의 상태를 나타냅니다. JSR-168 사양은 세 가지 창 상태를 정의합니다(표준, 최대화, 최소화). 최소화할 때,render 요청은 무시되고, 최대화할 때, 포틀릿은 추가 정보를 표시합니다. 다양한 Portal Server(예: Liferay)는 고유의 사양 이외의 창 상태를 가질 수 있습니다. 사용자 정의 창 상태를 개발하는 방법: 우선 포트렛에서.xml ... PortalportletWindowState
new TIL. React Portals & Modal 모달 창은 사용자에게 특정 내용을 강조하여 전달하고자 할 때 사용한다. 그런데 위 이미지와 같이 다른 컨텐츠들이 모달 창보다 높은 z-index를 가진다면? 좋은 모달 창이라고 할 수 없을 것이다. React portal is just a way to render components outside of the normal DOM hierarchy that is defined by the co... modalPortalTILPortal TIL_67_Portal 위 영상을 기반으로 작성하였음. 기업협업 4일차. 함께 프로젝트를 진행할 개발자 분께서 모달창 관련하여 왜 포탈을 사용하게 됐는지를 이해하는 것이 중요하다고 말씀해주셨다. 준우님의 공유 덕분에 위 영상을 보게 되었다. 보자마자 눈에 띄는 문제점을 찾을 수 있을 것이다. 모달창이 떴을 때 Other Content가 가려지지 않는 것을 확인할 수 있다. 코드를 한번 봐보자. 위의 코드를 보면, ... ReactPortalPortal (Portal 개발 독서 노트) Windowstate WindowState는 포틀릿 창의 상태를 나타냅니다. JSR-168 사양은 세 가지 창 상태를 정의합니다(표준, 최대화, 최소화). 최소화할 때,render 요청은 무시되고, 최대화할 때, 포틀릿은 추가 정보를 표시합니다. 다양한 Portal Server(예: Liferay)는 고유의 사양 이외의 창 상태를 가질 수 있습니다. 사용자 정의 창 상태를 개발하는 방법: 우선 포트렛에서.xml ... PortalportletWindowState