/SimpleHR project
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토스트 호출 인터페이스 제공

fix-task-0605-md


디자인 스펙

  • 배경: 흰 배경
  • 아이콘: success / error 타입 구분 아이콘 표시
  • 닫기 버튼: X 버튼으로 수동 닫기 가능
  • 기존 3가지 인라인 토스트 패턴을 모두 공통 컴포넌트로 대체

fix-task-0605-md


적용 범위

  • 기업 관리자 페이지 19개 화면의 인라인 토스트를 공통 컴포넌트로 전환 완료 fix-task-0605-md
AI · 출처 클릭
전환 완료 페이지 수
19
fix-task-0605.md
기존 인라인 토스트 패턴 수
3
fix-task-0605.md

함께 수정된 버그

notices 페이지 무한 재조회 버그

  • 원인: showToast 어댑터가 메모화(memoization)되지 않아 매 렌더마다 새 참조가 생성됨
  • 증상: 목록 무한 재조회(infinite refetch) 발생
  • 조치: 어댑터 메모화 적용으로 버그 수정 완료

fix-task-0605-md


컴포넌트 플로우

관련 작업

이번 토스트 알림 통일 작업은 모바일 UI/UX 개선 작업 과 함께 UI 일관성 강화의 일환으로 진행되었다. 전체 수정 현황은 액션 아이템의사결정 로그를 참고한다.

기업 관리자 화면의 다른 주요 스펙:

Made with CairniExplore public wikis →