DAY40 <!!!!ALERT!!!!>
ALERT
ALERT
알러트는 브라우저에서 기본으로 제공해주는 기능으로, 브라우저의 모든 행위를 멈추고 사용자에게 경고 메세지를 전달해준다.
하지만 경고 메세지 대신 사용자가 간단하게 무시할 수 있는 안드로이드의 토스트 메세지 처럼 리액트에도 alert를 대신 할 수 있는 많은 toast notification 이 존재한다.
우리 조에서는 팀원분이 tostify를 사용하셔서 이런 귀여운 팝업창이 뜨며 시간이 지나면 사라진다.
$ npm install --save react-toastify
$ yarn add react-toastify
명령어를 사용해서 인스톨 한뒤 사용할 수 있다.
우리 조는 위의 코드처럼 임포트 해와서 위치를 정한 뒤 사용해 주고
이런식으로 warning, success, error 에 메세지를 직접 입력 해 주어 팝업을 띄워 주었다.
npm react-toastify 에 들어가보면 조금 더 상세한 방법을 찾아볼 수 있다.
