Refactor/270/ModalBase컴포넌트 제어방식확장 by LMS10 · Pull Request #277 · kss761036/Epigram

관련된 이전 트러블슈팅 보러가기

모달 제어의 본질 – 사이드 이펙트 없는 명확한 흐름 만들기 (feat.명령형 모달)

<aside> 💡

모달 제어 방식 개선: ModalBase props 기반 지원 추가

</aside>

1. 문제의 출발점 – 공통 컴포넌트가 아닌, 제각각인 제어 방식

프로젝트 내에는 현재 총 세 종류의 모달이 존재한다

• DeleteModal
• ProfileModal
• ProfileEditModal

하지만 제어 방식은 제각각이었다.

• ProfileEditModal만 useModalStore()를 활용한 전역 상태로 관리
• 나머지 모달은 useState로 로컬하게 상태 제어

→ UI 일관성 부족, 공통 접근성 로직 적용 불가, 유지보수 어려움

특히 모달 접근성 개선을 위해 ModalBase에 통합 로직을 넣고자 할 때, 이런 구조는 명백한 제약이었다.