Web development/React
React에서 Modal 관리하기
Intro 웹 페이지를 개발하다보면 여러 모달을 만들고 관리해야 할 일이 많다. 특히 리액트에서 모달의 상태를 state로 관리하다보면 코드도 지저분해지고 비슷한 코드가 여기 저기 흩어져있기 마련이 된다. 해결법을 탐색하던 중 우연히 한 영상을 보게 되었고 그 아이디어를 차용해 내 나름대로 다시 구현해보았다. 설계 기본적인 아이디어는 아래 영상에서 가져왔다. https://youtu.be/gMzYOE0TV0g?si=0SKd5mKO1-yP1gHc 요점은 ModalController에서 stack 구조로 모달을 관리하는 것, 그리고 Context API를 활용해 프로젝트 내부 어디서나 컨트롤러에 접근할 수 있게 하는 것이다. 이를 간단히 도식으로 나타내면 다음과 같다. 1. 컴포넌트 단에서는 push/pop..
