router에서 component import하는 방식에 관한 질문입니다

Question

라우터 디렉토리의 index.js에서 컴포넌트를 최상단에서 전부 import하시고, 컴포넌트에서 해당 임포트를 적어주는 것과,

component: 여기에서 화살표 함수로 import하는 것의 차이가 있을까요?.? 이전 프로젝트에서 그렇게 하시는 것을 보고 따라서 해보긴했는데, 의미적인 차이를 모르겠어서 질문 남깁니다:))

+) 추가적으로, 짐코딩님을 구글링해서 들어가는 페이지에서 들어갈 수 있는 강의교안 페이지에는 코드예제들이 빠져서 보이는 현상이 있는데, 수정이 어려우실까요?

짐코딩 · Answer

안녕하세요 :) 화살표 함수로 import 하는 것을 Lazy Loading(지연된 로딩)라우트 라고 합니다. 말 그대로 "해당 페이지를 방문할 때 로딩 시키겠다" 라는 뜻 이에요. (반면에 선언 먼저 하게 되면 앱 로딩시 한 꺼번에 로딩이 되겠죠?) 관련 내용 공유 드립니다. Lazy Loading Routes (en) 지연된 로딩 (ko) 그리고 제 사이트를 리뉴얼 해야 하는데 못하고 있네요 🥲 우선 아래 링크를 통해서 확인해 주시겠어요? [짐코딩 사이트 notion] https://gymcoding.notion.site/GYM-CODING-b1dce403d9a2413f803ce0e0521411a8 감사합니다 🙂