Refactor: Route-based code splitting #394

[SEMINSEMINSEMIN]

code splitting이란?

라이브러리나 컴포넌트가 실제로 필요해질 때, 나중에 불러오는 것

code splitting 사용 이유

SPA의 단점 중 하나는 사용하지 않을 수 있는 페이지의 자바스크립트까지 한꺼번에 번들링하여 초기 로딩속도가 느릴 수 있다는 점이다. 이러한 문제점을 해결하기 위해 라우트에서 code splitting을 사용했다.

특이사항

• 기존: NavBar와 Profile에서 Loading.jsx를 불러옴
• 수정 후: Router.jsx에서 Suspense의 fallback으로 Loading 컴포넌트 이용을 통해 웹 페이지 불러오는 시간동안 Loading.jsx 컴포넌트를 보여주도록 함

[netlify[bot]]

✅ Deploy Preview for bokgungom-market ready!

Name	Link
🔨 Latest commit	4534839adf2632d835146d35e176147ac69ec1de
🔍 Latest deploy log	https://app.netlify.com/sites/bokgungom-market/deploys/63c7d1a13a30bd000828747d
😎 Deploy Preview	https://deploy-preview-395--bokgungom-market.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.