Skip to content

[Refactor]: AI 모달 리팩토링#184

Merged
jisooooooooooo merged 19 commits intodevelopfrom
refactor/#181/aiModal
Sep 14, 2025
Merged

[Refactor]: AI 모달 리팩토링#184
jisooooooooooo merged 19 commits intodevelopfrom
refactor/#181/aiModal

Conversation

@jisooooooooooo
Copy link
Copy Markdown
Collaborator

💡 Summary

close #181

✅ Tasks

AI 모달 리팩토링

  • 기존 AiRecommendModal, AiFailModal을 각각 따로 관리하던 구조에서 스타일이 중복되는 부분을 공통 베이스 컴포넌트로 분리했습니다.

overlay-kit 적용

  • 기존에 useModal 훅으로 모달 열림/닫힘을 관리하던 로직에 overlay-kit를 적용했습니다.
  • 전역 OverlayProvider가 모달을 관리하도록 해서 페이지에서 ModalWrapper를 직접 렌더하지 않아도 동작하게 개선했습니다.

👀 To Reviewer

  • 스토리북에서 모달 확인 가능합니다!😗

@jisooooooooooo jisooooooooooo self-assigned this Sep 9, 2025
@jisooooooooooo jisooooooooooo added the 🛠️ Refactor 코드 리팩토링 label Sep 9, 2025
@jisooooooooooo jisooooooooooo linked an issue Sep 9, 2025 that may be closed by this pull request
2 tasks
@vercel
Copy link
Copy Markdown

vercel bot commented Sep 9, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
ninedot Ready Ready Preview Comment Sep 14, 2025 0:26am

@github-actions
Copy link
Copy Markdown

github-actions bot commented Sep 9, 2025

빌드 결과

빌드 성공 🎉

@github-actions
Copy link
Copy Markdown

github-actions bot commented Sep 9, 2025

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

Copy link
Copy Markdown
Contributor

@kwonsaebom kwonsaebom left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

깔끔한 리팩토링 ! 수고 많으셨습니다 !!

특히 useOverlayModal 부분은 단순하게 상태 관리만 한 게 아니라 스택까지 고려해서 설계하신 것 같아서 많이 배워갑니다 ... 🤩 👍🏻👍🏻

Copy link
Copy Markdown
Contributor

@Leeyoonji23 Leeyoonji23 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다~! 코멘트 확인해주세욥!

@github-actions
Copy link
Copy Markdown

빌드 결과

빌드 실패 😵

@github-actions
Copy link
Copy Markdown

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

@github-actions
Copy link
Copy Markdown

빌드 결과

빌드 성공 🎉

@github-actions
Copy link
Copy Markdown

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

Copy link
Copy Markdown
Contributor

@shinjigu shinjigu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

흩어져 있던 모달 구현 방식을 공통 베이스 컴포넌트와 전역 관리 로직으로 정리해 주셔서 중복을 줄이고 사용성을 높인 점이 특히 좋다고 생각합니다 !! 코드가 단순해진 덕분에 새로운 모달을 추가하거나 수정할 때도 훨씬 일관성 있게 작업할 수 있을 것 같아요 수고하셨습니다 😻😻😻

@github-actions
Copy link
Copy Markdown

빌드 결과

빌드 성공 🎉

@github-actions
Copy link
Copy Markdown

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

@SOPT-36-NINEDOT SOPT-36-NINEDOT deleted a comment from github-actions bot Sep 14, 2025
@SOPT-36-NINEDOT SOPT-36-NINEDOT deleted a comment from github-actions bot Sep 14, 2025
@SOPT-36-NINEDOT SOPT-36-NINEDOT deleted a comment from github-actions bot Sep 14, 2025
@jisooooooooooo jisooooooooooo merged commit 5aeddf6 into develop Sep 14, 2025
6 checks passed
@jisooooooooooo jisooooooooooo deleted the refactor/#181/aiModal branch September 14, 2025 12:28
@jisooooooooooo jisooooooooooo changed the title Refactor: AI 모달 리팩토링 [Refactor]: AI 모달 리팩토링 Sep 19, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Refactor]: AI 모달 리팩토링

4 participants