[블로그]블로그 개발 일지 #3 - 공통 컴포넌트

추가적인 공통 컴포넌트 작업 토스트 팝업 전 팀 프로젝트에서 만들었던 토스트 팝업을 가져와서 사용하기로 했습니다. react-hot-toast를 참고해서 만들었습니다. 토스트는 Toast.ts, Toaster.tsx, ToastStore.ts로 이루어져 있으며, Zustand를 활용하여 전역으로 상태를 관리하였습니다. Toast ToastStore을 이용해서 토스트를 추가, 수정, 삭제하는 함수를 제공합니다. success, error, warning, info, loading 함수 : 각각 성공, 에러, 경고, 정보, 로딩 상태의 토스트 메시지를 표시합니다. 메시지와 타입("success", "error", 등), 지속 시간(duration)을 인수로 받습니다. **