From 49fe9fa449de1231fa0df365a97cb3a1ed68a881 Mon Sep 17 00:00:00 2001 From: ksmfou98 Date: Mon, 16 Oct 2023 18:32:14 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=BD=94?= =?UTF-8?q?=EB=93=9C=EC=8A=A4=ED=94=8C=EB=A6=AC=ED=8C=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/app/drink-info/[id]/page.tsx | 11 ++++++----- apps/jurumarble/src/app/map/page.tsx | 6 +++++- apps/jurumarble/src/app/my/page.tsx | 18 ++++++++++-------- apps/jurumarble/src/app/page.tsx | 17 +++++++++++------ apps/jurumarble/src/app/vote/[id]/page.tsx | 18 ++++++++++-------- 5 files changed, 42 insertions(+), 28 deletions(-) diff --git a/apps/jurumarble/src/app/drink-info/[id]/page.tsx b/apps/jurumarble/src/app/drink-info/[id]/page.tsx index e5dd96f9..f98fd6d4 100644 --- a/apps/jurumarble/src/app/drink-info/[id]/page.tsx +++ b/apps/jurumarble/src/app/drink-info/[id]/page.tsx @@ -1,15 +1,16 @@ "use client"; -import BottomBar from "components/BottomBar"; +import dynamic from "next/dynamic"; import React from "react"; -import DrinkCommentContainer from "./components/DrinkCommentContainer"; -import DrinkInfoContainer from "./components/DrinkInfoContainer"; + +const DynamicDrinkInfoContainer = dynamic(() => import("./components/DrinkInfoContainer")); +const DynamicDrinkCommentContainer = dynamic(() => import("./components/DrinkCommentContainer")); function DrinkInfoPage() { return ( <> - - + + ); } diff --git a/apps/jurumarble/src/app/map/page.tsx b/apps/jurumarble/src/app/map/page.tsx index 402a99fb..f46b806e 100644 --- a/apps/jurumarble/src/app/map/page.tsx +++ b/apps/jurumarble/src/app/map/page.tsx @@ -3,6 +3,7 @@ import BottomBar from "components/BottomBar"; import Header from "components/Header"; import { KAKAO_MAP_API_KEY } from "lib/constants"; +import dynamic from "next/dynamic"; import Script from "next/script"; import React from "react"; import MapContainer from "./components/MapContainer"; @@ -12,6 +13,9 @@ declare global { kakao: any; } } + +const DynamicMapContainer = dynamic(() => import("./components/MapContainer")); + const MapPage = () => { return ( <> @@ -21,7 +25,7 @@ const MapPage = () => { src={`//dapi.kakao.com/v2/maps/sdk.js?appkey=${KAKAO_MAP_API_KEY}&libraries=services&autoload=false`} >
- + ); diff --git a/apps/jurumarble/src/app/my/page.tsx b/apps/jurumarble/src/app/my/page.tsx index 21abd9f5..afc54589 100644 --- a/apps/jurumarble/src/app/my/page.tsx +++ b/apps/jurumarble/src/app/my/page.tsx @@ -1,15 +1,17 @@ -import BottomBar from "components/BottomBar"; -import Header from "components/Header"; -import UserInfoContainer from "./components/UseInfoContainer"; -import VoteListContainer from "./components/VoteListContainer"; +import dynamic from "next/dynamic"; + +const DynamicHeader = dynamic(() => import("components/Header")); +const DynamicUserInfoContainer = dynamic(() => import("./components/UseInfoContainer")); +const DynamicVoteListContainer = dynamic(() => import("./components/VoteListContainer")); +const DynamicBottomBar = dynamic(() => import("components/BottomBar")); function MyPage() { return ( <> -
- - - + + + + ); } diff --git a/apps/jurumarble/src/app/page.tsx b/apps/jurumarble/src/app/page.tsx index f73309c9..c55050cb 100644 --- a/apps/jurumarble/src/app/page.tsx +++ b/apps/jurumarble/src/app/page.tsx @@ -3,9 +3,6 @@ import BottomBar from "components/BottomBar"; import Header from "components/Header"; import styled, { css } from "styled-components"; -import Banner from "./main/components/Banner"; -import SearchInputWrapper from "./main/components/SearchInputWrapper"; -import TodayDrinkRecommendation from "./main/components/TodayDrinkRecommendation"; import dynamic from "next/dynamic"; const DynamicHotDrinkVoteContainer = dynamic( @@ -23,14 +20,22 @@ const DynamicHotDrinkContainer = dynamic(() => import("./main/components/HotDrin ), }); +const DynamicTodayDrinkRecommendation = dynamic( + () => import("./main/components/TodayDrinkRecommendation"), +); + +const DynamicSearchInputWrapper = dynamic(() => import("./main/components/SearchInputWrapper")); + +const DynamicBanner = dynamic(() => import("./main/components/Banner")); + function MainPage() { return ( <>
- + - - + + diff --git a/apps/jurumarble/src/app/vote/[id]/page.tsx b/apps/jurumarble/src/app/vote/[id]/page.tsx index dccba602..3ec3877b 100644 --- a/apps/jurumarble/src/app/vote/[id]/page.tsx +++ b/apps/jurumarble/src/app/vote/[id]/page.tsx @@ -3,14 +3,10 @@ import styled, { css } from "styled-components"; import VoteWriterBox from "./components/VoteWriterBox"; import { DrinkCapacityHigh, DrinkCapacityLow, DrinkCapacityMedium } from "public/images"; -import VoteDescription from "./components/VoteDescription"; -import ChipContainer from "./components/ChipContainer"; -import CommentContainer from "./components/CommentContainer"; import { useParams } from "next/navigation"; import useVoteLoadService from "./services/useVoteLoadService"; import useExecuteVoteService from "./services/useExecuteVoteService"; import useFilteredStatisticsService from "./services/useFilterStatisticsService"; -import VoteAnalyzeBar from "./components/VoteAnalyzeBar"; import { useMemo, useState } from "react"; import useBookmarkService from "services/useBookmarkService"; import Loading from "components/Loading"; @@ -21,6 +17,12 @@ import { VOTE_MBTI_LIST, } from "lib/constants"; import VoteSmallSelectFilter from "./components/VoteSmallSelectFilter"; +import dynamic from "next/dynamic"; + +const DynamicChipContainer = dynamic(() => import("./components/ChipContainer")); +const DynamicVoteDescription = dynamic(() => import("./components/VoteDescription")); +const DynamicCommentContainer = dynamic(() => import("./components/CommentContainer")); +const DynamicVoteAnalyzeBar = dynamic(() => import("./components/VoteAnalyzeBar")); function Detail() { const params = useParams(); @@ -117,7 +119,7 @@ function Detail() { }} /> - - {!!select.choice && ( <> - )} - + );