All Posts

모달 컴포넌트는 어떻게 만들면 좋을까

고차 컴포넌트는 여전히 유용하지만, 리액트 훅의 등장으로 대체되는 경향이 있으며, 각각의 패턴은 상황에 맞게 적절히 사용해야 한다.

렌더 프롭스 패턴은 컴포넌트의 자식으로 함수를 전달하여 컴포넌트의 내부 상태를 외부에서 제어하고, 재사용성을 높이는 React 디자인 패턴입니다.

컴파운드 컴포넌트 패턴은 여러 독립적인 하위 컴포넌트를 조합하여 복잡한 UI를 유연하고 유지보수하기 쉽게 만드는 React 디자인 패턴이다. 드롭다운과 selct option 같이 부모와 자식 컴포넌트가 동일한 상태를 공유할 때, 컴파운드 패턴을 따를 수 있다.