ceatePortal

Project/React Web Project

Portal이란?

문제의 발단 앞서 배운 Flagment와 더불어 간결한 코드를 작성하는 데 도움을 주는 기능이 있다. 아래의 예를 살펴보자. 이 코드를 실제 DOM으로 렌더링하게 되면 오른쪽 HTML처럼 렌더링 될 것이다. 이 코드 자체에는 문제는 없지만 코딩 방식에 문제가 있다. Modal은 의미적이거나 간결한 HTML 구조를 갖추는 관점에서 보면 별로 좋지 못하다. 기본적으로 Modal은 페이지 위에 표시되는 overlay이기 때문이다. Modal은 전체 페이지에 대한 overlay며 다른 것 위에 있다. 그런데 이런 Modal이 HTML 코드 안에 중첩되어 있다면 기술적으로는 스타일링 덕분에 잘 작동하더라도 문제가 발생할 수 있다. 만약 overlay 내용이 중첩되어 있다면, 렌더링 되는 HTML 코드를 해석할 때..

gurcks8989
'ceatePortal' 태그의 글 목록