[FEAT] Toast 컴포넌트 생성

[seongminn]

🌍 이슈 번호

• closed [FEAT] Toast 컴포넌트 추가 #18

✅ 작업 내용

• Toast 컴포넌트 생성

  • Toast instance를 import 한 뒤, show 메서드를 호출하여 토스트를 생성할 수 있습니다.
  • 현재 디자인이 결정되지 않은 관계로 토스트를 여러 개 띄울 수 있도록 확장 가능하게 구현해두었습니다.
  • 다만 UI는 하나만 띄울 수 있도록 구현해두었는데, 추후 디자인이 결정됨에 따라 수정이 필요하다면 개선하도록 하겠습니다.
  • toast item이 일정 시간 뒤 삭제될 수 있도록 id를 부여할 필요가 있는데, 이에 따라 고유한 식별자를 생성하는 uuid 라이브러리를 설치했습니다.
  • 리액트에서 새로운 진입점(?)을 만들어주는 createRoot 메서드를 사용하기 위해 react-dom 라이브러리를 설치했습니다.

• Storybook package의 task 의존성 수정

  • 현재 @hcc/ui의 코드가 수정되어도 즉각적인 re-build가 되지 않아 스토리북에서 이를 확인하려면 매번 pnpm run build를 실행해야 합니다.
  • 이를 개선하기 위해 @hcc/ui에 "dev": "tsc --watch" 커맨드를 추가하고 task 의존성을 추가합니다.

📝 참고 자료

♾️ 기타

• 추후 디자인 결정에 따라 변경사항이 생길 시 스타일 수정

[HiimKwak]

고생하셨습니다! 훕치치가 UX 친화적으로 발전하고 있어 좋네요 ㅎㅎ

[ohprettyhak]

고생하셨습니다! :)