Skip to content

[Feat] 전역 사용 Toast 구현#9

Merged
BZzzzi merged 3 commits into
developfrom
feature/common-toast
Nov 7, 2025
Merged

[Feat] 전역 사용 Toast 구현#9
BZzzzi merged 3 commits into
developfrom
feature/common-toast

Conversation

@BZzzzi

@BZzzzi BZzzzi commented Nov 7, 2025

Copy link
Copy Markdown
Owner

작업 내용

  • 컴포넌트 생성 및 success/delete 타입 지원
  • 반응형 디자인 적용 (small/medium/large)
  • ToastContext 및 ToastProvider를 통한 전역 토스트 상태 관리
  • useToast 커스텀 훅 제공 (success, delete 메서드)
  • createPortal을 활용한 토스트 렌더링 구조
  • 5초 자동 사라짐 및 수동 닫기 기능
  • 토스트 테스트 페이지 추가
  • temp-page 임시 네비게이션 페이지 추가

관련 이슈


체크리스트

  • 코드에 불필요한 콘솔 로그가 없습니다.
  • 코드 스타일이 ESLint & Prettier 규칙을 따릅니다.
  • 빌드 및 실행 테스트를 완료했습니다.

스크린샷

image

- <Toast /> 컴포넌트 생성 및 success/delete 타입 지원
- fadeIn/fadeOut 애니메이션 적용 (0.3s)
- media breakpoint 기반 반응형 디자인 적용 (small/medium/large)
- ToastContext 및 ToastProvider를 통한 전역 토스트 상태 관리
- useToast 커스텀 훅 제공 (success, delete 메서드)
- createPortal을 활용한 토스트 렌더링 구조
- 5초 자동 사라짐 및 수동 닫기 기능
- Fast Refresh 호환을 위한 Context 파일 분리
- 삭제 에러용 빨간색 아이콘 추가
- 토스트 테스트 페이지 추가
- CustomButton을 ButtonStyle로 네이밍 변경
- App.jsx의 미구현 라우트 주석 처리
@BZzzzi BZzzzi self-assigned this Nov 7, 2025
@BZzzzi BZzzzi added ✨ Feat 새로운 기능 구현 ♻️ Refactor 기능 변화 없는 코드 리팩토링 labels Nov 7, 2025
@BZzzzi BZzzzi changed the base branch from main to develop November 7, 2025 17:41
@BZzzzi BZzzzi merged commit 9da7be8 into develop Nov 7, 2025
1 check passed
@BZzzzi BZzzzi deleted the feature/common-toast branch November 7, 2025 17:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

✨ Feat 새로운 기능 구현 ♻️ Refactor 기능 변화 없는 코드 리팩토링

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant