인프런 커뮤니티 질문&답변

jj4783님의 프로필 이미지
jj4783

작성한 질문수

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

json-server & axios : CRUD 구현

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

작성

·

212

0

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

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

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

답변 1

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 :)
화살표 함수로 import 하는 것을 Lazy Loading(지연된 로딩)라우트 라고 합니다.
말 그대로 "해당 페이지를 방문할 때 로딩 시키겠다" 라는 뜻 이에요.
(반면에 선언 먼저 하게 되면 앱 로딩시 한 꺼번에 로딩이 되겠죠?)

관련 내용 공유 드립니다.

 

그리고 제 사이트를 리뉴얼 해야 하는데 못하고 있네요 🥲 우선 아래 링크를 통해서 확인해 주시겠어요?

[짐코딩 사이트 notion]
https://gymcoding.notion.site/GYM-CODING-b1dce403d9a2413f803ce0e0521411a8

감사합니다 🙂

jj4783님의 프로필 이미지
jj4783
질문자

링크 감사합니다:))
그러면, 최상단에서의 선언문과 routes내부에서 import를 잘 섞어서 쓴다면 조금 더 좋을수 있겠네요?!

답변감사드립니다.

jj4783님의 프로필 이미지
jj4783

작성한 질문수

질문하기