[React lazy] 리액트 lazy 사용하기 (SPA 속도 단점 보안)
·
프로그램/REACT
안녕하세요! 프뚜입니다. 리액트에서 SPA(Single Page Application)으로 개발을 진행하고 있습니다. SPA의 장점은 빠른 화면 이동 처리입니다. 하지만 빠른 화면이동 처리를 하기 위해선 첫 로딩 때 모든 페이지를 가져와야하는 부담이 있습니다. (페이지가 많아질수록 속도 이슈가 있음) 이 부분을 보안하기 위해 lazy를 도입하게 되었습니다. [개발 환경] - OS: Windows 10 64Bit - React: 18.2.0 # router.js로 이동하기 import React, {lazy} from 'react'; import {createBrowserRouter} from 'react-router-dom'; // 2023.02.03[프뚜]: template은 import 사용 impo..
프뚜
'Lazy' 태그의 글 목록