Skip to content

Modal 컴포넌트 고민

jin-Pro edited this page Nov 15, 2021 · 1 revision

이번 프로젝트를 통해 생성되는 모달이 매우 많습니다.

모달의 종류로는 크게 두가지로

드롭다운 모달

아래 예시 이미지와 같이 드롭다운 모달은 위치가 드롭다운 타입에 따라 달라집니다.

상세 프로필 모달

아래 예시 이미지와 같이 프로필 상세 모달은 항상 가운데로 고정해주고 있습니다.


구현을 하면서 고민되는 부분이

모달이 필요로하는 페이지 컴포넌트에서 모달 컴포넌트를 불러와주어서 구현을 하였으나,

드롭다운과 상세프로필 모달을 전역 상태관리로 상태를 관리해서 APP.tsx에서 모달 컴포넌트를 관리해주는게 낫지 않을까? 라는 고민을 하게 되었습니다.

이러한 부분에 대해서 멘토님의 의견을 들어보고싶습니다.

추가 고민

전역 적으로 모달 상태를 관리해주고, App.tsx에서 모달 컴포넌트를 호출해주게되면, 위에서 보여드린 예시 이미지에서 알 수 있듯이 프로필 상세 모달은 위치가 고정으로 크게 문제가 되진 않겠지만, 드롭다운 모달은 위치가 기존 코드에서 parent의 위치를 기준으로 조절하였습니다. 이러한 부분을 수정해주어서 드롭다운 모달 또한 프로필 상세 모달과 함께 한번에 관리해주는게 나을까요?

Clone this wiki locally