Skip to content

feat: 위젯 옵션 버튼 구현#39

Merged
moo1677 merged 4 commits into
developfrom
#38/feat/widget-option-components
May 15, 2026
Merged

feat: 위젯 옵션 버튼 구현#39
moo1677 merged 4 commits into
developfrom
#38/feat/widget-option-components

Conversation

@moo1677

@moo1677 moo1677 commented May 12, 2026

Copy link
Copy Markdown
Contributor

📋 PR 요약

WidgetContainer 컴포넌트에 위젯의 공통 스타일을 묶어서 유지보수 기능을 높였습니다.
MoreActionMenu 컴포넌트에 위젯을 수정/삭제할 수 있는 버튼을 구현하였습니다.

🎯 작업 배경 및 이유

유지보수를 위해 5개의 위젯에 공통적으로 적용되는 기본 위젯 스타일을 공통 컴포넌트로 묶을 필요가 있었습니다.
따라서 WidgetContainer 컴포넌트에 위젯 스타일을 공통으로 적용하여 유지보수 기능을 높였습니다.
수업자는 생성된 위젯을 수정하거나 삭제할 수 있지만 UI가 구현되어있지 않았습니다. 따라서 moreActionMenu 컴포넌트를 통해 more 버튼 클릭 시 수정/삭제 버튼이 표시될 수 있게 구현하였습니다.

🔗 관련 링크

  • 기획서(Notion):
  • 테크 스펙(Google Docs):
  • Figma:
  • Slack:

💻 주요 변경 사항

WidgetContainer : StudentWidgetContainer/TeacherWidgetContainer로 구분하여 수업자 위젯에는 수정/삭제할 수 있는 버튼이 있고 학생 위젯은 읽기 전용으로 구현하였습니다.
MoreActioniMenu : 수업자가 생성한 위젯을 편집할 수 있는 옵션을 표시하고 수정/삭제할 수 있는 버튼의 UI를 구현하였습니다.

🖼️ 스크린샷 / 화면 녹화

image

💬 리뷰어에게

추후 디자인 업데이트를 고려해 간단하게 구현했습니다!

@moo1677 moo1677 self-assigned this May 12, 2026
@moo1677 moo1677 added ♻️ refactor 리팩토링 ✨ feature 기능 구현 labels May 12, 2026
@moo1677 moo1677 changed the title #38/feat/widget option components feat: 위젯 옵션 버튼 구현 May 12, 2026
@ChangwooJ

Copy link
Copy Markdown
Contributor

좋은데요? 수업자와 학생 입장에서 두가지 경우로 분리해서 추상화시킨거 너무 좋은거 같습니다!
추후에 작업하면서 svg 등은 제가 정리해보겠습니다~!

@moo1677 moo1677 merged commit 1f89179 into develop May 15, 2026
1 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

✨ feature 기능 구현 ♻️ refactor 리팩토링

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants