React에서 비동기 제어 가능한 선언형 모달 시스템 구현하기

React에서 <Modal />이나 <Toast /> 같은 오버레이 UI를 다루다 보면, 생각보다 코드가 깔끔하게 유지되지 않더라고요. 처음에는 useState 하나로도 충분해 보이지만, 모달이 많아지고 복잡해질수록 금세 코드가 지저분해지기 시작합니다. 이 글에서는 제가 직접 겪었던 문제들을 바탕으로, 모달을 더 선언적으로 관리하는 방법을 정리해보려 합니다. 기존 방식: 명령형 접근의 문제 보통은 이런 식으로 모달을 제어하죠: const [is...