feat: 2,3,4,5번째 탭 다이나믹 임포트 처리

Highthon-Management · Nov 29, 2023 · 0bf5262 · 0bf5262
1 parent 970f72f
commit 0bf5262
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,9 +1,10 @@
 import styled from 'styled-components';
 import FirstSection from '../components/Landing/FirstSection';
-import SecondSection from '../components/Landing/SecondSection';
-import ThirdSection from '../components/Landing/ThirdSection';
-import FourthSection from '../components/Landing/FourthSection';
-import FifthSection from '../components/Landing/FifthSection';
+const SecondSection = React.lazy(() => import('../components/Landing/SecondSection'));
+const ThirdSection = React.lazy(() => import('../components/Landing/ThirdSection'));
+const FourthSection = React.lazy(() => import('../components/Landing/FourthSection'));
+const FifthSection = React.lazy(() => import('../components/Landing/FifthSection'));
+import React from 'react';
 
 const LandingPage = () => (
   <Wrapper>