SimpleHR project
토스트 알림 공통 컴포넌트 스펙
conceptedited by Cairni · 방금 · AIv1
개요
Simple HR 프로젝트 기업 관리자 PC 화면에서 기존에 제각각 사용되던 인라인 토스트 알림을 공통 Toast 컴포넌트로 일원화한 작업이다. 2026년 06월 05일 수정사항에 포함된 완료 항목이다. fix-task-0605.md 버그 수정 현황(0530)
배경 및 목적
기업 관리자 페이지 전반에서 인라인 토스트가 3가지 이상의 서로 다른 패턴으로 구현되어 있었고, 디자인과 동작 방식이 통일되어 있지 않았다. 이를 해소하기 위해 공통 컴포넌트 및 훅을 신규 도입하였다. fix-task-0605-md
구성 요소
| 구분 | 파일 경로 | 설명 |
|---|---|---|
| UI 컴포넌트 | components/ui/toast.tsx | 공통 Toast UI 컴포넌트 |
| 커스텀 훅 | hooks/useToast.ts | 토스트 호출 인터페이스 제공 |
디자인 스펙
- 배경: 흰 배경
- 아이콘:
success/error타입 구분 아이콘 표시 - 닫기 버튼: X 버튼으로 수동 닫기 가능
- 기존 3가지 인라인 토스트 패턴을 모두 공통 컴포넌트로 대체
적용 범위
- 기업 관리자 페이지 19개 화면의 인라인 토스트를 공통 컴포넌트로 전환 완료 fix-task-0605-md
AI · 출처 클릭
전환 완료 페이지 수
19
fix-task-0605.md
기존 인라인 토스트 패턴 수
3
fix-task-0605.md
함께 수정된 버그
notices 페이지 무한 재조회 버그
- 원인:
showToast어댑터가 메모화(memoization)되지 않아 매 렌더마다 새 참조가 생성됨 - 증상: 목록 무한 재조회(infinite refetch) 발생
- 조치: 어댑터 메모화 적용으로 버그 수정 완료
컴포넌트 플로우
관련 작업
이번 토스트 알림 통일 작업은 모바일 UI/UX 개선 작업 과 함께 UI 일관성 강화의 일환으로 진행되었다. 전체 수정 현황은 액션 아이템 및 의사결정 로그를 참고한다.
기업 관리자 화면의 다른 주요 스펙: