합성 컴포넌트
-
[React] 늘어나는 props, 합성으로 해결해보자React 2025. 5. 4. 19:45
이번 우테코 미션은 바로 React Module 이다. 이 미션의 학습 목표는,모달을 만들고 npm에 배포해보는 것. 미션에서 얻어야 할 여러 경험이 있겠지만,그 중에서 나는 해결해야 할 문제를 아래와 같이 정의했다. 1. 사용자에게 모달 구조에 대한 자율성을 넘겨줄 수 있다.2. 사용자가 사용하기에 편리한 모달이어야 한다. 아래는 실제 미션 LMS 파일에 나와있는 예시이다. 생각해보자. 재사용에 용이한 모달 라이브러리를 만들어야 하는데, 저런 구조는 무조건 props가 늘어날 것 같다. 하지만 페어프로그래밍 특성 상, 일단 빠르게 구현해야했다. 초기 우리의 모달은 아래와 같은 인터페이스를 가졌다. export interface ModalProps extends PropsWithChild..