페이지 컴포넌트들 코드스플리팅 적용

[dlwl98]

⚙️ PR 타입

• Feature
• Hotfix

✨ 기능 설명 or 🚨 문제 상황

페이지 컴포넌트들 코드스플리팅 적용

👨‍💻 구현 내용 or 👍 해결 내용

feat: page components lazy import 적용

🎯 PR 포인트

📝 참고 사항

저희가 페이지들을 다 named exports 를 해서 lazy함수를 사용할 때 불편하더라구요

// default exports의 경우
const AllServicesPage = lazy(() => import('@pages/AllServicesPage'))

// named exports의 경우 2가지 방법
const AllServicesPage = lazy(() =>
  import('@pages/AllServicesPage').then(({ AllServicesPage }) => ({
    default: AllServicesPage,
  }))
);

const AllServicesPage = lazy(async () => ({
  default: (await import('@pages/AllServicesPage')).AllServicesPage,
}));

이 부분 재사용할 수 있는 함수 만들어두었습니다.

❓ 궁금한 점

[dlwl98]

🎉 @dlwl98 님 랜덤 리뷰어로 당첨되셨습니다! 리뷰를 부탁드립니다. 🙏