제가 Modal 기능을 구현하고 있는데
코어 프런트엔드 UI - Part 1
Modal을 구현할 때 두 가지 방법이 있었습니다. 1. 조건부 렌더링으로 Modal 열림/닫힘 CSS의 transform 또는 opacity로 Modal 열림/닫힘 저는 조건부 렌더링을 사용하고, transition 효과를 주기위해 억지로 setTimeout을 이용해 해결했는데요 조건부 렌더링을 사용한 이유가 모달을 사용하지도 않는데 내부 내용이 DOM트리에 존재하면 성능에 안좋지 않을까 였는데 지금에서야 생각이 든 것은 렌더트리는 시각적으로 보이는 요소만 렌더링에 포함하는 것이었습니다. 그러면 모달을 조건부 렌더링을 하지 않아도 괜찮은 걸까요?
- react
- typescript
- dom
- ui
- vanilla-js
oridori2705
댓글 2
좋아요 0
조회수 475