search

Eatory / eatory-frontend

Eatory 서비스의 프론트엔드 레포지토리 입니다.
0 stars 0 forks source link

[Feature Request] 모달 팝업의 동적 컴포넌트 렌더링 기능 추가 #9

Open joeholee opened 1 week ago

joeholee commented 1 week ago

🧩 문제 설명

기존의 ModalPopup 컴포넌트는 단순 텍스트나 HTML 컨텐츠만 표시할 수 있는 구조로 되어 있습니다.
이로 인해 복잡한 사용자 인터페이스(UI)를 구현하거나, 반복적으로 컴포넌트를 새로 작성해야 하는 비효율성이 존재합니다.

💡 제안된 해결 방안

모달 내부에서 동적으로 Vue 컴포넌트를 렌더링할 수 있는 기능을 추가합니다.
이를 통해 다양한 UI를 재사용 가능한 컴포넌트로 관리할 수 있습니다.

🎯 주요 요구 사항

  1. 동적 컴포넌트 렌더링 지원

    • 모달의 content 영역에 Vue 컴포넌트를 전달 가능.
    • 전달된 컴포넌트를 렌더링하고, 내부 로직(이벤트 등)을 정상적으로 처리.

  2. 모달 상태 관리 강화

    • 컴포넌트를 스토어 상태에서 관리할 수 있도록 API 개선.
    • 기존 ModalPopup과의 호환성 유지.

  3. 사용성 향상

    • 개발자 예제를 제공하여 쉽게 적용 가능하도록 지원.

✨ 기대 효과

  1. 코드 재사용성 증가
    • 복잡한 UI 컴포넌트를 동적으로 삽입하고 관리 가능.
  2. 개발 생산성 향상
    • 동일한 모달 컴포넌트를 활용해 다양한 기능 구현 가능.
  3. 유연한 UI 제공
    • 사용자 경험 향상 및 기능 확장에 용이.

✅ TODO