몽땅뚝딱 개발자

어느샌가부터 라우터를 설정하며 component 선언을 이렇게 하고 있었다. // router/index.js component: () => import( "./components/Main.vue" ) component를 가져와서 import하는게 아니라 함수형으로 호출하는 방식이디. 캡틴판교님의 Vue.js 실무 강의에서 배우고나서부터 자연스럽게 이렇게 쓰고 있었는데 이유는 홀라당 까먹어버림.. 그리고 돌고돌아 다시 Vue를 하게되면서 이렇게 함수형으로 컴포넌트를 가져오는 이유가 lazy-loading 때문이라는 것을 알게되었다. ◽ lazy-loading이란? lazy-loading은 화면의 보이는 부분, 랜딩페이지 또는 동작에 필요한 소스를 먼저 로드하고 다른 소스는 필요한 시점에 로드하는 방식으로..