하리하링웹

  • 홈
  • 태그
  • 방명록

Notification 1

React로 토스트 알람(Toast Notification) Provider 만들어보기

위 사진에서 UI를 담당하는 Notification Component가 아니라 이를 구현하기 위한 Provider를 만들 예정이다. 필요한 기능들은 아래와 같다. 1. 토스트기능 2. Auto dismiss on/off 기능 3. dismiss ms 설정 기능 4. success,alert,info 3가지 종류 라이브러리는 안쓸 수 있으면 최대한 안쓰기로 마음먹었기에 별다른 토스트 라이브러리를 사용하지 않고 직접 구현하였다. 먼저 기본적으로 필요한 Type들을 정의해준다. 자동으로 Notification가 닫히는 시간을 5초로 정의하였으며 Auto Dismiss유무는 True로 정의하였다. 이 값은 사용자가 Option값을 넣지 않았을때의 기본값이다. 이후 Notification을 Provide하기 위한..

frontend 2023.01.14
이전
1
다음
더보기
프로필사진

kjsik11@gmail.com / 잘못된 정보에 대한 피드백은 언제나 환영입니다.

  • 분류 전체보기 (96) N
    • ai (1) N
    • javascript (7)
    • frontend (34)
    • backend (2)
    • etc (10)
    • project (1)
    • browser (3)
    • algorithm (0)
    • typescript (4)
    • devops (6)
    • aws (23)
    • docker (0)
    • git (0)
    • database (1)
    • builder (3)
    • security (1)

Tag

EC2, TypeScript, React, nextjs, maplibre, PMTiles, builder, frontend, WEB, AWS, docker, 지도, JavaScript, DevOps, mongodb, node, useSWR, re-rendering, ECS, test,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바