코드개선

문제점 요구사항 위처럼 6개의 모달을 만들어야 했다. 내가 모달을 만든 방법 export const Modal = ({ modalRef, openModal, handleModalClose, children, }: Props) => { if (!openModal) { return ; } return ( . {children} ); }; 위의 modal은 여러 모달의 공통 부모 컴포넌트 역할을 하며, 모달의 공통적인 기능들을 넣어놓았다. 모달을 여는 함수(openModal을 true로 바꾸는 함수)의 경우는 모달을 사용하는 쪽에서 만들어줘야 했다. 모달을 닫는 함수 또한 마찬가지였고, 이것들을 모달을 사용하는 쪽에서 일일이 state로 작성하는 것은 비효율적이었기 때문에 커스텀훅을 만들었다. import {..