react (1) 썸네일형 리스트형 [React] + [Redux Toolkit]을 활용해 효율적인 재사용 모달을 만들어 보자 ! 개인 프로젝트를 진행하던 중 모달을 특정 지역에서 사용하다가 추가적으로 모달을 사용해야 하는 페이지들이 생기다 보니 복잡한 상태관리와 중복되는 로직 때문에 많은 불편함을 느껴 지역 상태관리가 아닌 전역 상태 관리로 모든 곳에서 사용해야겠음을 느꼈고, 리액트와 리덕스 툴킷을 사용하던 중이어서 전역으로 상태 관리를 하는 모달을 만들면 되겠다고 생각하고 기존에 만들어 놨던 구조에서 전부 수정하여 만들게 되었습니다. 첫 번째 : 사용하고 싶은 모달 컴포넌트를 만듭니다. 먼저, 사용할 모달을 만들어줍니다. 필요한 만큼 만듭니다. 아래 코드는 예시입니다. const Modal() => { return ( 모달 ); } 두 번째 : Redux Store에 ModalSlice를 만들어 줍니다. 모달을 전역에서 사용하려.. 이전 1 다음