From b3159c808837397933687595e6cf0f56e4059dec Mon Sep 17 00:00:00 2001 From: minjeong9919 Date: Tue, 25 Feb 2025 13:19:25 +0900 Subject: [PATCH 1/2] =?UTF-8?q?chore:=20=EC=BD=94=EB=93=9C=20=EC=B5=9C?= =?UTF-8?q?=EC=A0=81=ED=99=94=EB=A5=BC=20=EC=9C=84=ED=95=9C=20rollup-visua?= =?UTF-8?q?lizer=20=EB=9D=BC=EC=9D=B4=EB=B8=8C=EB=9F=AC=EB=A6=AC=20?= =?UTF-8?q?=EC=84=A4=EC=B9=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 184 ++ package.json | 1 + stats.html | 4949 +++++++++++++++++++++++++++++++++++++++++++++ vite.config.ts | 11 +- 4 files changed, 5144 insertions(+), 1 deletion(-) create mode 100644 stats.html diff --git a/package-lock.json b/package-lock.json index 33454882..7d960f11 100644 --- a/package-lock.json +++ b/package-lock.json @@ -43,6 +43,7 @@ "globals": "^15.14.0", "import-fresh": "^3.3.1", "prettier": "^3.4.2", + "rollup-plugin-visualizer": "^5.14.0", "sass": "^1.55.0", "stylelint": "^16.12.0", "stylelint-config-prettier-scss": "^1.0.0", @@ -3373,6 +3374,16 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/define-lazy-prop": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz", + "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/define-properties": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz", @@ -5376,6 +5387,22 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-docker": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz", + "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==", + "dev": true, + "license": "MIT", + "bin": { + "is-docker": "cli.js" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/is-extendable": { "version": "0.1.1", "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", @@ -5645,6 +5672,19 @@ "dev": true, "license": "MIT" }, + "node_modules/is-wsl": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", + "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-docker": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/isarray": { "version": "2.0.5", "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz", @@ -6582,6 +6622,24 @@ "node": ">=4" } }, + "node_modules/open": { + "version": "8.4.2", + "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz", + "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "define-lazy-prop": "^2.0.0", + "is-docker": "^2.1.1", + "is-wsl": "^2.2.0" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/optionator": { "version": "0.9.4", "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz", @@ -7694,6 +7752,132 @@ "fsevents": "~2.3.2" } }, + "node_modules/rollup-plugin-visualizer": { + "version": "5.14.0", + "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.14.0.tgz", + "integrity": "sha512-VlDXneTDaKsHIw8yzJAFWtrzguoJ/LnQ+lMpoVfYJ3jJF4Ihe5oYLAqLklIK/35lgUY+1yEzCkHyZ1j4A5w5fA==", + "dev": true, + "license": "MIT", + "dependencies": { + "open": "^8.4.0", + "picomatch": "^4.0.2", + "source-map": "^0.7.4", + "yargs": "^17.5.1" + }, + "bin": { + "rollup-plugin-visualizer": "dist/bin/cli.js" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "rolldown": "1.x", + "rollup": "2.x || 3.x || 4.x" + }, + "peerDependenciesMeta": { + "rolldown": { + "optional": true + }, + "rollup": { + "optional": true + } + } + }, + "node_modules/rollup-plugin-visualizer/node_modules/cliui": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", + "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==", + "dev": true, + "license": "ISC", + "dependencies": { + "string-width": "^4.2.0", + "strip-ansi": "^6.0.1", + "wrap-ansi": "^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-plugin-visualizer/node_modules/picomatch": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz", + "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/rollup-plugin-visualizer/node_modules/source-map": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz", + "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">= 8" + } + }, + "node_modules/rollup-plugin-visualizer/node_modules/wrap-ansi": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/rollup-plugin-visualizer/node_modules/y18n": { + "version": "5.0.8", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", + "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=10" + } + }, + "node_modules/rollup-plugin-visualizer/node_modules/yargs": { + "version": "17.7.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz", + "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==", + "dev": true, + "license": "MIT", + "dependencies": { + "cliui": "^8.0.1", + "escalade": "^3.1.1", + "get-caller-file": "^2.0.5", + "require-directory": "^2.1.1", + "string-width": "^4.2.3", + "y18n": "^5.0.5", + "yargs-parser": "^21.1.1" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-plugin-visualizer/node_modules/yargs-parser": { + "version": "21.1.1", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz", + "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=12" + } + }, "node_modules/run-async": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz", diff --git a/package.json b/package.json index 6d83b69c..c5ea63ac 100644 --- a/package.json +++ b/package.json @@ -46,6 +46,7 @@ "globals": "^15.14.0", "import-fresh": "^3.3.1", "prettier": "^3.4.2", + "rollup-plugin-visualizer": "^5.14.0", "sass": "^1.55.0", "stylelint": "^16.12.0", "stylelint-config-prettier-scss": "^1.0.0", diff --git a/stats.html b/stats.html new file mode 100644 index 00000000..61029898 --- /dev/null +++ b/stats.html @@ -0,0 +1,4949 @@ + + + + + + + + Rollup Visualizer + + + +
+ + + + + diff --git a/vite.config.ts b/vite.config.ts index f7af8bf9..443076ed 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,15 +1,24 @@ -import { defineConfig } from 'vite'; +import { defineConfig, PluginOption } from 'vite'; import svgr from 'vite-plugin-svgr'; import react from '@vitejs/plugin-react-swc'; +import { visualizer } from 'rollup-plugin-visualizer'; // https://vite.dev/config/ export default defineConfig({ + build: { + rollupOptions: { + external: ['react', 'react-dom'], + treeshake: true, + }, + cssCodeSplit: true, + }, plugins: [ svgr({ // A minimatch pattern, or array of patterns, which specifies the files in the build the plugin should include. include: '**/*.svg?react', }), react(), + [visualizer() as PluginOption], ], css: { preprocessorOptions: { From 746aab0ae5eb31364beed7716e448c82fabc3a4b Mon Sep 17 00:00:00 2001 From: minjeong9919 Date: Tue, 25 Feb 2025 13:19:49 +0900 Subject: [PATCH 2/2] =?UTF-8?q?refactor:=20lazy-loading=EC=9C=BC=EB=A1=9C?= =?UTF-8?q?=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 1 + src/App.tsx | 6 +- src/components/preview/PreviewThumbnail.tsx | 22 +-- src/pages/collaboration/CollaborationMain.tsx | 3 +- .../collaboration/CollaborationRegister.tsx | 4 +- .../collaboration/PostDetailWithLink.tsx | 3 +- src/pages/errorPage/ErrorPage.tsx | 3 +- src/pages/idea-market/IdeaMarketMain.tsx | 4 +- .../idea-market/IdeaMarketMarketPlace.tsx | 4 +- src/pages/idea-market/IdeaMarketPayment.tsx | 6 +- src/pages/idea-market/IdeaMarketRegister.tsx | 4 +- .../IdeaMarketRegisterComplete.tsx | 4 +- src/pages/idea-market/IdeaRegisteredPage.tsx | 6 +- src/pages/idea-market/PaymentCancel.tsx | 3 +- src/pages/idea-market/PaymentFail.tsx | 4 +- src/pages/idea-market/PaymentProcessing.tsx | 2 +- src/pages/idea-market/PaymentSuccess.tsx | 3 +- src/pages/login/Login.tsx | 3 +- src/pages/main/main.tsx | 3 +- .../my-page/apply/ApplyCollaboration.tsx | 5 +- src/pages/my-page/apply/ApplyRequest.tsx | 5 +- src/pages/my-page/apply/PurchaseList.tsx | 5 +- src/pages/my-page/info/Info.tsx | 5 +- src/pages/my-page/message/Message.tsx | 3 +- src/pages/my-page/myPage/MyPage.tsx | 3 +- src/pages/my-page/myPage/RecentNews.tsx | 3 +- src/pages/my-page/myPagePosts/MyPagePosts.tsx | 5 +- src/pages/my-page/portfolio/Portfolio.tsx | 3 +- .../CollaborationRegistered.tsx | 17 +-- .../postsCollaboration/PostsCollaboration.tsx | 5 +- .../postsIdeaMarket/IdeaMarketEdit.tsx | 5 +- .../postsIdeaMarket/IdeaMarketRegistered.tsx | 5 +- .../postsIdeaMarket/PostsIdeaMarket.tsx | 6 +- .../postsRequestAssign/PostsRequestAssign.tsx | 5 +- .../RequestAssignRegistered.tsx | 5 +- src/pages/my-page/saved-posts/SavedPosts.tsx | 5 +- .../personal-profile/PersonalProfile.tsx | 3 +- .../request-assign/RequestAssignMain.tsx | 4 +- .../request-assign/RequestAssignRegister.tsx | 12 +- .../RequestAssignRegisterComplete.tsx | 3 +- .../request-assign/RequestAssignTechZone.tsx | 3 +- .../request-assign/RequestRegisteredPage.tsx | 5 +- src/pages/sign-up/Signup.tsx | 3 +- src/routes.tsx | 139 +++++++++++++----- 44 files changed, 215 insertions(+), 135 deletions(-) diff --git a/index.html b/index.html index 823f7342..af1a4f6f 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,7 @@
diff --git a/src/App.tsx b/src/App.tsx index 9350bc2c..e61e6c2b 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -3,6 +3,8 @@ import { routes } from './routes'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { ReactQueryDevtools } from '@tanstack/react-query-devtools'; import { ToastProvider } from './contexts/toastContext'; +import { Suspense } from 'react'; +import LoadingPage from './pages/loading/LoadingPage'; function App() { const queryClient = new QueryClient(); @@ -11,7 +13,9 @@ function App() { - ; + }> + ; + ); diff --git a/src/components/preview/PreviewThumbnail.tsx b/src/components/preview/PreviewThumbnail.tsx index 476d2bbe..5e565d52 100644 --- a/src/components/preview/PreviewThumbnail.tsx +++ b/src/components/preview/PreviewThumbnail.tsx @@ -3,7 +3,6 @@ import classNames from 'classnames'; import { useNavigate } from 'react-router-dom'; import Bookmark from '../../assets/icons/bookmark.svg?react'; import UnclickBookmark from '../../assets/icons/unclickBookmark.svg?react'; -import DefaultImage from '../../assets/icons/defaultImage.svg?react'; import styles from './previewThumbnail.module.scss'; import { Image } from '../common/image/Image'; @@ -106,22 +105,11 @@ const PreviewThumbnail: React.FC = ({ data }) => { className={styles.thumbnailImage} onClick={handleImageClick} style={{ cursor: 'pointer' }}> - {imageUrl && imageUrl.trim() !== '' && imageUrl !== 'string' ? ( - {description} - ) : ( - - )} + {description} +
diff --git a/src/pages/collaboration/CollaborationMain.tsx b/src/pages/collaboration/CollaborationMain.tsx index f661d10c..bbb34829 100644 --- a/src/pages/collaboration/CollaborationMain.tsx +++ b/src/pages/collaboration/CollaborationMain.tsx @@ -44,7 +44,7 @@ interface CollaborationData { isSavedPost: boolean; } -export const CollaborationMain = () => { +const CollaborationMain = () => { const navigate = useNavigate(); const [isDropdownOpen, setIsDropdownOpen] = useState(false); const [collaborationData, setCollaborationData] = useState< @@ -268,3 +268,4 @@ export const CollaborationMain = () => { ); }; +export default CollaborationMain; diff --git a/src/pages/collaboration/CollaborationRegister.tsx b/src/pages/collaboration/CollaborationRegister.tsx index 2ffaccf9..cea71f55 100644 --- a/src/pages/collaboration/CollaborationRegister.tsx +++ b/src/pages/collaboration/CollaborationRegister.tsx @@ -104,7 +104,7 @@ const OPTIONS = [ // numberOfPeople: number; // } -export const CollaborationRegister = () => { +const CollaborationRegister = () => { const navigate = useNavigate(); const [category, setCategory] = useState(''); const [isDropdownOpen, setIsDropdownOpen] = useState(false); @@ -790,3 +790,5 @@ export const CollaborationRegister = () => {
); }; + +export default CollaborationRegister; diff --git a/src/pages/collaboration/PostDetailWithLink.tsx b/src/pages/collaboration/PostDetailWithLink.tsx index 9652dd48..844a37b7 100644 --- a/src/pages/collaboration/PostDetailWithLink.tsx +++ b/src/pages/collaboration/PostDetailWithLink.tsx @@ -17,7 +17,7 @@ import { getCollaborationDetail } from '../../apis/detailPageAPI'; import { CollaborationDetail } from '../../types/detailPageType'; import { getUserIdFromToken } from '../../utils/auth'; -export const PostDetailWithLink = () => { +const PostDetailWithLink = () => { const { collaborationId } = useParams<{ collaborationId: string }>(); const { data, isLoading, error } = useQuery({ @@ -120,3 +120,4 @@ export const PostDetailWithLink = () => { ); }; +export default PostDetailWithLink; diff --git a/src/pages/errorPage/ErrorPage.tsx b/src/pages/errorPage/ErrorPage.tsx index 4acc5687..e3aec735 100644 --- a/src/pages/errorPage/ErrorPage.tsx +++ b/src/pages/errorPage/ErrorPage.tsx @@ -2,7 +2,7 @@ import PageErrorIcon from '../../assets/icons/pageError.svg?react'; import styles from './errorPage.module.scss'; import { useNavigate } from 'react-router-dom'; -export const ErrorPage = () => { +const ErrorPage = () => { const navigate = useNavigate(); const goBackTwice = () => { @@ -30,3 +30,4 @@ export const ErrorPage = () => {
); }; +export default ErrorPage; diff --git a/src/pages/idea-market/IdeaMarketMain.tsx b/src/pages/idea-market/IdeaMarketMain.tsx index 5f824716..80852a62 100644 --- a/src/pages/idea-market/IdeaMarketMain.tsx +++ b/src/pages/idea-market/IdeaMarketMain.tsx @@ -46,7 +46,7 @@ const sortMap: Record = { lowView: 'LOWEST_PRICE', }; -export const IdeaMarketMain = () => { +const IdeaMarketMain = () => { const queryClient = useQueryClient(); const navigate = useNavigate(); const [isDropdownOpen, setIsDropdownOpen] = useState(false); @@ -359,3 +359,5 @@ export const IdeaMarketMain = () => { ); }; + +export default IdeaMarketMain; diff --git a/src/pages/idea-market/IdeaMarketMarketPlace.tsx b/src/pages/idea-market/IdeaMarketMarketPlace.tsx index d5dccbda..941e4a38 100644 --- a/src/pages/idea-market/IdeaMarketMarketPlace.tsx +++ b/src/pages/idea-market/IdeaMarketMarketPlace.tsx @@ -46,7 +46,7 @@ const sortMap: Record = { lowView: 'LOWEST_PRICE', }; -export const IdeaMarketMarketPlace = () => { +const IdeaMarketMarketPlace = () => { const queryClient = useQueryClient(); const navigate = useNavigate(); const [isDropdownOpen, setIsDropdownOpen] = useState(false); @@ -359,3 +359,5 @@ export const IdeaMarketMarketPlace = () => { ); }; + +export default IdeaMarketMarketPlace; diff --git a/src/pages/idea-market/IdeaMarketPayment.tsx b/src/pages/idea-market/IdeaMarketPayment.tsx index e54e62bd..cbf4bd80 100644 --- a/src/pages/idea-market/IdeaMarketPayment.tsx +++ b/src/pages/idea-market/IdeaMarketPayment.tsx @@ -9,9 +9,9 @@ import { useQuery } from '@tanstack/react-query'; import { getIdeaMarketPayment } from '../../apis/purchaseAPI'; import { IdeaMarketPurchase } from '../../types/purchaseType'; import LoadingPage from '../loading/LoadingPage'; -import { ErrorPage } from '../errorPage/ErrorPage'; +import ErrorPage from '../errorPage/ErrorPage'; -export const IdeaMarketPayment = () => { +const IdeaMarketPayment = () => { const { ideaId } = useParams<{ ideaId: string }>(); const parsedIdeaId = ideaId && !isNaN(Number(ideaId)) ? Number(ideaId) : null; const [quantity, setQuantity] = useState(1); @@ -61,3 +61,5 @@ export const IdeaMarketPayment = () => { ); }; + +export default IdeaMarketPayment; diff --git a/src/pages/idea-market/IdeaMarketRegister.tsx b/src/pages/idea-market/IdeaMarketRegister.tsx index 3339f2d8..a4c61961 100644 --- a/src/pages/idea-market/IdeaMarketRegister.tsx +++ b/src/pages/idea-market/IdeaMarketRegister.tsx @@ -95,7 +95,7 @@ const OPTIONS = [ '기타', ]; -export const IdeaMarketRegister = () => { +const IdeaMarketRegister = () => { const navigate = useNavigate(); const location = useLocation(); const defaultPageType = location.state?.defaultPageType || 'Idea Solution'; @@ -681,3 +681,5 @@ export const IdeaMarketRegister = () => { ); }; + +export default IdeaMarketRegister; diff --git a/src/pages/idea-market/IdeaMarketRegisterComplete.tsx b/src/pages/idea-market/IdeaMarketRegisterComplete.tsx index 4f8485f3..4413d536 100644 --- a/src/pages/idea-market/IdeaMarketRegisterComplete.tsx +++ b/src/pages/idea-market/IdeaMarketRegisterComplete.tsx @@ -2,7 +2,7 @@ import styles from './ideaMarketRegisterComplete.module.scss'; import FinishIcon from '../../assets/icons/finishIcon.svg?react'; import { useNavigate, useSearchParams } from 'react-router-dom'; -export const IdeaMarketRegisterComplete = () => { +const IdeaMarketRegisterComplete = () => { const navigate = useNavigate(); const [searchParams] = useSearchParams(); const postId = searchParams.get('postId'); @@ -40,3 +40,5 @@ export const IdeaMarketRegisterComplete = () => { ); }; + +export default IdeaMarketRegisterComplete; diff --git a/src/pages/idea-market/IdeaRegisteredPage.tsx b/src/pages/idea-market/IdeaRegisteredPage.tsx index 128f942e..a9153fb1 100644 --- a/src/pages/idea-market/IdeaRegisteredPage.tsx +++ b/src/pages/idea-market/IdeaRegisteredPage.tsx @@ -11,10 +11,10 @@ import { getIdeaMarketDetail } from '../../apis/detailPageAPI'; import { IdeaMarketDetail } from '../../types/detailPageType'; import { getUserIdFromToken } from '../../utils/auth'; import LoadingPage from '../loading/LoadingPage'; -import { ErrorPage } from '../errorPage/ErrorPage'; +import ErrorPage from '../errorPage/ErrorPage'; import { Join } from '../join/Join'; -export const IdeaRegisteredPage = () => { +const IdeaRegisteredPage = () => { const { ideaId } = useParams<{ ideaId: string }>(); const { data, isLoading, error } = useQuery({ @@ -77,3 +77,5 @@ export const IdeaRegisteredPage = () => { ); }; + +export default IdeaRegisteredPage; diff --git a/src/pages/idea-market/PaymentCancel.tsx b/src/pages/idea-market/PaymentCancel.tsx index a198f68a..48a39658 100644 --- a/src/pages/idea-market/PaymentCancel.tsx +++ b/src/pages/idea-market/PaymentCancel.tsx @@ -2,7 +2,7 @@ import styles from './paymentFail.module.scss'; import FailIcon from '../../assets/icons/failIcon.svg?react'; import IdeaReplayIcon from '../../assets/icons/ideaReplay.svg?react'; -export const PaymentCancel = () => { +const PaymentCancel = () => { const goBackTwice = () => { window.history.go(-3); }; @@ -24,3 +24,4 @@ export const PaymentCancel = () => { ); }; +export default PaymentCancel; diff --git a/src/pages/idea-market/PaymentFail.tsx b/src/pages/idea-market/PaymentFail.tsx index e0362f2e..d95ee9a8 100644 --- a/src/pages/idea-market/PaymentFail.tsx +++ b/src/pages/idea-market/PaymentFail.tsx @@ -3,7 +3,7 @@ import FailIcon from '../../assets/icons/failIcon.svg?react'; import IdeaReplayIcon from '../../assets/icons/ideaReplay.svg?react'; import { useNavigate, useLocation } from 'react-router-dom'; -export const PaymentFail = () => { +const PaymentFail = () => { const navigate = useNavigate(); const location = useLocation(); @@ -35,3 +35,5 @@ export const PaymentFail = () => { ); }; + +export default PaymentFail; diff --git a/src/pages/idea-market/PaymentProcessing.tsx b/src/pages/idea-market/PaymentProcessing.tsx index dc99bc04..d3e68844 100644 --- a/src/pages/idea-market/PaymentProcessing.tsx +++ b/src/pages/idea-market/PaymentProcessing.tsx @@ -4,7 +4,7 @@ import IdeaReplayIcon from '../../assets/icons/ideaReplay.svg?react'; import { kakaoPayApprove } from '../../apis/kakaoAPI'; import styles from './paymentProcessing.module.scss'; -export const PaymentProcessing = () => { +const PaymentProcessing = () => { const navigate = useNavigate(); const [searchParams] = useSearchParams(); const [isApproved, setIsApproved] = useState(false); diff --git a/src/pages/idea-market/PaymentSuccess.tsx b/src/pages/idea-market/PaymentSuccess.tsx index c3fc4c9a..01cd0e6e 100644 --- a/src/pages/idea-market/PaymentSuccess.tsx +++ b/src/pages/idea-market/PaymentSuccess.tsx @@ -2,7 +2,7 @@ import styles from './paymentSuccess.module.scss'; import FinishIcon from '../../assets/icons/finishIcon.svg?react'; import { useNavigate } from 'react-router-dom'; -export const PaymentSuccess = () => { +const PaymentSuccess = () => { const navigate = useNavigate(); const handleMyPageClick = () => { @@ -25,3 +25,4 @@ export const PaymentSuccess = () => { ); }; +export default PaymentSuccess; diff --git a/src/pages/login/Login.tsx b/src/pages/login/Login.tsx index 9c73794b..2d19305d 100644 --- a/src/pages/login/Login.tsx +++ b/src/pages/login/Login.tsx @@ -20,7 +20,7 @@ interface LoginPropsType { userType: 'personal' | 'corporate'; } -export const Login = ({ userType }: LoginPropsType) => { +const Login = ({ userType }: LoginPropsType) => { const [member, setMember] = useState<'personal' | 'corporate'>(userType); const [isVisiblePassword, setIsVisiblePassword] = useState(false); const { errorToast, successToast } = useContext(ToastContext); @@ -197,3 +197,4 @@ export const Login = ({ userType }: LoginPropsType) => { ); }; +export default Login; diff --git a/src/pages/main/main.tsx b/src/pages/main/main.tsx index 205a31b9..a5c6d28f 100644 --- a/src/pages/main/main.tsx +++ b/src/pages/main/main.tsx @@ -7,7 +7,7 @@ import Individual from '../../assets/icons/individualMember.svg?react'; import Corporate from '../../assets/icons/corporateMember.svg?react'; import Logo from '../../assets/icons/logo.svg?react'; -export const Main = () => { +const Main = () => { const navigate = useNavigate(); const accessToken = localStorage.getItem('accessToken'); @@ -44,3 +44,4 @@ export const Main = () => { ); }; +export default Main; diff --git a/src/pages/my-page/apply/ApplyCollaboration.tsx b/src/pages/my-page/apply/ApplyCollaboration.tsx index 63e83f1c..95a86524 100644 --- a/src/pages/my-page/apply/ApplyCollaboration.tsx +++ b/src/pages/my-page/apply/ApplyCollaboration.tsx @@ -11,9 +11,9 @@ import { PostAuthorInfo } from '../../../components/my-page/apply/PostAuthorInfo import { ApplyDetailsInfo } from '../../../components/my-page/apply/ApplyDetailsInfo'; import { ApplyTable } from '../../../components/my-page/apply/ApplyTable'; import LoadingPage from '../../loading/LoadingPage'; -import { ErrorPage } from '../../errorPage/ErrorPage'; +import ErrorPage from '../../errorPage/ErrorPage'; -export const ApplyCollaboration = () => { +const ApplyCollaboration = () => { const FORM_DATA = { cardTitle: '협업 광장 지원 상세', labelText: '기업', @@ -151,3 +151,4 @@ export const ApplyCollaboration = () => { ); }; +export default ApplyCollaboration; diff --git a/src/pages/my-page/apply/ApplyRequest.tsx b/src/pages/my-page/apply/ApplyRequest.tsx index 5f74573c..9e43132d 100644 --- a/src/pages/my-page/apply/ApplyRequest.tsx +++ b/src/pages/my-page/apply/ApplyRequest.tsx @@ -12,9 +12,9 @@ import { ApplyDetailsInfo } from '../../../components/my-page/apply/ApplyDetails import { useContext } from 'react'; import { ToastContext } from '../../../contexts/toastContext'; import LoadingPage from '../../loading/LoadingPage'; -import { ErrorPage } from '../../errorPage/ErrorPage'; +import ErrorPage from '../../errorPage/ErrorPage'; -export const ApplyRequest = () => { +const ApplyRequest = () => { const FORM_DATA = { cardTitle: '요청 과제 지원 상세', labelText: '개인', @@ -130,3 +130,4 @@ export const ApplyRequest = () => { ); }; +export default ApplyRequest; diff --git a/src/pages/my-page/apply/PurchaseList.tsx b/src/pages/my-page/apply/PurchaseList.tsx index 6ef7e283..c62aa107 100644 --- a/src/pages/my-page/apply/PurchaseList.tsx +++ b/src/pages/my-page/apply/PurchaseList.tsx @@ -7,9 +7,9 @@ import { PostAuthorInfo } from '../../../components/my-page/apply/PostAuthorInfo import { PurchaseDetailsInfo } from '../../../components/my-page/apply/PurchaseDetailsInfo'; import { PayInfo } from '../../../components/my-page/apply/PayInfo'; import LoadingPage from '../../loading/LoadingPage'; -import { ErrorPage } from '../../errorPage/ErrorPage'; +import ErrorPage from '../../errorPage/ErrorPage'; -export const PurchaseList = () => { +const PurchaseList = () => { const FORM_DATA = { cardTitle: '구매 상세 내역', labelText: '기업', @@ -71,3 +71,4 @@ export const PurchaseList = () => { ); }; +export default PurchaseList; diff --git a/src/pages/my-page/info/Info.tsx b/src/pages/my-page/info/Info.tsx index bfae22cc..5757fbad 100644 --- a/src/pages/my-page/info/Info.tsx +++ b/src/pages/my-page/info/Info.tsx @@ -32,10 +32,10 @@ import { } from '../../../types/myPageType'; import { putCompanyInfo, putIndividualInfo } from '../../../apis/mypageAPI'; import { ToastContext } from '../../../contexts/toastContext'; -import { ErrorPage } from '../../errorPage/ErrorPage'; +import ErrorPage from '../../errorPage/ErrorPage'; import LoadingPage from '../../loading/LoadingPage'; -export const Info = () => { +const Info = () => { const queryClient = useQueryClient(); const [editMode, setEditMode] = useState(false); @@ -366,3 +366,4 @@ export const Info = () => { ); }; +export default Info; diff --git a/src/pages/my-page/message/Message.tsx b/src/pages/my-page/message/Message.tsx index 2f97e51e..27d2bb2f 100644 --- a/src/pages/my-page/message/Message.tsx +++ b/src/pages/my-page/message/Message.tsx @@ -23,7 +23,7 @@ import { import { useIntersectionObserverAPI } from '../../../hooks/useIntersectionObserverAPI'; import LoadingPage from '../../loading/LoadingPage'; -export const Message = () => { +const Message = () => { const MENU: Record = { ALL: '전체 메세지', SEND: '보낸 메세지', @@ -243,3 +243,4 @@ export const Message = () => { ); }; +export default Message; diff --git a/src/pages/my-page/myPage/MyPage.tsx b/src/pages/my-page/myPage/MyPage.tsx index f5bc7b68..d62ff4f9 100644 --- a/src/pages/my-page/myPage/MyPage.tsx +++ b/src/pages/my-page/myPage/MyPage.tsx @@ -26,7 +26,7 @@ const INIT_DATA = { selfIntroduction: '', }; -export const MyPage = () => { +const MyPage = () => { const [lastCardId, setLastCardId] = useState(0); const { setTarget } = useIntersectionObserverAPI({ @@ -179,3 +179,4 @@ export const MyPage = () => { ); }; +export default MyPage; diff --git a/src/pages/my-page/myPage/RecentNews.tsx b/src/pages/my-page/myPage/RecentNews.tsx index a409b2d2..12fa5e5d 100644 --- a/src/pages/my-page/myPage/RecentNews.tsx +++ b/src/pages/my-page/myPage/RecentNews.tsx @@ -22,7 +22,7 @@ import { useIntersectionObserverAPI } from '../../../hooks/useIntersectionObserv import { ToastContext } from '../../../contexts/toastContext'; import LoadingPage from '../../loading/LoadingPage'; -export const RecentNews = () => { +const RecentNews = () => { const queryClient = useQueryClient(); const { errorToast } = useContext(ToastContext); @@ -217,3 +217,4 @@ export const RecentNews = () => { ); }; +export default RecentNews; diff --git a/src/pages/my-page/myPagePosts/MyPagePosts.tsx b/src/pages/my-page/myPagePosts/MyPagePosts.tsx index fe681ed1..636a666e 100644 --- a/src/pages/my-page/myPagePosts/MyPagePosts.tsx +++ b/src/pages/my-page/myPagePosts/MyPagePosts.tsx @@ -17,9 +17,9 @@ import { getPostCollaboration, } from '../../../apis/postManagementAPI.ts'; import LoadingPage from '../../loading/LoadingPage.tsx'; -import { ErrorPage } from '../../errorPage/ErrorPage.tsx'; +import ErrorPage from '../../errorPage/ErrorPage.tsx'; -export const MyPagePosts = () => { +const MyPagePosts = () => { const navigate = useNavigate(); const TABS = ['아이디어 마켓', '요청 과제', '협업 광장']; @@ -102,3 +102,4 @@ export const MyPagePosts = () => { ); }; +export default MyPagePosts; diff --git a/src/pages/my-page/portfolio/Portfolio.tsx b/src/pages/my-page/portfolio/Portfolio.tsx index 071a424d..f8cf19ba 100644 --- a/src/pages/my-page/portfolio/Portfolio.tsx +++ b/src/pages/my-page/portfolio/Portfolio.tsx @@ -13,7 +13,7 @@ import { useIntersectionObserverAPI } from '../../../hooks/useIntersectionObserv import { imageErrorHandler } from '../../../utils/imageErrorHandler'; import { Image } from '../../../components/common/image/Image'; -export const Portfolio = () => { +const Portfolio = () => { const [lastCardId, setLastCardId] = useState(0); const [clickedCardId, setClickedCardId] = useState(-1); const [userId, setUserId] = useState(-1); @@ -152,3 +152,4 @@ export const Portfolio = () => { ); }; +export default Portfolio; diff --git a/src/pages/my-page/postsCollaboration/CollaborationRegistered.tsx b/src/pages/my-page/postsCollaboration/CollaborationRegistered.tsx index 3deacf84..801213ba 100644 --- a/src/pages/my-page/postsCollaboration/CollaborationRegistered.tsx +++ b/src/pages/my-page/postsCollaboration/CollaborationRegistered.tsx @@ -2,14 +2,9 @@ import { ProfileHeaderAuthor } from '../../../components/my-page/ProfileHeaderAu import { CollaboPostHeader } from '../../../components/my-page/CollaboPostHeader'; import WebLinkBox from '../../../components/postdetail/WebLinkBox'; import { PostFormContent } from '../../../components/my-page/PostFormContent'; -//import RecruitmentInfo from '../../../components/postdetail/RecruitmentInfo'; -//import RecruitmentStatus from '../../../components/postdetail/RecruitmentStatus'; -//import TeamBuildingButton from '../../../components/postdetail/TeamBuildingButton'; -//import QnASection from '../../../components/postdetail/QnASection'; -//import AuthorInfo from '../../../components/postdetail/AuthorInfo'; import styles from '../../../pages/request-assign/requestRegisteredPage.module.scss'; -export const CollaborationRegistered = () => { +const CollaborationRegistered = () => { const FORM_DATA = { descriptionTitle: '과제 설명', description: '과제 설명입니다...', @@ -29,7 +24,6 @@ export const CollaborationRegistered = () => { deadLine: 21, viewCount: 120, saveCount: 12, - //webLink: 'https://www.sytech.com', }; return ( @@ -52,7 +46,6 @@ export const CollaborationRegistered = () => { deadline={POST_DATA.deadLine} viewCount={POST_DATA.viewCount} saveCount={POST_DATA.saveCount} - //webLink={POST_DATA.webLink} /> {/* 과제 설명, 첨부파일 */} @@ -62,17 +55,11 @@ export const CollaborationRegistered = () => { attachmentTitle={FORM_DATA.attachmentTitle} attachmentFileName={FORM_DATA.attachmentFileName} /> - {/**/} - {/**/}
{/*
-
- {/* 담당자 Q&A, 작성자 정보 */} - {/**/} - {/**/} -
); }; +export default CollaborationRegistered; diff --git a/src/pages/my-page/postsCollaboration/PostsCollaboration.tsx b/src/pages/my-page/postsCollaboration/PostsCollaboration.tsx index 5361dfbc..056cab8b 100644 --- a/src/pages/my-page/postsCollaboration/PostsCollaboration.tsx +++ b/src/pages/my-page/postsCollaboration/PostsCollaboration.tsx @@ -7,9 +7,9 @@ import { useQuery } from '@tanstack/react-query'; import { getPostCollaborationDetail } from '../../../apis/postManagementAPI.ts'; import { CollaborationDetail } from '../../../types/postDataType.ts'; import LoadingPage from '../../loading/LoadingPage.tsx'; -import { ErrorPage } from '../../errorPage/ErrorPage.tsx'; +import ErrorPage from '../../errorPage/ErrorPage.tsx'; -export const PostsCollaboration = () => { +const PostsCollaboration = () => { const { collaborationId } = useParams<{ collaborationId: string }>(); const { @@ -42,3 +42,4 @@ export const PostsCollaboration = () => { ); }; +export default PostsCollaboration; diff --git a/src/pages/my-page/postsIdeaMarket/IdeaMarketEdit.tsx b/src/pages/my-page/postsIdeaMarket/IdeaMarketEdit.tsx index 9205a4bd..c50ea537 100644 --- a/src/pages/my-page/postsIdeaMarket/IdeaMarketEdit.tsx +++ b/src/pages/my-page/postsIdeaMarket/IdeaMarketEdit.tsx @@ -20,9 +20,9 @@ import { useQuery } from '@tanstack/react-query'; import { getPostIdeaMarketDetail } from '../../../apis/postManagementAPI'; import { IdeaMarketDetail } from '../../../types/postDataType'; import LoadingPage from '../../loading/LoadingPage'; -import { ErrorPage } from '../../errorPage/ErrorPage'; +import ErrorPage from '../../errorPage/ErrorPage'; -export const IdeaMarketEdit = () => { +const IdeaMarketEdit = () => { const { ideaId } = useParams<{ ideaId: string }>(); const { @@ -218,3 +218,4 @@ export const IdeaMarketEdit = () => {
); }; +export default IdeaMarketEdit; diff --git a/src/pages/my-page/postsIdeaMarket/IdeaMarketRegistered.tsx b/src/pages/my-page/postsIdeaMarket/IdeaMarketRegistered.tsx index 01f39a25..f94be43a 100644 --- a/src/pages/my-page/postsIdeaMarket/IdeaMarketRegistered.tsx +++ b/src/pages/my-page/postsIdeaMarket/IdeaMarketRegistered.tsx @@ -12,9 +12,9 @@ import { getIdeaMarketDetail } from '../../../apis/detailPageAPI'; import { IdeaMarketDetail } from '../../../types/detailPageType'; import { getUserIdFromToken } from '../../../utils/auth'; import LoadingPage from '../../loading/LoadingPage'; -import { ErrorPage } from '../../errorPage/ErrorPage'; +import ErrorPage from '../../errorPage/ErrorPage'; -export const IdeaMarketRegistered = () => { +const IdeaMarketRegistered = () => { const { ideaId } = useParams<{ ideaId: string }>(); const userId = getUserIdFromToken(); const [resolvedIdeaId, setResolvedIdeaId] = useState(null); @@ -89,3 +89,4 @@ export const IdeaMarketRegistered = () => { ); }; +export default IdeaMarketRegistered; diff --git a/src/pages/my-page/postsIdeaMarket/PostsIdeaMarket.tsx b/src/pages/my-page/postsIdeaMarket/PostsIdeaMarket.tsx index a4ff2226..d9b67503 100644 --- a/src/pages/my-page/postsIdeaMarket/PostsIdeaMarket.tsx +++ b/src/pages/my-page/postsIdeaMarket/PostsIdeaMarket.tsx @@ -7,9 +7,9 @@ import { useQuery } from '@tanstack/react-query'; import { getPostIdeaMarketDetail } from '../../../apis/postManagementAPI.ts'; import { IdeaMarketDetail } from '../../../types/postDataType.ts'; import LoadingPage from '../../loading/LoadingPage.tsx'; -import { ErrorPage } from '../../errorPage/ErrorPage.tsx'; +import ErrorPage from '../../errorPage/ErrorPage.tsx'; -export const PostsIdeaMarket = () => { +const PostsIdeaMarket = () => { const { ideaId } = useParams<{ ideaId: string }>(); const { @@ -39,3 +39,5 @@ export const PostsIdeaMarket = () => { ); }; + +export default PostsIdeaMarket; diff --git a/src/pages/my-page/postsRequestAssign/PostsRequestAssign.tsx b/src/pages/my-page/postsRequestAssign/PostsRequestAssign.tsx index d1a6b7b3..0074b903 100644 --- a/src/pages/my-page/postsRequestAssign/PostsRequestAssign.tsx +++ b/src/pages/my-page/postsRequestAssign/PostsRequestAssign.tsx @@ -7,9 +7,9 @@ import { PostHeader } from '../../../components/my-page/PostHeader.tsx'; import { useParams } from 'react-router-dom'; import { useQuery } from '@tanstack/react-query'; import LoadingPage from '../../loading/LoadingPage.tsx'; -import { ErrorPage } from '../../errorPage/ErrorPage.tsx'; +import ErrorPage from '../../errorPage/ErrorPage.tsx'; -export const PostsRequestAssign = () => { +const PostsRequestAssign = () => { const { taskId } = useParams<{ taskId: string }>(); const { @@ -44,3 +44,4 @@ export const PostsRequestAssign = () => { ); }; +export default PostsRequestAssign; diff --git a/src/pages/my-page/postsRequestAssign/RequestAssignRegistered.tsx b/src/pages/my-page/postsRequestAssign/RequestAssignRegistered.tsx index c5ac8f0b..aa39fa69 100644 --- a/src/pages/my-page/postsRequestAssign/RequestAssignRegistered.tsx +++ b/src/pages/my-page/postsRequestAssign/RequestAssignRegistered.tsx @@ -13,9 +13,9 @@ import { RequestDetail } from '../../../types/detailPageType'; import { getRequestDetail } from '../../../apis/detailPageAPI'; import { getUserIdFromToken } from '../../../utils/auth'; import LoadingPage from '../../loading/LoadingPage'; -import { ErrorPage } from '../../errorPage/ErrorPage'; +import ErrorPage from '../../errorPage/ErrorPage'; -export const RequestAssignRegistered = () => { +const RequestAssignRegistered = () => { const { taskId } = useParams<{ taskId: string }>(); const userId = getUserIdFromToken(); const [resolvedTaskId, setResolvedTaskId] = useState(null); @@ -94,3 +94,4 @@ export const RequestAssignRegistered = () => { ); }; +export default RequestAssignRegistered; diff --git a/src/pages/my-page/saved-posts/SavedPosts.tsx b/src/pages/my-page/saved-posts/SavedPosts.tsx index 23b7154d..aa652d1d 100644 --- a/src/pages/my-page/saved-posts/SavedPosts.tsx +++ b/src/pages/my-page/saved-posts/SavedPosts.tsx @@ -18,9 +18,9 @@ import { } from '../../../apis/savePostsAPI.ts'; import { useBookmark } from '../../../hooks/useBookmark.ts'; import LoadingPage from '../../loading/LoadingPage.tsx'; -import { ErrorPage } from '../../errorPage/ErrorPage.tsx'; +import ErrorPage from '../../errorPage/ErrorPage.tsx'; -export const SavedPosts = () => { +const SavedPosts = () => { const navigate = useNavigate(); const TABS = ['아이디어 마켓', '요청 과제', '협업 광장']; @@ -108,3 +108,4 @@ export const SavedPosts = () => { ); }; +export default SavedPosts; diff --git a/src/pages/personal-profile/PersonalProfile.tsx b/src/pages/personal-profile/PersonalProfile.tsx index f337cc25..8a6fb353 100644 --- a/src/pages/personal-profile/PersonalProfile.tsx +++ b/src/pages/personal-profile/PersonalProfile.tsx @@ -21,7 +21,7 @@ import { import { PortfolioCarousel } from '../../components/personal-profile/PortfolioCarousel'; import LoadingPage from '../loading/LoadingPage'; -export const PersonalProfile = () => { +const PersonalProfile = () => { const { id, userType } = useParams(); const { @@ -73,3 +73,4 @@ export const PersonalProfile = () => { ); }; +export default PersonalProfile; diff --git a/src/pages/request-assign/RequestAssignMain.tsx b/src/pages/request-assign/RequestAssignMain.tsx index 05fb2f7b..ef411ae8 100644 --- a/src/pages/request-assign/RequestAssignMain.tsx +++ b/src/pages/request-assign/RequestAssignMain.tsx @@ -49,7 +49,7 @@ const sortMap: Record = { lowView: 'LOWEST_PRICE', }; -export const RequestAssignMain = () => { +const RequestAssignMain = () => { const queryClient = useQueryClient(); const navigate = useNavigate(); const [isDropdownOpen, setIsDropdownOpen] = useState(false); @@ -364,3 +364,5 @@ export const RequestAssignMain = () => { ); }; + +export default RequestAssignMain; diff --git a/src/pages/request-assign/RequestAssignRegister.tsx b/src/pages/request-assign/RequestAssignRegister.tsx index 905f015c..5a689995 100644 --- a/src/pages/request-assign/RequestAssignRegister.tsx +++ b/src/pages/request-assign/RequestAssignRegister.tsx @@ -83,14 +83,6 @@ const visibilityToEnum: Record = { 비공개: 'ME', }; -// const PaymentDurationEnumMap: Record = { -// 건당: 'ONCE', -// 월간: 'MONTHLY', -// 주간: 'WEEKLY', -// 일간: 'DAILY', -// 추후협의: 'NOT_APPLICABLE', -// }; - const RequestTaskTypeEnumMap: Record = { OPEN_IDEA: 'OPEN_IDEA', TECH_ZONE: 'TECH_ZONE', @@ -122,7 +114,7 @@ interface RecruitmentField { numberOfPeople: number; } -export const RequestAssignRegisterNow = () => { +const RequestAssignRegisterNow = () => { const navigate = useNavigate(); const location = useLocation(); const defaultPageType = location.state?.defaultPageType || 'OPEN_IDEA'; @@ -806,3 +798,5 @@ export const RequestAssignRegisterNow = () => { ); }; + +export default RequestAssignRegisterNow; diff --git a/src/pages/request-assign/RequestAssignRegisterComplete.tsx b/src/pages/request-assign/RequestAssignRegisterComplete.tsx index b40573e6..dfebe606 100644 --- a/src/pages/request-assign/RequestAssignRegisterComplete.tsx +++ b/src/pages/request-assign/RequestAssignRegisterComplete.tsx @@ -2,7 +2,7 @@ import styles from './requestAssignRegisterComplete.module.scss'; import FinishIcon from '../../assets/icons/finishIcon.svg?react'; import { useNavigate, useSearchParams } from 'react-router-dom'; -export const RequestAssignRegisterComplete = () => { +const RequestAssignRegisterComplete = () => { const navigate = useNavigate(); const [searchParams] = useSearchParams(); const postId = searchParams.get('postId'); @@ -40,3 +40,4 @@ export const RequestAssignRegisterComplete = () => { ); }; +export default RequestAssignRegisterComplete; diff --git a/src/pages/request-assign/RequestAssignTechZone.tsx b/src/pages/request-assign/RequestAssignTechZone.tsx index 1bb8b97d..2c26a5a1 100644 --- a/src/pages/request-assign/RequestAssignTechZone.tsx +++ b/src/pages/request-assign/RequestAssignTechZone.tsx @@ -49,7 +49,7 @@ const sortMap: Record = { lowView: 'LOWEST_PRICE', }; -export const RequestAssignTechZone = () => { +const RequestAssignTechZone = () => { const queryClient = useQueryClient(); const navigate = useNavigate(); const [isDropdownOpen, setIsDropdownOpen] = useState(false); @@ -364,3 +364,4 @@ export const RequestAssignTechZone = () => { ); }; +export default RequestAssignTechZone; diff --git a/src/pages/request-assign/RequestRegisteredPage.tsx b/src/pages/request-assign/RequestRegisteredPage.tsx index 6ff82ae3..03fb6c31 100644 --- a/src/pages/request-assign/RequestRegisteredPage.tsx +++ b/src/pages/request-assign/RequestRegisteredPage.tsx @@ -12,10 +12,10 @@ import { RequestDetail } from '../../types/detailPageType'; import { getRequestDetail } from '../../apis/detailPageAPI'; import { getUserIdFromToken } from '../../utils/auth'; import LoadingPage from '../loading/LoadingPage'; -import { ErrorPage } from '../errorPage/ErrorPage'; +import ErrorPage from '../errorPage/ErrorPage'; import { Join } from '../join/Join'; -export const RequestRegisteredPage = () => { +const RequestRegisteredPage = () => { const { taskId } = useParams<{ taskId: string }>(); const { data, isLoading, error } = useQuery({ @@ -84,3 +84,4 @@ export const RequestRegisteredPage = () => { ); }; +export default RequestRegisteredPage; diff --git a/src/pages/sign-up/Signup.tsx b/src/pages/sign-up/Signup.tsx index 4792a7cd..b6723dd7 100644 --- a/src/pages/sign-up/Signup.tsx +++ b/src/pages/sign-up/Signup.tsx @@ -16,7 +16,7 @@ import { import { ToastContext } from '../../contexts/toastContext'; import { useNavigate } from 'react-router-dom'; -export const Signup = () => { +const Signup = () => { const navigate = useNavigate(); const [step, setStep] = useState(1); @@ -148,3 +148,4 @@ export const Signup = () => { ); }; +export default Signup; diff --git a/src/routes.tsx b/src/routes.tsx index a6fb1b50..534b81cf 100644 --- a/src/routes.tsx +++ b/src/routes.tsx @@ -1,46 +1,105 @@ +import { lazy } from 'react'; import { createBrowserRouter } from 'react-router-dom'; import { Layout } from './pages/layout/Layout'; -import { IdeaMarketMain } from './pages/idea-market/IdeaMarketMain'; -import { IdeaMarketMarketPlace } from './pages/idea-market/IdeaMarketMarketPlace'; -import { IdeaMarketRegister } from './pages/idea-market/IdeaMarketRegister'; -import { IdeaMarketRegisterComplete } from './pages/idea-market/IdeaMarketRegisterComplete'; -import { IdeaRegisteredPage } from './pages/idea-market/IdeaRegisteredPage'; -import { IdeaMarketPayment } from './pages/idea-market/IdeaMarketPayment'; -import { RequestAssignMain } from './pages/request-assign/RequestAssignMain'; -import { RequestAssignTechZone } from './pages/request-assign/RequestAssignTechZone'; -import { RequestAssignRegisterNow } from './pages/request-assign/RequestAssignRegister'; -import { RequestAssignRegisterComplete } from './pages/request-assign/RequestAssignRegisterComplete'; -import { PaymentProcessing } from './pages/idea-market/PaymentProcessing'; -import { PaymentFail } from './pages/idea-market/PaymentFail'; -import { PaymentCancel } from './pages/idea-market/PaymentCancel'; -import { PaymentSuccess } from './pages/idea-market/PaymentSuccess'; -import { RequestRegisteredPage } from './pages/request-assign/RequestRegisteredPage'; -import { CollaborationMain } from './pages/collaboration/CollaborationMain'; -import { CollaborationRegister } from './pages/collaboration/CollaborationRegister'; -import { PersonalProfile } from './pages/personal-profile/PersonalProfile'; -import { PostDetailWithLink } from './pages/collaboration/PostDetailWithLink'; import { MyPageLayout } from './pages/layout/MyPageLayout'; -import { MyPage } from './pages/my-page/myPage/MyPage'; -import { Info } from './pages/my-page/info/Info'; -import { RecentNews } from './pages/my-page/myPage/RecentNews'; -import { MyPagePosts } from './pages/my-page/myPagePosts/MyPagePosts'; -import { PostsIdeaMarket } from './pages/my-page/postsIdeaMarket/PostsIdeaMarket'; -import { PostsRequestAssign } from './pages/my-page/postsRequestAssign/PostsRequestAssign'; -import { PostsCollaboration } from './pages/my-page/postsCollaboration/PostsCollaboration'; -import { IdeaMarketRegistered } from './pages/my-page/postsIdeaMarket/IdeaMarketRegistered'; -import { RequestAssignRegistered } from './pages/my-page/postsRequestAssign/RequestAssignRegistered'; -import { CollaborationRegistered } from './pages/my-page/postsCollaboration/CollaborationRegistered'; -import { IdeaMarketEdit } from './pages/my-page/postsIdeaMarket/IdeaMarketEdit'; -import { PurchaseList } from './pages/my-page/apply/PurchaseList'; -import { ApplyRequest } from './pages/my-page/apply/ApplyRequest'; -import { ApplyCollaboration } from './pages/my-page/apply/ApplyCollaboration'; -import { Portfolio } from './pages/my-page/portfolio/Portfolio'; -import { Message } from './pages/my-page/message/Message'; -import { SavedPosts } from './pages/my-page/saved-posts/SavedPosts'; -import { Main } from './pages/main/main'; -import { Signup } from './pages/sign-up/Signup'; -import { Login } from './pages/login/Login'; -import { ErrorPage } from './pages/errorPage/ErrorPage'; + +/** 아이디어 마켓 */ +const IdeaMarketMain = lazy(() => import('./pages/idea-market/IdeaMarketMain')); +const IdeaMarketMarketPlace = lazy( + () => import('./pages/idea-market/IdeaMarketMarketPlace'), +); +const IdeaMarketRegister = lazy( + () => import('./pages/idea-market/IdeaMarketRegister'), +); +const IdeaMarketRegisterComplete = lazy( + () => import('./pages/idea-market/IdeaMarketRegisterComplete'), +); +const IdeaRegisteredPage = lazy( + () => import('./pages/idea-market/IdeaRegisteredPage'), +); +const IdeaMarketPayment = lazy( + () => import('./pages/idea-market/IdeaMarketPayment'), +); +const PaymentProcessing = lazy( + () => import('./pages/idea-market/PaymentProcessing'), +); +const PaymentFail = lazy(() => import('./pages/idea-market/PaymentFail')); +const PaymentCancel = lazy(() => import('./pages/idea-market/PaymentCancel')); +const PaymentSuccess = lazy(() => import('./pages/idea-market/PaymentSuccess')); + +/** 요청 과제 */ +const RequestAssignTechZone = lazy( + () => import('./pages/request-assign/RequestAssignTechZone'), +); +const RequestAssignRegisterNow = lazy( + () => import('./pages/request-assign/RequestAssignRegister'), +); +const RequestAssignRegisterComplete = lazy( + () => import('./pages/request-assign/RequestAssignRegisterComplete'), +); +const RequestRegisteredPage = lazy( + () => import('./pages/request-assign/RequestRegisteredPage'), +); +const RequestAssignMain = lazy( + () => import('./pages/request-assign/RequestAssignMain'), +); + +/** 협업 광장 */ +const CollaborationMain = lazy( + () => import('./pages/collaboration/CollaborationMain'), +); +const PostDetailWithLink = lazy( + () => import('./pages/collaboration/PostDetailWithLink'), +); +const CollaborationRegister = lazy( + () => import('./pages/collaboration/CollaborationRegister'), +); + +/** 마이페이지 */ +const PostsIdeaMarket = lazy( + () => import('./pages/my-page/postsIdeaMarket/PostsIdeaMarket'), +); +const Info = lazy(() => import('./pages/my-page/info/Info')); +const MyPage = lazy(() => import('./pages/my-page/myPage/MyPage')); +const RecentNews = lazy(() => import('./pages/my-page/myPage/RecentNews')); +const MyPagePosts = lazy( + () => import('./pages/my-page/myPagePosts/MyPagePosts'), +); +const PostsRequestAssign = lazy( + () => import('./pages/my-page/postsRequestAssign/PostsRequestAssign'), +); +const PostsCollaboration = lazy( + () => import('./pages/my-page/postsCollaboration/PostsCollaboration'), +); +const IdeaMarketRegistered = lazy( + () => import('./pages/my-page/postsIdeaMarket/IdeaMarketRegistered'), +); +const RequestAssignRegistered = lazy( + () => import('./pages/my-page/postsRequestAssign/RequestAssignRegistered'), +); +const CollaborationRegistered = lazy( + () => import('./pages/my-page/postsCollaboration/CollaborationRegistered'), +); +const IdeaMarketEdit = lazy( + () => import('./pages/my-page/postsIdeaMarket/IdeaMarketEdit'), +); +const PurchaseList = lazy(() => import('./pages/my-page/apply/PurchaseList')); +const ApplyRequest = lazy(() => import('./pages/my-page/apply/ApplyRequest')); +const ApplyCollaboration = lazy( + () => import('./pages/my-page/apply/ApplyCollaboration'), +); +const Portfolio = lazy(() => import('./pages/my-page/portfolio/Portfolio')); +const Message = lazy(() => import('./pages/my-page/message/Message')); +const SavedPosts = lazy(() => import('./pages/my-page/saved-posts/SavedPosts')); + +/** */ +const PersonalProfile = lazy( + () => import('./pages/personal-profile/PersonalProfile'), +); +const Main = lazy(() => import('./pages/main/main')); +const Signup = lazy(() => import('./pages/sign-up/Signup')); +const Login = lazy(() => import('./pages/login/Login')); +const ErrorPage = lazy(() => import('./pages/errorPage/ErrorPage')); export const routes = createBrowserRouter([ {