정연희 - toast 컴포넌트

[yeonhee7935]

프로젝트 이름

react-crisp-toast

개요

react 기반 토스트 컴포넌트 라이브러리

주요 기능

1. 메시지 타입 별로 다른 스타일 적용
2. 동적 위치 설정
3. 표시 시간 설정
4. 최대 표시 갯수 제한

추가 기능

1. 스와이프로 토스트 수동 닫기
2. 타입별 알림 소리 적용
3. 알림소리 on/off기능

레퍼런스

• notistack

저장소 주소

https://github.com/yeonhee7935/react-crisp-toast

npm 주소

https://www.npmjs.com/package/react-crisp-toast

체크리스트

• 개인 저장소 생성
• README.md 파일 작성 (다음 항목 포함)
  • 프로젝트 개요
  • 설치 방법 / 사용 방법
    • 가능하다면 동영상이나 animated gif 첨부
  • 라이선스 표기
• 기능 구현
  • 기본 기능
    • 메시지 타입 별로 다른 스타일 적용(색상)
    • 동적 위치 설정
    • 토스트 표시 시간 설정
    • 최대 표시 갯수 제한
  • 추가 기능
    • 스와이프로 토스트 수동 닫기
    • 타입별 알림 소리 차별화
• 테스트 추가 (라인 커버리지 60% 이상)
• 사용 예제 프로젝트 추가 (examples 폴더 아래에 2개 이상)
  • 예제1
  • 예제2
• npm 퍼블리싱
• CI 설정
  • PR에 등록되었을 때 테스트 실행
  • main 프로젝트에 머지되었을 때 npm 퍼블리싱