리코일 로딩 실습

1. 로딩을 만드세요.

1. stroe.js에서 로딩 프로그래스를 리코일로 관리하세요.
2. src/components/Loading.js에서 로딩 프로그래스가 100이 될 때까지 0.1초에 5씩 증가하는 로직을 구현하세요.
3. App.js에서 로딩 프로그래스가 100이 되면 앱이 렌더링되도록 구현하세요.

---

2. App.js : 라우팅

1. 라우팅을 구현하세요.
   • Home
   • About
   • Services
   • Contact

---

3. App.js : Header

1. useEffect를 사용하여 scroll을 아래로 하면 Header가 사라지고 위로하면 Header가 보이게 해보세요.

---

4. src/_views/Home.js

1. swiper를 사용하여 이미지가 넘어갈때 이미지의 크기가 변경되는 효과를 만드세요.
   • scale-110
   • scale-100

---

5. Build는 안해도 됩니다.

gh-pages

---

6. react03ex02st 인스타그램 ROUTE 진행

완성했으면 다음 실습예제 진행해주세요. 아래 링크를 확인하여 github에서 react03ex02st를 clone하여 진행하시면 됩니다. https://seik1224.github.io/react03ex02/