[React] 정말 간단한 react 로딩화면 만들기 /react-loader-spinner 사용하기
로딩화면 없이 웹사이트가 멈춘상태가 유지된다면 유저는 "어? 오류가 났나?" "이 사이트 먹통이네" 라는 생각이 들게 합니다. 로딩화면의 구현은 정말 간단해 보이지만, css 애니메이션도 사용해야하고, setLoding을 구현하는 코드도 필요한 등, 요구사항이 꽤 많은데요~!! 하지만 react에선 이런 로딩화면을 구현해주는 라이브러리를 제공되고 있습니다 그건 바로~! react-loader-spinner! react-loader-spinner를 통해 로딩화면을 구현하는 방법에 대해 알아보겠습니다 (1) 라이브러리 설치 $ npm install react-loader-spinner --save 먼저 npm install을 통해 스피너 라이브러리를 설치해줍니다. (2) 라이브러리 import / 코드 구현..
2022. 5. 3.