From ec13f72edcc7255217dad2b9926f03cb1f08a619 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Sun, 12 Feb 2023 19:14:30 +0900
Subject: [PATCH 001/131] =?UTF-8?q?chore:=20=EA=B0=9C=EB=B0=9C=20=EB=B9=8C?=
 =?UTF-8?q?=EB=93=9C=20=EC=8B=9C=EC=9E=91=20=EC=8A=A4=ED=81=AC=EB=A6=BD?=
 =?UTF-8?q?=ED=8A=B8=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 3698b33..b824861 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start -p 8080",
+    "start:dev": "next start -p 8081",
     "lint": "next lint"
   },
   "dependencies": {

From 57ae547daf15d79138ff8c1947279e1f79df946e Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Sun, 12 Feb 2023 19:14:54 +0900
Subject: [PATCH 002/131] =?UTF-8?q?chore:=20dev=20=EB=B8=8C=EB=9E=9C?=
 =?UTF-8?q?=EC=B9=98=20=EB=B0=B0=ED=8F=AC=20workflow=20=EC=9E=91=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/CD-dev.yml | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 .github/workflows/CD-dev.yml

diff --git a/.github/workflows/CD-dev.yml b/.github/workflows/CD-dev.yml
new file mode 100644
index 0000000..c7027e1
--- /dev/null
+++ b/.github/workflows/CD-dev.yml
@@ -0,0 +1,31 @@
+name: CD
+
+on:
+  pull_request:
+    types: [closed]
+    branches: [dev]
+
+jobs:
+  cd-dev:
+    name: Deploy
+    environment:
+      name: development
+      url: http://wealth-marble-dev.kro.kr/
+    runs-on: ubuntu-latest
+    steps:
+      - name: SSH Remote Commands
+        uses: appleboy/ssh-action@v0.1.7
+        with:
+          host: ${{ secrets.SSH_HOST }}
+          username: ${{ secrets.SSH_USERNAME }}
+          key: ${{ secrets.SSH_KEY }}
+          timeout: 30s
+          script: |
+            export NVM_DIR=~/.nvm
+            source ~/.nvm/nvm.sh
+            cd wealth-marble-frontend-dev
+            git pull
+            npm i -f
+            npm run build
+            pm2 delete wealth-marble-dev
+            pm2 start npm --name "wealth-marble-dev" -- run start:dev

From b6e805c1787dc28bdbcc81fc9743fb65be2bd0e9 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Sun, 12 Feb 2023 19:15:22 +0900
Subject: [PATCH 003/131] =?UTF-8?q?chore:=20main=20=EB=B8=8C=EB=9E=9C?=
 =?UTF-8?q?=EC=B9=98=20=EB=B0=B0=ED=8F=AC=20environment=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/CD.yml | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.github/workflows/CD.yml b/.github/workflows/CD.yml
index b24e518..2eb6edc 100644
--- a/.github/workflows/CD.yml
+++ b/.github/workflows/CD.yml
@@ -8,6 +8,9 @@ on:
 jobs:
   cd:
     name: Deploy
+    environment:
+      name: production
+      url: http://wealth-marble.kro.kr/
     runs-on: ubuntu-latest
     steps:
       - name: SSH Remote Commands

From 858bc2045536bc14fd7ebb7ce41ea32884043e8b Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Mon, 13 Feb 2023 18:30:27 +0900
Subject: [PATCH 004/131] =?UTF-8?q?fix:=20description=20=EC=98=A4=ED=83=80?=
 =?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

---
 src/components/cahoot/DetailInfo.tsx | 4 ++--
 src/types/cahoot.d.ts                | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/cahoot/DetailInfo.tsx b/src/components/cahoot/DetailInfo.tsx
index e776792..c94c3de 100644
--- a/src/components/cahoot/DetailInfo.tsx
+++ b/src/components/cahoot/DetailInfo.tsx
@@ -20,7 +20,7 @@ const DetailInfo = () => {
         stockNum,
         stockStart,
         stockEnd,
-        descritption,
+        description,
       },
     },
   } = useSuspendedQuery<Response<CahootDetailType>>(
@@ -72,7 +72,7 @@ const DetailInfo = () => {
       </div>
       <div className="mx-4 flex flex-col gap-2 md:mx-0">
         <label className="font-bold">공모 아이디어 소개</label>
-        {descritption}
+        {description}
       </div>
     </>
   );
diff --git a/src/types/cahoot.d.ts b/src/types/cahoot.d.ts
index 3c09dea..dfb23e0 100644
--- a/src/types/cahoot.d.ts
+++ b/src/types/cahoot.d.ts
@@ -25,7 +25,7 @@ export type CahootDetailType = CahootType & {
   expectedMonth: number;
   expectedTotalCost: number;
   shortDescription: string;
-  descritption: string;
+  description: string;
   status: string;
   expectedRateOfReturn: number;
 };

From e798af0dae5b250fd9a3cfa43280c9a711b48812 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Mon, 13 Feb 2023 21:22:19 +0900
Subject: [PATCH 005/131] =?UTF-8?q?fix:=20=EB=A7=88=EA=B0=90=EB=90=9C=20?=
 =?UTF-8?q?=EA=B3=B5=EB=AA=A8=20=EC=A3=BC=EB=AC=B8=20=EB=B0=A9=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cahoot/DetailHeader.tsx |  4 +--
 src/components/cahoot/OrderMobile.tsx  | 46 ++++++++++++++------------
 src/types/cahoot.d.ts                  |  2 +-
 3 files changed, 27 insertions(+), 25 deletions(-)

diff --git a/src/components/cahoot/DetailHeader.tsx b/src/components/cahoot/DetailHeader.tsx
index 6daab2e..239b59f 100644
--- a/src/components/cahoot/DetailHeader.tsx
+++ b/src/components/cahoot/DetailHeader.tsx
@@ -14,7 +14,7 @@ const DetailHeader = () => {
   const router = useRouter();
   const {
     data: {
-      data: { images, title, location, competitionRate, stockPrice },
+      data: { images, title, location, competitionRate, stockPrice, status },
     },
   } = useSuspendedQuery<Response<CahootDetailType>>(
     ['cahoot/detail', router.query.id],
@@ -58,7 +58,7 @@ const DetailHeader = () => {
             주당 가격
             <span className="text-black">{stockPrice.toLocaleString()}원</span>
           </div>
-          <Order />
+          {status === 'CAHOOTS_ONGOING' && <Order />}
           <button className="btn-ghost btn hidden gap-1 border-grey fill-none md:flex">
             <Icon.Bookmark />
             <span className="font-medium">관심상품</span>
diff --git a/src/components/cahoot/OrderMobile.tsx b/src/components/cahoot/OrderMobile.tsx
index 7bfdcbb..c0b25f6 100644
--- a/src/components/cahoot/OrderMobile.tsx
+++ b/src/components/cahoot/OrderMobile.tsx
@@ -18,7 +18,7 @@ const OrderMobile = () => {
   const router = useRouter();
   const {
     data: {
-      data: { stockPrice },
+      data: { stockPrice, status },
     },
   } = useSuspendedQuery<Response<CahootDetailType>>(
     ['cahoot/detail', router.query.id],
@@ -27,29 +27,31 @@ const OrderMobile = () => {
 
   return (
     <div className="md:hidden">
-      <BottomSheet open={open} onDismiss={() => setOpen(false)}>
-        {open ? (
-          <div className="w-full space-y-4 justify-self-end font-bold">
-            <div className="flex justify-between text-black/50">
-              주당 가격
-              <span className="text-black">{stockPrice.toLocaleString()}원</span>
-            </div>
-            <div className="space-y-1">
-              <QuantityInput />
-              <div className="ml-auto w-1/2">
-                <QuantityButtons />
+      {status === 'CAHOOTS_ONGOING' && (
+        <BottomSheet open={open} onDismiss={() => setOpen(false)}>
+          {open ? (
+            <div className="w-full space-y-4 justify-self-end font-bold">
+              <div className="flex justify-between text-black/50">
+                주당 가격
+                <span className="text-black">{stockPrice.toLocaleString()}원</span>
+              </div>
+              <div className="space-y-1">
+                <QuantityInput />
+                <div className="ml-auto w-1/2">
+                  <QuantityButtons />
+                </div>
+              </div>
+              <div className="mx-auto h-12 w-5/6">
+                <BuyButton />
               </div>
             </div>
-            <div className="mx-auto h-12 w-5/6">
-              <BuyButton />
-            </div>
-          </div>
-        ) : (
-          <button className="btn-primary btn w-5/6" onClick={() => setOpen(true)}>
-            공모
-          </button>
-        )}
-      </BottomSheet>
+          ) : (
+            <button className="btn-primary btn w-5/6" onClick={() => setOpen(true)}>
+              공모
+            </button>
+          )}
+        </BottomSheet>
+      )}
     </div>
   );
 };
diff --git a/src/types/cahoot.d.ts b/src/types/cahoot.d.ts
index dfb23e0..cde7ebe 100644
--- a/src/types/cahoot.d.ts
+++ b/src/types/cahoot.d.ts
@@ -2,7 +2,7 @@ type CahootType = {
   id: number;
   title: string;
   location: string;
-  status: string;
+  status: 'CAHOOTS_CLOSE' | 'CAHOOTS_ONGOING' | 'CAHOOTS_BEFORE';
   stockStart: string;
   stockEnd: string;
   stockPrice: number;

From 34958df0f239752a78a3f64e8914e03bf0bdb34c Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Mon, 13 Feb 2023 21:22:57 +0900
Subject: [PATCH 006/131] =?UTF-8?q?chore:=20API=20=EC=84=9C=EB=B2=84=20?=
 =?UTF-8?q?=EC=A3=BC=EC=86=8C=20=ED=99=98=EA=B2=BD=20=EB=B3=80=EC=88=98?=
 =?UTF-8?q?=EB=A1=9C=20=EB=B6=84=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 next.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/next.config.js b/next.config.js
index 09a518e..e26d355 100644
--- a/next.config.js
+++ b/next.config.js
@@ -18,7 +18,7 @@ const moduleExports = {
   },
 
   async rewrites() {
-    return [{ source: '/api/:path*', destination: `http://13.125.187.195:8080/api/:path*` }];
+    return [{ source: '/api/:path*', destination: `${process.env.SERVER_DOMAIN}/api/:path*` }];
   },
   sentry: {
     // Use `hidden-source-map` rather than `source-map` as the Webpack `devtool`

From e4e7a3087e7c3adad3eb41dc651000aaf281dce5 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Mon, 13 Feb 2023 21:37:42 +0900
Subject: [PATCH 007/131] =?UTF-8?q?fix:=20CI=20.env=20=ED=8C=8C=EC=9D=BC?=
 =?UTF-8?q?=20=EC=83=9D=EC=84=B1=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/CI.yml | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index f67b62d..1a57a75 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -31,5 +31,9 @@ jobs:
         shell: bash
         run: |
           echo "${{ secrets.SENTRY_TOKEN }}" > .sentryclirc
+      - name: Create .env
+        shell: bash
+        run: |
+          echo "${{ secrets.ENVIRONMENTS }}" > .env
       - name: Build Test
         run: npm run build

From dd678d262c857ec6d3349c039c973e82d046350e Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Mon, 13 Feb 2023 21:41:29 +0900
Subject: [PATCH 008/131] =?UTF-8?q?fix:=20=ED=83=80=EC=9E=85=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD=EC=9C=BC=EB=A1=9C=20=EC=9D=B8=ED=95=9C=20=EC=98=A4?=
 =?UTF-8?q?=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/api/mock/infinite-cahoot.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/api/mock/infinite-cahoot.ts b/src/pages/api/mock/infinite-cahoot.ts
index 007d53d..1895acf 100644
--- a/src/pages/api/mock/infinite-cahoot.ts
+++ b/src/pages/api/mock/infinite-cahoot.ts
@@ -1,9 +1,9 @@
-import type { CahootListType } from '@/types/cahoot';
+import type { CahootListType, CahootType } from '@/types/cahoot';
 import type { Response } from '@/types/response';
 
 import type { NextApiRequest, NextApiResponse } from 'next';
 
-const MOCK_DATA = Array(40)
+const MOCK_DATA: CahootType[] = Array(40)
   .fill(undefined)
   .map((_, index) => ({
     id: index + 1,

From d715fab597a47d685091a3ace958540edfc31014 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Mon, 13 Feb 2023 23:19:12 +0900
Subject: [PATCH 009/131] =?UTF-8?q?fix:=20=EB=A9=94=EC=9D=B8=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20error=20boundary=20=EB=B0=8F=20suspense=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index.tsx | 34 +++++++++++++++++++++++++---------
 1 file changed, 25 insertions(+), 9 deletions(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index c86c027..06de75b 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -6,6 +6,7 @@ import RecentUploadCarousel from '@/components/RecentUploadCarousel';
 import RecommendedList from '@/components/RecommendedList';
 import Thumbnail from '@/components/Thumbnail';
 import TopFiveList from '@/components/TopFiveList';
+import { ErrorBoundary } from '@sentry/nextjs';
 
 import type { GetServerSideProps } from 'next';
 
@@ -13,15 +14,30 @@ export default function Home() {
   return (
     <Layout>
       <div className="space-y-6 ">
-        <Thumbnail />
-        <Suspense fallback={<p>error</p>}>
-          <DeadlineBanner />
-        </Suspense>
-        <RecentUploadCarousel />
-        <div className="flex flex-col md:flex-row md:space-x-12">
-          <RecommendedList />
-          <TopFiveList />
-        </div>
+        <ErrorBoundary
+          fallback={({ resetError, error }) => (
+            <>
+              <p>{error.message}</p>
+              <button onClick={() => resetError()}>reset</button>
+            </>
+          )}
+        >
+          <Thumbnail />
+          <Suspense fallback={<p>로딩...</p>}>
+            <DeadlineBanner />
+          </Suspense>
+          <Suspense fallback={<p>로딩...</p>}>
+            <RecentUploadCarousel />
+          </Suspense>
+          <div className="flex flex-col md:flex-row md:space-x-12">
+            <Suspense fallback={<p>로딩...</p>}>
+              <RecommendedList />
+            </Suspense>
+            <Suspense fallback={<p>로딩...</p>}>
+              <TopFiveList />
+            </Suspense>
+          </div>
+        </ErrorBoundary>
       </div>
     </Layout>
   );

From ff44cb599d4cbbb7084edc35552338aa2493fbce Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Tue, 14 Feb 2023 18:42:00 +0900
Subject: [PATCH 010/131] =?UTF-8?q?chore:=20.env=20=ED=8C=8C=EC=9D=BC=20?=
 =?UTF-8?q?=EC=84=B8=EB=B6=84=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env             | 1 +
 .env.development | 1 +
 .env.production  | 1 +
 .gitignore       | 1 -
 4 files changed, 3 insertions(+), 1 deletion(-)
 create mode 100644 .env
 create mode 100644 .env.development
 create mode 100644 .env.production

diff --git a/.env b/.env
new file mode 100644
index 0000000..492d810
--- /dev/null
+++ b/.env
@@ -0,0 +1 @@
+SERVER_DOMAIN=http://43.201.148.129:8080
\ No newline at end of file
diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..823f1c1
--- /dev/null
+++ b/.env.development
@@ -0,0 +1 @@
+NEXT_PUBLIC_HOST=http://localhost:3000
\ No newline at end of file
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000..c426e06
--- /dev/null
+++ b/.env.production
@@ -0,0 +1 @@
+NEXT_PUBLIC_HOST=http://wealth-marble.kro.kr
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 5445f02..e3923e6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -35,6 +35,5 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 
-.env
 # Sentry
 .sentryclirc

From 14cbb3a512acdc84ca5763ca8ec877227364c155 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Tue, 14 Feb 2023 18:45:11 +0900
Subject: [PATCH 011/131] =?UTF-8?q?chore:=20eslint-plugin-react-refresh=20?=
 =?UTF-8?q?=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- getServerSideProps와 호환되지 않아 제거
---
 .eslintrc.json    |  3 +--
 package-lock.json | 17 -----------------
 package.json      |  1 -
 3 files changed, 1 insertion(+), 20 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index c7f5cd1..b2420bf 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -32,10 +32,9 @@
       "version": "detect"
     }
   },
-  "plugins": ["import", "react", "react-refresh"],
+  "plugins": ["import", "react"],
   "rules": {
     "eol-last": [1, "always"],
-    "react-refresh/only-export-components": "warn",
     "import/no-unresolved": "off",
     "import/order": [
       "error",
diff --git a/package-lock.json b/package-lock.json
index 17fddab..d335e19 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -42,7 +42,6 @@
         "eslint-plugin-import": "^2.27.4",
         "eslint-plugin-react": "^7.32.0",
         "eslint-plugin-react-hooks": "^4.6.0",
-        "eslint-plugin-react-refresh": "^0.3.2",
         "postcss": "^8.4.21",
         "prettier": "^2.8.3",
         "prettier-plugin-tailwindcss": "^0.2.2",
@@ -2505,15 +2504,6 @@
         "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
       }
     },
-    "node_modules/eslint-plugin-react-refresh": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.3.2.tgz",
-      "integrity": "sha512-FbonmMTOIIskIVbaowKbUYPFdsbIXA1nRbFl/KpXBmKPpg5OjbbF1qXymTu/GAqKsU6Vwkfy7P6ngHNte2XWKw==",
-      "dev": true,
-      "peerDependencies": {
-        "eslint": ">=7"
-      }
-    },
     "node_modules/eslint-plugin-react/node_modules/doctrine": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
@@ -7634,13 +7624,6 @@
       "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
       "requires": {}
     },
-    "eslint-plugin-react-refresh": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.3.2.tgz",
-      "integrity": "sha512-FbonmMTOIIskIVbaowKbUYPFdsbIXA1nRbFl/KpXBmKPpg5OjbbF1qXymTu/GAqKsU6Vwkfy7P6ngHNte2XWKw==",
-      "dev": true,
-      "requires": {}
-    },
     "eslint-scope": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.1.1.tgz",
diff --git a/package.json b/package.json
index b824861..8ae4833 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,6 @@
     "eslint-plugin-import": "^2.27.4",
     "eslint-plugin-react": "^7.32.0",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.3.2",
     "postcss": "^8.4.21",
     "prettier": "^2.8.3",
     "prettier-plugin-tailwindcss": "^0.2.2",

From 11cb3571c9c98ffe7cc5a8d1f3a3aa2e533fa96a Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Tue, 14 Feb 2023 20:46:13 +0900
Subject: [PATCH 012/131] =?UTF-8?q?feat:=20=EA=B4=80=EC=8B=AC=EA=B0=80?=
 =?UTF-8?q?=EB=8A=94=20=ED=9C=B4=EC=96=91=EC=A7=80=20mock=20api?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/api/mock/markets/interests.ts | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/pages/api/mock/markets/interests.ts

diff --git a/src/pages/api/mock/markets/interests.ts b/src/pages/api/mock/markets/interests.ts
new file mode 100644
index 0000000..9a0ea84
--- /dev/null
+++ b/src/pages/api/mock/markets/interests.ts
@@ -0,0 +1,22 @@
+import type { Response } from '@/types/response';
+
+import type { NextApiRequest, NextApiResponse } from 'next';
+
+const MOCK = Array(10)
+  .fill(undefined)
+  .map((_, index) => ({
+    id: index + 1,
+    title: '따뜻한 봄바람이 불어오는 하와이 호텔과 게스트하우스',
+  }));
+
+const handler = (req: NextApiRequest, res: NextApiResponse<Response<typeof MOCK>>) => {
+  res.json({ status: 'success', message: null, data: MOCK });
+};
+
+export const config = {
+  api: {
+    externalResolver: true,
+  },
+};
+
+export default handler;

From dc0eed466594f75960bdfe86352eb8a6a952ccd1 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Tue, 14 Feb 2023 20:47:06 +0900
Subject: [PATCH 013/131] =?UTF-8?q?style:=20gradient=20=EC=83=89=EC=83=81?=
 =?UTF-8?q?=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tailwind.config.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/tailwind.config.js b/tailwind.config.js
index 9161388..259d567 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -25,6 +25,10 @@ module.exports = {
       blue: '#364BB3',
       'grey-middle': '#8E949F',
     },
+    gradientColorStops: {
+      'blue-start': '#00628B',
+      'blue-end': '#017797',
+    },
     extend: {},
   },
   daisyui: {

From 8d4b1ecc5660fde6cbb1a73e92181c54ed6246d9 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Tue, 14 Feb 2023 20:47:23 +0900
Subject: [PATCH 014/131] =?UTF-8?q?style:=20=EA=B4=80=EC=8B=AC=EA=B0=80?=
 =?UTF-8?q?=EB=8A=94=20=ED=9C=B4=EC=96=91=EC=A7=80=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/market/Interests.tsx | 48 +++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 src/components/market/Interests.tsx

diff --git a/src/components/market/Interests.tsx b/src/components/market/Interests.tsx
new file mode 100644
index 0000000..07c7f60
--- /dev/null
+++ b/src/components/market/Interests.tsx
@@ -0,0 +1,48 @@
+import Link from 'next/link';
+
+import { useSuspendedQuery } from '@/hooks/useSuspendedQuery';
+import { Response } from '@/types/response';
+
+import Carousel from '../common/Carousel';
+import Icon from '../common/Icons';
+
+const Interests = () => {
+  const {
+    data: { data: interests },
+  } = useSuspendedQuery<Response<{ id: number; title: string }[]>>(['market/interests'], () =>
+    fetch(`${process.env.NEXT_PUBLIC_HOST}/api/mock/markets/interests`).then((res) => res.json())
+  );
+
+  const onBookmarkClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {
+    e.preventDefault();
+  };
+
+  return (
+    <div className="flex flex-col gap-2 px-3 md:px-0">
+      <label className="font-bold">관심가는 휴양지</label>
+      <Carousel itemCount={interests.length}>
+        {interests.map(({ id, title }) => (
+          <Link
+            key={id}
+            href={`/markets/detail/${id}`}
+            className="carousel-item flex-col items-center font-semibold"
+          >
+            <div className="from-blue to-sell relative w-52 break-keep rounded bg-gradient-to-br from-blue-start to-blue-end p-6 text-center text-sm text-white">
+              {title}
+              <div className="absolute right-1 top-1">
+                <button
+                  onClick={onBookmarkClick}
+                  className="btn-ghost btn-xs btn-circle btn fill-main text-main"
+                >
+                  <Icon.Bookmark />
+                </button>
+              </div>
+            </div>
+          </Link>
+        ))}
+      </Carousel>
+    </div>
+  );
+};
+
+export default Interests;

From f2238f30b6565ae88e95ebcc4f42abb37d7649e4 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Tue, 14 Feb 2023 20:47:46 +0900
Subject: [PATCH 015/131] =?UTF-8?q?feat:=20=EB=A7=88=EC=BC=93=20=EB=AA=A9?=
 =?UTF-8?q?=EB=A1=9D=20=ED=8E=98=EC=9D=B4=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/markets/index.tsx | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 src/pages/markets/index.tsx

diff --git a/src/pages/markets/index.tsx b/src/pages/markets/index.tsx
new file mode 100644
index 0000000..a1cf738
--- /dev/null
+++ b/src/pages/markets/index.tsx
@@ -0,0 +1,32 @@
+import { Suspense } from 'react';
+
+import DeadlineBanner from '@/components/cahoot/DeadlineBanner';
+import Layout from '@/components/common/Layout';
+import Interests from '@/components/market/Interests';
+import { ErrorBoundary } from '@sentry/nextjs';
+
+const Markets = () => {
+  return (
+    <Layout>
+      <div className="space-y-4">
+        <ErrorBoundary
+          fallback={({ resetError, error }) => (
+            <>
+              <p>{error.message}</p>
+              <button onClick={() => resetError()}>reset</button>
+            </>
+          )}
+        >
+          <Suspense fallback={<p>로딩...</p>}>
+            <DeadlineBanner />
+          </Suspense>
+          <Suspense fallback={<p>로딩...</p>}>
+            <Interests />
+          </Suspense>
+        </ErrorBoundary>
+      </div>
+    </Layout>
+  );
+};
+
+export default Markets;

From 2dd3bd04700c87f76488583a45f526bae1a6ffdd Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Tue, 14 Feb 2023 21:00:18 +0900
Subject: [PATCH 016/131] =?UTF-8?q?feat:=20=EA=B4=80=EC=8B=AC=EA=B0=80?=
 =?UTF-8?q?=EB=8A=94=20=ED=9C=B4=EC=96=91=EC=A7=80=20=EC=A1=B0=EA=B1=B4?=
 =?UTF-8?q?=EB=B6=80=20=EB=A0=8C=EB=8D=94=EB=A7=81=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 존재하는 경우에만 렌더링
---
 src/components/market/Interests.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/market/Interests.tsx b/src/components/market/Interests.tsx
index 07c7f60..ad87546 100644
--- a/src/components/market/Interests.tsx
+++ b/src/components/market/Interests.tsx
@@ -17,7 +17,7 @@ const Interests = () => {
     e.preventDefault();
   };
 
-  return (
+  return interests.length ? (
     <div className="flex flex-col gap-2 px-3 md:px-0">
       <label className="font-bold">관심가는 휴양지</label>
       <Carousel itemCount={interests.length}>
@@ -42,7 +42,7 @@ const Interests = () => {
         ))}
       </Carousel>
     </div>
-  );
+  ) : null;
 };
 
 export default Interests;

From 96b994772beb66c011b534bf12c2c445fff2ebea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Wed, 15 Feb 2023 23:33:27 +0900
Subject: [PATCH 017/131] =?UTF-8?q?refactor:=20SelectBox=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EB=A6=AC=ED=8C=A9=ED=86=A0?=
 =?UTF-8?q?=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/SelectBox.tsx | 53 +++++++++++++++--------------
 1 file changed, 27 insertions(+), 26 deletions(-)

diff --git a/src/components/common/SelectBox.tsx b/src/components/common/SelectBox.tsx
index c2dce5a..cc96794 100644
--- a/src/components/common/SelectBox.tsx
+++ b/src/components/common/SelectBox.tsx
@@ -3,28 +3,31 @@ import { createPortal } from 'react-dom';
 
 import Icon from './Icons';
 
+interface SelectItem {
+  index: number;
+  item: string;
+}
+
 interface PropsType {
-  placeholder: string;
+  items: SelectItem[];
   containerRef: React.RefObject<HTMLDivElement>;
+  currentItem: string;
+  changeItem: (item: string) => void;
 }
-const SelectBox = ({ placeholder, containerRef }: PropsType) => {
+const SelectBox = ({ items, containerRef, currentItem, changeItem }: PropsType) => {
   const [isOpen, setIsOpen] = useState(false);
-  const [selectedValue, setSelectedValue] = useState(placeholder);
 
-  const handleClick = (e: MouseEvent) => {
+  const onClickToggle = (e: MouseEvent) => {
     e.stopPropagation();
     setIsOpen(!isOpen);
   };
 
-  const selectValue = (e: MouseEvent) => {
-    const eventTarget = e.target as HTMLElement;
-
-    console.log('click value');
+  const onClickItem = (item: string) => {
     setIsOpen(false);
-    setSelectedValue(eventTarget.innerText);
+    changeItem(item);
   };
 
-  const handleBlur = () => {
+  const onBlur = () => {
     setTimeout(() => {
       setIsOpen(false);
     }, 100);
@@ -33,12 +36,12 @@ const SelectBox = ({ placeholder, containerRef }: PropsType) => {
   return (
     <div className="w-24">
       <div
-        onBlur={handleBlur}
+        onBlur={onBlur}
         tabIndex={4}
-        onClick={handleClick}
-        className="flex justify-between border border-grey w-24 rounded-lg px-3 py-2"
+        onClick={onClickToggle}
+        className="flex w-24 justify-between rounded-lg border border-grey px-3 py-2"
       >
-        <span>{selectedValue}</span>
+        <span>{currentItem}</span>
         <span>
           {isOpen && <Icon.Up></Icon.Up>}
           {!isOpen && <Icon.Down></Icon.Down>}
@@ -52,18 +55,16 @@ const SelectBox = ({ placeholder, containerRef }: PropsType) => {
             } absolute top-20 mt-6 w-24 rounded-lg border border-grey bg-white`}
           >
             <ul className="list-inside list-none ">
-              <li
-                onClick={selectValue}
-                className="cursor-pointer select-none rounded-lg p-2 hover:bg-main/50"
-              >
-                대만
-              </li>
-              <li
-                onClick={selectValue}
-                className="cursor-pointer select-none rounded-lg p-2 hover:bg-main/50"
-              >
-                일본
-              </li>
+              {items.map(({ index, item }) => (
+                // TODO: 말줄임표 추가하기
+                <li
+                  key={index.toString()}
+                  onClick={() => onClickItem(item)}
+                  className="cursor-pointer select-none rounded-lg p-2 hover:bg-main/50"
+                >
+                  {item}
+                </li>
+              ))}
             </ul>
           </div>,
           containerRef.current

From 7c63421b467de658f5a47c64a25e42960c4bf1b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 16 Feb 2023 09:28:34 +0900
Subject: [PATCH 018/131] =?UTF-8?q?feat:=20ButtonGroup=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/ButtonGroup.tsx | 34 +++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/components/common/ButtonGroup.tsx

diff --git a/src/components/common/ButtonGroup.tsx b/src/components/common/ButtonGroup.tsx
new file mode 100644
index 0000000..af4e8ba
--- /dev/null
+++ b/src/components/common/ButtonGroup.tsx
@@ -0,0 +1,34 @@
+import classNames from '@/utils/classnames';
+
+interface PropsType {
+  items: readonly string[];
+  currentItem: string;
+  changeItem: (item: string) => void;
+}
+
+const ButtonGroup = ({ items, currentItem, changeItem }: PropsType) => {
+  const onClickButton = (item: string) => {
+    changeItem(item);
+  };
+
+  return (
+    <div className="flex h-6 gap-2">
+      {items.map((item, index) => (
+        <button
+          key={index}
+          className={classNames(
+            'w-12 truncate rounded-lg px-1 text-[10px]',
+            currentItem === item
+              ? 'bg-main text-white'
+              : 'btn-secondary border border-grey bg-white font-medium text-black/60'
+          )}
+          onClick={() => onClickButton(item)}
+        >
+          {item}
+        </button>
+      ))}
+    </div>
+  );
+};
+
+export default ButtonGroup;

From 8bb27b6f7aeb5db809855a99f3f988a75b4eb0ab Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 16 Feb 2023 20:49:35 +0900
Subject: [PATCH 019/131] =?UTF-8?q?style:=20PlusCircle=20=EC=95=84?=
 =?UTF-8?q?=EC=9D=B4=EC=BD=98=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Icons.tsx | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/common/Icons.tsx b/src/components/common/Icons.tsx
index b88bd07..0aabc36 100644
--- a/src/components/common/Icons.tsx
+++ b/src/components/common/Icons.tsx
@@ -138,7 +138,7 @@ const Up = () => (
     viewBox="0 0 24 24"
     strokeWidth={1.5}
     stroke="currentColor"
-    className="w-6 h-6"
+    className="h-6 w-6"
   >
     <path strokeLinecap="round" strokeLinejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5" />
   </svg>
@@ -151,7 +151,7 @@ const Down = () => (
     viewBox="0 0 24 24"
     strokeWidth={1.5}
     stroke="currentColor"
-    className="w-6 h-6"
+    className="h-6 w-6"
   >
     <path strokeLinecap="round" strokeLinejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
   </svg>
@@ -252,6 +252,24 @@ const Plus = () => (
   </svg>
 );
 
+const PlusCircle = () => (
+  <svg
+    fill="none"
+    stroke="currentColor"
+    strokeWidth={2}
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    className="h-5 w-5"
+  >
+    <path
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
+    />
+  </svg>
+);
+
 const Icon = {
   Home,
   Gavel,
@@ -269,6 +287,7 @@ const Icon = {
   XMark,
   Minus,
   Plus,
+  PlusCircle,
 };
 
 export default Icon;

From a216eb4915135278cb873ebec0e031fb6231715e Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 16 Feb 2023 21:01:13 +0900
Subject: [PATCH 020/131] =?UTF-8?q?style:=20=EA=B4=80=EC=8B=AC=EA=B0=80?=
 =?UTF-8?q?=EB=8A=94=20=ED=9C=B4=EC=96=91=EC=A7=80=20=EC=B6=94=EA=B0=80=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/market/Interests.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/market/Interests.tsx b/src/components/market/Interests.tsx
index ad87546..31d982d 100644
--- a/src/components/market/Interests.tsx
+++ b/src/components/market/Interests.tsx
@@ -17,17 +17,21 @@ const Interests = () => {
     e.preventDefault();
   };
 
-  return interests.length ? (
+  return (
     <div className="flex flex-col gap-2 px-3 md:px-0">
       <label className="font-bold">관심가는 휴양지</label>
       <Carousel itemCount={interests.length}>
+        <button className="carousel-item h-24 w-52 items-center justify-center gap-1 rounded bg-grey text-sm font-semibold">
+          <Icon.PlusCircle />
+          휴양지를 추가해 주세요
+        </button>
         {interests.map(({ id, title }) => (
           <Link
             key={id}
             href={`/markets/detail/${id}`}
             className="carousel-item flex-col items-center font-semibold"
           >
-            <div className="from-blue to-sell relative w-52 break-keep rounded bg-gradient-to-br from-blue-start to-blue-end p-6 text-center text-sm text-white">
+            <div className="relative flex h-24 w-52 items-center break-keep rounded bg-gradient-to-br from-blue-start to-blue-end p-6 text-center text-sm text-white">
               {title}
               <div className="absolute right-1 top-1">
                 <button
@@ -42,7 +46,7 @@ const Interests = () => {
         ))}
       </Carousel>
     </div>
-  ) : null;
+  );
 };
 
 export default Interests;

From 7c6761a007788c2ad9e86309ba2b26b2fafc53f9 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 16 Feb 2023 22:14:06 +0900
Subject: [PATCH 021/131] =?UTF-8?q?fix:=20=EB=A7=88=EC=BC=93=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20SSR=20=EC=9E=84=EC=8B=9C=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/markets/index.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/pages/markets/index.tsx b/src/pages/markets/index.tsx
index a1cf738..682fd06 100644
--- a/src/pages/markets/index.tsx
+++ b/src/pages/markets/index.tsx
@@ -5,6 +5,8 @@ import Layout from '@/components/common/Layout';
 import Interests from '@/components/market/Interests';
 import { ErrorBoundary } from '@sentry/nextjs';
 
+import type { GetServerSideProps } from 'next';
+
 const Markets = () => {
   return (
     <Layout>
@@ -29,4 +31,10 @@ const Markets = () => {
   );
 };
 
+export const getServerSideProps: GetServerSideProps = async () => {
+  return {
+    props: {},
+  };
+};
+
 export default Markets;

From df5af9142a07c0a4f87dbab3f349a8a9c2e0a8bd Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Fri, 17 Feb 2023 01:48:54 +0900
Subject: [PATCH 022/131] =?UTF-8?q?refactor:=20dateFormat=20=ED=95=A8?=
 =?UTF-8?q?=EC=88=98=EB=AA=85=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- formatDate로 변경
- dateFormat -> date 파일명 변경
---
 src/components/cahoot/DetailInfo.tsx | 6 +++---
 src/components/cahoot/ListItems.tsx  | 4 ++--
 src/components/cahoot/Recap.tsx      | 4 ++--
 src/utils/{dateFormat.ts => date.ts} | 3 +--
 4 files changed, 8 insertions(+), 9 deletions(-)
 rename src/utils/{dateFormat.ts => date.ts} (64%)

diff --git a/src/components/cahoot/DetailInfo.tsx b/src/components/cahoot/DetailInfo.tsx
index c94c3de..793c282 100644
--- a/src/components/cahoot/DetailInfo.tsx
+++ b/src/components/cahoot/DetailInfo.tsx
@@ -5,7 +5,7 @@ import { useSuspendedQuery } from '@/hooks/useSuspendedQuery';
 import { fetcher } from '@/libs/client/fetcher';
 import type { CahootDetailType } from '@/types/cahoot';
 import type { Response } from '@/types/response';
-import dateFormat from '@/utils/dateFormat';
+import { formatDate } from '@/utils/date';
 
 import Carousel from '../common/Carousel';
 
@@ -63,9 +63,9 @@ const DetailInfo = () => {
           <div className="flex flex-1 flex-col justify-between gap-4 border-grey px-1 text-center">
             공모 기간
             <span className="text-sm font-bold md:text-base">
-              <span>{dateFormat(stockStart ?? '')}</span>
+              <span>{formatDate(stockStart ?? '')}</span>
               <span> ~ </span>
-              <span>{dateFormat(stockEnd ?? '')}</span>
+              <span>{formatDate(stockEnd ?? '')}</span>
             </span>
           </div>
         </div>
diff --git a/src/components/cahoot/ListItems.tsx b/src/components/cahoot/ListItems.tsx
index 110a4de..ae1c9fc 100644
--- a/src/components/cahoot/ListItems.tsx
+++ b/src/components/cahoot/ListItems.tsx
@@ -7,7 +7,7 @@ import { fetcher } from '@/libs/client/fetcher';
 import type { CahootListType } from '@/types/cahoot';
 import type { Response } from '@/types/response';
 import classNames from '@/utils/classnames';
-import dateFormat from '@/utils/dateFormat';
+import { formatDate } from '@/utils/date';
 import { useInfiniteQuery } from '@tanstack/react-query';
 
 import Icon from '../common/Icons';
@@ -110,7 +110,7 @@ const ListItems = ({ keyword }: ListItemsProps) => {
                     <div className="flex flex-1 items-center justify-center px-1 md:justify-between">
                       <span className="hidden md:block">공모 마감일</span>
                       <span>
-                        {dateFormat(stockEnd)}
+                        {formatDate(stockEnd)}
                         <span className="md:hidden"> 마감</span>
                       </span>
                     </div>
diff --git a/src/components/cahoot/Recap.tsx b/src/components/cahoot/Recap.tsx
index 7e76dc8..de67c4b 100644
--- a/src/components/cahoot/Recap.tsx
+++ b/src/components/cahoot/Recap.tsx
@@ -4,7 +4,7 @@ import Link from 'next/link';
 import { useSuspendedQuery } from '@/hooks/useSuspendedQuery';
 import type { CahootListType } from '@/types/cahoot';
 import type { Response } from '@/types/response';
-import dateFormat from '@/utils/dateFormat';
+import { formatDate } from '@/utils/date';
 
 import Carousel from '../common/Carousel';
 
@@ -35,7 +35,7 @@ const Recap = () => {
                 {title}
               </span>
               <span className="absolute bottom-0 w-full bg-black/25 text-center text-xs text-white">
-                {dateFormat(stockEnd)}
+                {formatDate(stockEnd)}
               </span>
             </div>
             <div className="flex w-full flex-col gap-1 rounded-b bg-white p-2 text-xs font-normal">
diff --git a/src/utils/dateFormat.ts b/src/utils/date.ts
similarity index 64%
rename from src/utils/dateFormat.ts
rename to src/utils/date.ts
index bd0be3f..4210058 100644
--- a/src/utils/dateFormat.ts
+++ b/src/utils/date.ts
@@ -1,6 +1,5 @@
-const dateFormat = (date: string) =>
+export const formatDate = (date: string) =>
   Intl.DateTimeFormat('ko-KR', { dateStyle: 'short' })
     .format(new Date(date || 0))
     .replace(/\s|\.$/g, '');
 
-export default dateFormat;

From af232d1fb97aeaf423bfce681d55ed2ac1c3b30d Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Fri, 17 Feb 2023 01:49:17 +0900
Subject: [PATCH 023/131] =?UTF-8?q?feat:=20formatTime=20=ED=95=A8=EC=88=98?=
 =?UTF-8?q?=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/date.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/utils/date.ts b/src/utils/date.ts
index 4210058..239551c 100644
--- a/src/utils/date.ts
+++ b/src/utils/date.ts
@@ -3,3 +3,10 @@ export const formatDate = (date: string) =>
     .format(new Date(date || 0))
     .replace(/\s|\.$/g, '');
 
+export const formatTime = (date: string) =>
+  Intl.DateTimeFormat('ko-KR', {
+    hour: '2-digit',
+    minute: '2-digit',
+    second: '2-digit',
+    hour12: false,
+  }).format(new Date(date || 0));

From 9518f1b08de79399aa234826fedbd66ae1898a40 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Fri, 17 Feb 2023 01:49:52 +0900
Subject: [PATCH 024/131] =?UTF-8?q?feat:=20=EC=B5=9C=EA=B7=BC=20=EA=B1=B0?=
 =?UTF-8?q?=EB=9E=98=20=ED=9C=B4=EC=96=91=EC=A7=80=20mock=20api?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/api/mock/markets/recents.ts | 30 +++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/pages/api/mock/markets/recents.ts

diff --git a/src/pages/api/mock/markets/recents.ts b/src/pages/api/mock/markets/recents.ts
new file mode 100644
index 0000000..e98165e
--- /dev/null
+++ b/src/pages/api/mock/markets/recents.ts
@@ -0,0 +1,30 @@
+import type { Response } from '@/types/response';
+
+import type { NextApiRequest, NextApiResponse } from 'next';
+
+const MOCK = Array(6)
+  .fill(undefined)
+  .map((_, index) => ({
+    id: index + 1,
+    title: '따뜻한 봄바람이 불어오는 하와이 호텔과 게스트하우스',
+    price: 12400,
+    volume: 1235,
+    images: [
+      'https://wealth-marble-image.s3.ap-northeast-2.amazonaws.com/icon-yellow%20flower.png',
+    ],
+    time: '2023-01-20T23:15:53.026633',
+    diff: 1000 * (Math.random() < 0.5 ? 1 : -2),
+    amount: 1,
+  }));
+
+const handler = (req: NextApiRequest, res: NextApiResponse<Response<typeof MOCK>>) => {
+  res.json({ status: 'success', message: null, data: MOCK });
+};
+
+export const config = {
+  api: {
+    externalResolver: true,
+  },
+};
+
+export default handler;

From efbd0170e08684e852a1d7d0ab1f7dc43fdfed86 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Fri, 17 Feb 2023 01:50:37 +0900
Subject: [PATCH 025/131] =?UTF-8?q?style:=20=EC=B5=9C=EA=B7=BC=20=EA=B1=B0?=
 =?UTF-8?q?=EB=9E=98=20=ED=9C=B4=EC=96=91=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/market/RecentTrade.tsx | 65 +++++++++++++++++++++++++++
 src/pages/markets/index.tsx           | 11 +++++
 tailwind.config.js                    |  6 ++-
 3 files changed, 81 insertions(+), 1 deletion(-)
 create mode 100644 src/components/market/RecentTrade.tsx

diff --git a/src/components/market/RecentTrade.tsx b/src/components/market/RecentTrade.tsx
new file mode 100644
index 0000000..1a7072c
--- /dev/null
+++ b/src/components/market/RecentTrade.tsx
@@ -0,0 +1,65 @@
+import Image from 'next/image';
+import Link from 'next/link';
+
+import { useSuspendedQuery } from '@/hooks/useSuspendedQuery';
+import { Response } from '@/types/response';
+import { formatTime } from '@/utils/date';
+
+type MockType = {
+  id: number;
+  title: string;
+  price: number;
+  volume: number;
+  images: string[];
+  time: string;
+  diff: number;
+  amount: number;
+}[];
+
+const RecentTrade = () => {
+  const {
+    data: { data: recents },
+  } = useSuspendedQuery<Response<MockType>>(['market/recents'], () =>
+    fetch(`${process.env.NEXT_PUBLIC_HOST}/api/mock/markets/recents`).then((res) => res.json())
+  );
+
+  return (
+    <div className="flex flex-col gap-2 px-3 md:px-0">
+      <label className="font-bold">최근 거래 휴양지</label>
+      <div className="flex flex-col gap-2">
+        {recents.slice(0, 6).map(({ id, amount, diff, images, price, time, title, volume }) => (
+          <Link
+            href={`/markets/detail/${id}`}
+            key={id}
+            className="flex w-full gap-2 even:flex-row-reverse"
+          >
+            <div className="flex flex-col">
+              <div className="avatar -z-10">
+                <div className="w-16 rounded-full border border-grey"></div>
+                <Image src={images[0]} alt="" className="rounded-full" fill sizes="96px" />
+              </div>
+              <span className="text-center text-[10px] text-grey-middle">{formatTime(time)}</span>
+            </div>
+            <div className="flex w-[calc(100%-144px)] flex-col justify-center gap-1 rounded bg-grey px-2 text-xs">
+              <div className="tooltip flex" data-tip={title}>
+                <span className="truncate font-bold">{title}</span>
+              </div>
+              <div className="flex justify-between">
+                <span className="text-black/70">{price.toLocaleString()}</span>
+                <span className={diff < 0 ? 'text-blue' : 'text-red'}>{`${
+                  diff < 0 ? '▼' : '▲'
+                }  ${diff.toLocaleString()}(${Math.round((diff / price) * 100)}%)`}</span>
+              </div>
+              <div className="flex justify-between">
+                <span className="text-black/50">{amount}주</span>
+                <span className="text-black/50">{`${volume.toLocaleString()}(%)`}</span>
+              </div>
+            </div>
+          </Link>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default RecentTrade;
diff --git a/src/pages/markets/index.tsx b/src/pages/markets/index.tsx
index 682fd06..7326b8e 100644
--- a/src/pages/markets/index.tsx
+++ b/src/pages/markets/index.tsx
@@ -3,6 +3,7 @@ import { Suspense } from 'react';
 import DeadlineBanner from '@/components/cahoot/DeadlineBanner';
 import Layout from '@/components/common/Layout';
 import Interests from '@/components/market/Interests';
+import RecentTrade from '@/components/market/RecentTrade';
 import { ErrorBoundary } from '@sentry/nextjs';
 
 import type { GetServerSideProps } from 'next';
@@ -25,6 +26,16 @@ const Markets = () => {
           <Suspense fallback={<p>로딩...</p>}>
             <Interests />
           </Suspense>
+          <div className="flex flex-col-reverse gap-4 md:flex-row">
+            <div className="md:w-1/2">
+              <label className="font-bold">가격 정보</label>
+            </div>
+            <div className="md:w-1/2">
+              <Suspense fallback={<p>로딩...</p>}>
+                <RecentTrade />
+              </Suspense>
+            </div>
+          </div>
         </ErrorBoundary>
       </div>
     </Layout>
diff --git a/tailwind.config.js b/tailwind.config.js
index 259d567..5df1bb3 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -29,7 +29,11 @@ module.exports = {
       'blue-start': '#00628B',
       'blue-end': '#017797',
     },
-    extend: {},
+    extend: {
+      padding: {
+        18: '4.5rem',
+      },
+    },
   },
   daisyui: {
     themes: [

From a440f01c85282db0545f3e9ea77bf3d1a2ff85fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Fri, 17 Feb 2023 23:31:16 +0900
Subject: [PATCH 026/131] =?UTF-8?q?style:=20SelectBox=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EC=8A=A4=ED=83=80=EC=9D=BC=EB=A7=81=20-?=
 =?UTF-8?q?=20=EB=A7=90=EC=A4=84=EC=9E=84=ED=91=9C=20=EC=B2=98=EB=A6=AC=20?=
 =?UTF-8?q?-=20=EC=A0=84=EB=B0=98=EC=A0=81=EC=9D=B8=20=EC=8A=A4=ED=83=80?=
 =?UTF-8?q?=EC=9D=BC=20=EA=B0=9C=EC=84=A0(=EA=B8=80=EC=94=A8=ED=81=AC?=
 =?UTF-8?q?=EA=B8=B0=20=EC=B6=95=EC=86=8C,=20=EC=95=84=EC=9D=B4=EC=BD=98?=
 =?UTF-8?q?=20=ED=81=AC=EA=B8=B0=20=EC=B6=95=EC=86=8C=20=EB=93=B1)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Icons.tsx     |  4 ++--
 src/components/common/SelectBox.tsx | 11 +++++------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/common/Icons.tsx b/src/components/common/Icons.tsx
index b88bd07..85236d4 100644
--- a/src/components/common/Icons.tsx
+++ b/src/components/common/Icons.tsx
@@ -138,7 +138,7 @@ const Up = () => (
     viewBox="0 0 24 24"
     strokeWidth={1.5}
     stroke="currentColor"
-    className="w-6 h-6"
+    className="h-4 w-4"
   >
     <path strokeLinecap="round" strokeLinejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5" />
   </svg>
@@ -151,7 +151,7 @@ const Down = () => (
     viewBox="0 0 24 24"
     strokeWidth={1.5}
     stroke="currentColor"
-    className="w-6 h-6"
+    className="h-3 w-3"
   >
     <path strokeLinecap="round" strokeLinejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
   </svg>
diff --git a/src/components/common/SelectBox.tsx b/src/components/common/SelectBox.tsx
index cc96794..a5ef055 100644
--- a/src/components/common/SelectBox.tsx
+++ b/src/components/common/SelectBox.tsx
@@ -34,14 +34,14 @@ const SelectBox = ({ items, containerRef, currentItem, changeItem }: PropsType)
   };
 
   return (
-    <div className="w-24">
+    <div>
       <div
         onBlur={onBlur}
         tabIndex={4}
         onClick={onClickToggle}
-        className="flex w-24 justify-between rounded-lg border border-grey px-3 py-2"
+        className="flex	h-6 w-16 items-center justify-between rounded-lg border border-grey px-3 "
       >
-        <span>{currentItem}</span>
+        <span className="truncate text-[10px]">{currentItem}</span>
         <span>
           {isOpen && <Icon.Up></Icon.Up>}
           {!isOpen && <Icon.Down></Icon.Down>}
@@ -52,15 +52,14 @@ const SelectBox = ({ items, containerRef, currentItem, changeItem }: PropsType)
           <div
             className={`${
               isOpen ? 'visible' : 'invisible'
-            } absolute top-20 mt-6 w-24 rounded-lg border border-grey bg-white`}
+            } absolute top-20 mt-2 w-24 rounded-lg border border-grey bg-white`}
           >
             <ul className="list-inside list-none ">
               {items.map(({ index, item }) => (
-                // TODO: 말줄임표 추가하기
                 <li
                   key={index.toString()}
                   onClick={() => onClickItem(item)}
-                  className="cursor-pointer select-none rounded-lg p-2 hover:bg-main/50"
+                  className="cursor-pointer select-none truncate rounded-lg p-2 text-[10px] hover:bg-main/50"
                 >
                   {item}
                 </li>

From b9db64468352b415c1f0ba0b7458ba81f0629136 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Fri, 17 Feb 2023 23:35:05 +0900
Subject: [PATCH 027/131] =?UTF-8?q?feat:=20SelectBox,=20ButtonGroup=20?=
 =?UTF-8?q?=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20title=20=EC=86=8D?=
 =?UTF-8?q?=EC=84=B1=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/ButtonGroup.tsx | 3 ++-
 src/components/common/SelectBox.tsx   | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/common/ButtonGroup.tsx b/src/components/common/ButtonGroup.tsx
index af4e8ba..e0c8b4f 100644
--- a/src/components/common/ButtonGroup.tsx
+++ b/src/components/common/ButtonGroup.tsx
@@ -12,10 +12,11 @@ const ButtonGroup = ({ items, currentItem, changeItem }: PropsType) => {
   };
 
   return (
-    <div className="flex h-6 gap-2">
+    <div className="flex h-6 gap-1.5">
       {items.map((item, index) => (
         <button
           key={index}
+          title={item}
           className={classNames(
             'w-12 truncate rounded-lg px-1 text-[10px]',
             currentItem === item
diff --git a/src/components/common/SelectBox.tsx b/src/components/common/SelectBox.tsx
index a5ef055..8df58a1 100644
--- a/src/components/common/SelectBox.tsx
+++ b/src/components/common/SelectBox.tsx
@@ -58,6 +58,7 @@ const SelectBox = ({ items, containerRef, currentItem, changeItem }: PropsType)
               {items.map(({ index, item }) => (
                 <li
                   key={index.toString()}
+                  title={item}
                   onClick={() => onClickItem(item)}
                   className="cursor-pointer select-none truncate rounded-lg p-2 text-[10px] hover:bg-main/50"
                 >

From 84ef16233bba91cf2ec245587bd354981f6ff3cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Fri, 17 Feb 2023 23:38:48 +0900
Subject: [PATCH 028/131] =?UTF-8?q?style:=20=EC=9E=A5=EC=86=8C=EB=B3=84=20?=
 =?UTF-8?q?=EC=B6=94=EC=B2=9C=20=ED=9C=B4=EC=96=91=EC=A7=80=20UI=20?=
 =?UTF-8?q?=EA=B5=AC=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/RecommendedList.tsx | 59 ++++++++++++++++++++++--------
 1 file changed, 43 insertions(+), 16 deletions(-)

diff --git a/src/components/RecommendedList.tsx b/src/components/RecommendedList.tsx
index 98daeeb..60a1ef7 100644
--- a/src/components/RecommendedList.tsx
+++ b/src/components/RecommendedList.tsx
@@ -1,7 +1,8 @@
-import { useRef } from 'react';
+import { useRef, useState } from 'react';
 
 import Link from 'next/link';
 
+import ButtonGroup from '@/components/common/ButtonGroup';
 import SelectBox from '@/components/common/SelectBox';
 import classNames from '@/utils/classnames';
 import { useQuery } from '@tanstack/react-query';
@@ -19,8 +20,11 @@ interface MockDataType {
   bookmarked: boolean;
 }
 
+const RecommendedCountryList = ['대만', '일본', '파푸아뉴기니'] as const;
+
 const RecommendedList = () => {
   const selectBoxContainer = useRef<HTMLDivElement>(null);
+  const [selectedCountry, setSelectedCountry] = useState('장소');
   const { data } = useQuery<MockDataType[]>({
     queryKey: ['cahootListData'],
     queryFn: () =>
@@ -31,47 +35,70 @@ const RecommendedList = () => {
     e.preventDefault();
   };
 
+  // SelectBox, ButtonGroup을 통해 나라 변경 시 동작
+  const changeCountry = (country: string) => {
+    setSelectedCountry(country);
+    // console.log(country);
+  };
+
+  const selectItems = [
+    { index: 1, item: '대만' },
+    { index: 2, item: '일본' },
+    { index: 3, item: '파푸아뉴기니' },
+    { index: 4, item: '미국' },
+  ];
+
   return (
     <div
       ref={selectBoxContainer}
-      className="relative flex flex-col px-4 md:px-0 py-4 gap-4 md:w-96"
+      className="relative flex flex-col gap-4 px-4 py-4 md:w-96 md:px-0"
     >
-      <div className="flex justify-between items-center">
+      <div className="flex items-center justify-between">
         <label className="font-bold">장소별 추천 휴양지</label>
       </div>
-      <div>
-        <SelectBox placeholder="장소" containerRef={selectBoxContainer} />
+      <div className="flex gap-4">
+        <SelectBox
+          items={selectItems}
+          containerRef={selectBoxContainer}
+          currentItem={selectedCountry}
+          changeItem={changeCountry}
+        />
+        <ButtonGroup
+          items={RecommendedCountryList}
+          currentItem={selectedCountry}
+          changeItem={changeCountry}
+        />
       </div>
-      <div className="w-full grid grid-cols-6 md:grid-cols-3 gap-2 gap-y-6 max-md:carousel ">
+      <div className="grid w-full grid-cols-6 gap-2 gap-y-6 max-md:carousel md:grid-cols-3 ">
         {data?.map(({ id, bookmarked, title }) => (
           <Link
             href={`/cahoots/detail/${id}`}
             key={id}
-            className="rounded border border-grey shadow-md flex flex-col gap-1 w-32"
+            className="flex w-32 flex-col gap-1 rounded border border-grey shadow-md"
           >
             {/* 이미지 */}
             <div className="avatar">
-              <div className="w-full bg-dark-grey rounded-t"></div>
+              <div className="w-full rounded-t bg-dark-grey"></div>
               <div className="absolute right-2 top-2">
                 <button
                   onClick={onBookmarkClick}
                   className={classNames(
-                    'btn btn-circle btn-ghost btn-xs',
-                    bookmarked ? 'text-main fill-main' : 'fill-none'
+                    'btn btn-ghost btn-xs btn-circle',
+                    bookmarked ? 'fill-main text-main' : 'fill-none'
                   )}
                 >
                   <Icon.Bookmark />
                 </button>
               </div>
             </div>
-            <div className="flex flex-col w-full overflow-hidden py-1 relative justify-center px-2 text-[8px]">
-              <div className="font-bold flex gap-2">
-                <span className="bg-main text-white px-1 rounded">Hot</span>
-                <span className="overflow-ellipsis overflow-hidden whitespace-nowrap">{title}</span>
+            <div className="relative flex w-full flex-col justify-center overflow-hidden py-1 px-2 text-[8px]">
+              <div className="flex gap-2 font-bold">
+                <span className="rounded bg-main px-1 text-white">Hot</span>
+                <span className="overflow-hidden overflow-ellipsis whitespace-nowrap">{title}</span>
               </div>
-              <div className="flex gap-1 gap-4 flex-col"></div>
+              <div className="flex flex-col gap-1 gap-4"></div>
               <div className="text-right">
-                <span className="text-black/60 text-[6px]">
+                <span className="text-[6px] text-black/60">
                   예상 수익률 <span className="text-main">120%</span>
                 </span>
               </div>

From 7bf318a5bd48ed04f64b8cd434d8bf210e85e7cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Sat, 18 Feb 2023 11:58:17 +0900
Subject: [PATCH 029/131] =?UTF-8?q?chore:=20=ED=86=A0=EA=B8=80=20=EC=95=84?=
 =?UTF-8?q?=EC=9D=B4=EC=BD=98=20=ED=81=AC=EA=B8=B0=20=ED=86=B5=EC=9D=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Icons.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/common/Icons.tsx b/src/components/common/Icons.tsx
index 85236d4..5c2627d 100644
--- a/src/components/common/Icons.tsx
+++ b/src/components/common/Icons.tsx
@@ -138,7 +138,7 @@ const Up = () => (
     viewBox="0 0 24 24"
     strokeWidth={1.5}
     stroke="currentColor"
-    className="h-4 w-4"
+    className="h-3 w-3"
   >
     <path strokeLinecap="round" strokeLinejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5" />
   </svg>

From a6f9be37daa5b5a61af0a261f0924b50146bca8a Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Sun, 19 Feb 2023 00:26:35 +0900
Subject: [PATCH 030/131] =?UTF-8?q?feat:=20=EB=A7=88=EC=BC=93=20=EB=AA=A9?=
 =?UTF-8?q?=EB=A1=9D=20mock=20api?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/api/mock/markets/index.ts | 60 +++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 src/pages/api/mock/markets/index.ts

diff --git a/src/pages/api/mock/markets/index.ts b/src/pages/api/mock/markets/index.ts
new file mode 100644
index 0000000..0fbc446
--- /dev/null
+++ b/src/pages/api/mock/markets/index.ts
@@ -0,0 +1,60 @@
+import type { Response } from '@/types/response';
+
+import type { NextApiRequest, NextApiResponse } from 'next';
+
+const MOCK = Array(40)
+  .fill(undefined)
+  .map((_, index) => ({
+    id: index + 1,
+    title: '따뜻한 봄바람이 불어오는 하와이 호텔 건설에 함께하실 마블 분들을 찾아요',
+    location: '대한민국',
+    price: 12400,
+    diff: 1000 * (Math.random() < 0.5 ? 1 : -2),
+    images: ['https://wealth-marble-image.s3.ap-northeast-2.amazonaws.com/icon-cup.png'],
+  }));
+
+const handler = (req: NextApiRequest, res: NextApiResponse<Response<{ result: typeof MOCK }>>) => {
+  const { page } = req.query;
+  if (page === '0') {
+    return res.json({
+      status: 'success',
+      message: null,
+      data: {
+        result: MOCK.slice(0, 10),
+      },
+    });
+  } else if (page === '1') {
+    return res.json({
+      status: 'success',
+      message: null,
+      data: {
+        result: MOCK.slice(10, 20),
+      },
+    });
+  } else if (page === '2') {
+    return res.json({
+      status: 'success',
+      message: null,
+      data: {
+        result: MOCK.slice(20, 30),
+      },
+    });
+  } else if (page === '3') {
+    return res.json({
+      status: 'success',
+      message: null,
+      data: {
+        result: MOCK.slice(30, 40),
+      },
+    });
+  }
+  res.status(404).json({ status: 'fail', message: 'No data', data: { result: [] } });
+};
+
+export const config = {
+  api: {
+    externalResolver: true,
+  },
+};
+
+export default handler;

From fd56ebccf1f649bb830d595677d51e28949e45ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Sun, 19 Feb 2023 01:35:06 +0900
Subject: [PATCH 031/131] =?UTF-8?q?chore:=20react-google-autocomplete=20?=
 =?UTF-8?q?=EB=AA=A8=EB=93=88=20=EC=84=A4=EC=B9=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json | 89 ++++++++++++++++++++++++++++++++++-------------
 package.json      |  1 +
 2 files changed, 65 insertions(+), 25 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d335e19..3ff58bd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,6 +27,7 @@
         "react": "18.2.0",
         "react-dates": "^21.8.0",
         "react-dom": "18.2.0",
+        "react-google-autocomplete": "^2.7.3",
         "react-hook-form": "^7.42.1",
         "react-redux": "^8.0.5",
         "sharp": "^0.31.3",
@@ -1377,6 +1378,7 @@
       "version": "10.4.13",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
       "integrity": "sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -1516,6 +1518,7 @@
       "version": "4.21.4",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz",
       "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -2026,7 +2029,8 @@
     "node_modules/electron-to-chromium": {
       "version": "1.4.284",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz",
-      "integrity": "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA=="
+      "integrity": "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==",
+      "dev": true
     },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
@@ -2171,6 +2175,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
       "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -2771,6 +2776,7 @@
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
       "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==",
+      "dev": true,
       "engines": {
         "node": "*"
       },
@@ -3713,6 +3719,11 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -3983,7 +3994,8 @@
     "node_modules/node-releases": {
       "version": "2.0.8",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.8.tgz",
-      "integrity": "sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A=="
+      "integrity": "sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A==",
+      "dev": true
     },
     "node_modules/normalize-path": {
       "version": "3.0.0",
@@ -3997,6 +4009,7 @@
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
       "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4699,6 +4712,18 @@
         "react": "^18.2.0"
       }
     },
+    "node_modules/react-google-autocomplete": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmjs.org/react-google-autocomplete/-/react-google-autocomplete-2.7.3.tgz",
+      "integrity": "sha512-Nm+7/VDe7/NDWb8p/a39is7ktNqt5bNqAOoQv2Ev/XkuEvjsRk08VAPFmXUH03xKuM8IUuDrk2Lwfge44YEj6Q==",
+      "dependencies": {
+        "lodash.debounce": "^4.0.8",
+        "prop-types": "^15.5.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
     "node_modules/react-hook-form": {
       "version": "7.42.1",
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.42.1.tgz",
@@ -5708,6 +5733,7 @@
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz",
       "integrity": "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -6128,8 +6154,7 @@
     "@rollup/plugin-virtual": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-virtual/-/plugin-virtual-3.0.0.tgz",
-      "integrity": "sha512-K9KORe1myM62o0lKkNR4MmCxjwuAXsZEtIHpaILfv4kILXTOrXt/R2ha7PzMcCHPYdnkWPiBZK8ed4Zr3Ll5lQ==",
-      "requires": {}
+      "integrity": "sha512-K9KORe1myM62o0lKkNR4MmCxjwuAXsZEtIHpaILfv4kILXTOrXt/R2ha7PzMcCHPYdnkWPiBZK8ed4Zr3Ll5lQ=="
     },
     "@rollup/pluginutils": {
       "version": "4.2.1",
@@ -6604,8 +6629,7 @@
     "acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "requires": {}
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="
     },
     "acorn-node": {
       "version": "1.8.2",
@@ -6794,6 +6818,7 @@
       "version": "10.4.13",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
       "integrity": "sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==",
+      "dev": true,
       "requires": {
         "browserslist": "^4.21.4",
         "caniuse-lite": "^1.0.30001426",
@@ -6884,6 +6909,7 @@
       "version": "4.21.4",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz",
       "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
+      "dev": true,
       "requires": {
         "caniuse-lite": "^1.0.30001400",
         "electron-to-chromium": "^1.4.251",
@@ -7229,7 +7255,8 @@
     "electron-to-chromium": {
       "version": "1.4.284",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz",
-      "integrity": "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA=="
+      "integrity": "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==",
+      "dev": true
     },
     "emoji-regex": {
       "version": "9.2.2",
@@ -7349,7 +7376,8 @@
     "escalade": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw=="
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "dev": true
     },
     "escape-string-regexp": {
       "version": "4.0.0",
@@ -7422,8 +7450,7 @@
       "version": "8.6.0",
       "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.6.0.tgz",
       "integrity": "sha512-bAF0eLpLVqP5oEVUFKpMA+NnRFICwn9X8B5jrR9FcqnYBuPbqWEjTEspPWMj5ye6czoSLDweCzSo3Ko7gGrZaA==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "eslint-import-resolver-node": {
       "version": "0.3.7",
@@ -7621,8 +7648,7 @@
     "eslint-plugin-react-hooks": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
-      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
-      "requires": {}
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g=="
     },
     "eslint-scope": {
       "version": "7.1.1",
@@ -7799,7 +7825,8 @@
     "fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
-      "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA=="
+      "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==",
+      "dev": true
     },
     "fs-constants": {
       "version": "1.0.0",
@@ -8456,6 +8483,11 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
+    },
     "lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -8608,8 +8640,7 @@
     "next-redux-wrapper": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/next-redux-wrapper/-/next-redux-wrapper-8.1.0.tgz",
-      "integrity": "sha512-2hIau0hcI6uQszOtrvAFqgc0NkZegKYhBB7ZAKiG3jk7zfuQb4E7OV9jfxViqqojh3SEHdnFfPkN9KErttUKuw==",
-      "requires": {}
+      "integrity": "sha512-2hIau0hcI6uQszOtrvAFqgc0NkZegKYhBB7ZAKiG3jk7zfuQb4E7OV9jfxViqqojh3SEHdnFfPkN9KErttUKuw=="
     },
     "node-abi": {
       "version": "3.32.0",
@@ -8635,7 +8666,8 @@
     "node-releases": {
       "version": "2.0.8",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.8.tgz",
-      "integrity": "sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A=="
+      "integrity": "sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A==",
+      "dev": true
     },
     "normalize-path": {
       "version": "3.0.0",
@@ -8645,7 +8677,8 @@
     "normalize-range": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA=="
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true
     },
     "npmlog": {
       "version": "4.1.2",
@@ -8940,8 +8973,7 @@
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.2.2.tgz",
       "integrity": "sha512-5RjUbWRe305pUpc48MosoIp6uxZvZxrM6GyOgsbGLTce+ehePKNm7ziW2dLG2air9aXbGuXlHVSQQw4Lbosq3w==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "process-nextick-args": {
       "version": "2.0.1",
@@ -9067,11 +9099,19 @@
         "scheduler": "^0.23.0"
       }
     },
+    "react-google-autocomplete": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmjs.org/react-google-autocomplete/-/react-google-autocomplete-2.7.3.tgz",
+      "integrity": "sha512-Nm+7/VDe7/NDWb8p/a39is7ktNqt5bNqAOoQv2Ev/XkuEvjsRk08VAPFmXUH03xKuM8IUuDrk2Lwfge44YEj6Q==",
+      "requires": {
+        "lodash.debounce": "^4.0.8",
+        "prop-types": "^15.5.0"
+      }
+    },
     "react-hook-form": {
       "version": "7.42.1",
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.42.1.tgz",
-      "integrity": "sha512-2UIGqwMZksd5HS55crTT1ATLTr0rAI4jS7yVuqTaoRVDhY2Qc4IyjskCmpnmdYqUNOYFy04vW253tb2JRVh+IQ==",
-      "requires": {}
+      "integrity": "sha512-2UIGqwMZksd5HS55crTT1ATLTr0rAI4jS7yVuqTaoRVDhY2Qc4IyjskCmpnmdYqUNOYFy04vW253tb2JRVh+IQ=="
     },
     "react-is": {
       "version": "16.13.1",
@@ -9219,8 +9259,7 @@
     "redux-thunk": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.2.tgz",
-      "integrity": "sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q==",
-      "requires": {}
+      "integrity": "sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q=="
     },
     "reflect.ownkeys": {
       "version": "0.2.0",
@@ -9781,6 +9820,7 @@
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz",
       "integrity": "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==",
+      "dev": true,
       "requires": {
         "escalade": "^3.1.1",
         "picocolors": "^1.0.0"
@@ -9797,8 +9837,7 @@
     "use-sync-external-store": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
-      "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==",
-      "requires": {}
+      "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA=="
     },
     "util-deprecate": {
       "version": "1.0.2",
diff --git a/package.json b/package.json
index 8ae4833..4580f32 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "react": "18.2.0",
     "react-dates": "^21.8.0",
     "react-dom": "18.2.0",
+    "react-google-autocomplete": "^2.7.3",
     "react-hook-form": "^7.42.1",
     "react-redux": "^8.0.5",
     "sharp": "^0.31.3",

From c2cd167b8d95c7618e9a21964dac02afaa832f10 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Sun, 19 Feb 2023 01:37:16 +0900
Subject: [PATCH 032/131] =?UTF-8?q?feat:=20=EC=A3=BC=EC=86=8C=20=EA=B2=80?=
 =?UTF-8?q?=EC=83=89=20=EA=B4=80=EB=A0=A8=20=EC=B2=98=EB=A6=AC=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80=20-=20=EC=82=AC=EC=9A=A9=EC=9E=90=EA=B0=80=20?=
 =?UTF-8?q?=EC=A7=81=EC=A0=91=20=EC=A3=BC=EC=86=8C=20=EC=9E=85=EB=A0=A5=20?=
 =?UTF-8?q?=EC=8B=9C,=20=ED=95=B4=EB=8B=B9=20=EA=B0=92=EC=9C=BC=EB=A1=9C?=
 =?UTF-8?q?=20=EC=A3=BC=EC=86=8C=20=EC=A0=81=EC=9A=A9=20-=20=EC=9E=90?=
 =?UTF-8?q?=EB=8F=99=EC=99=84=EC=84=B1=EC=9D=84=20=ED=86=B5=ED=95=B4=20?=
 =?UTF-8?q?=EC=A3=BC=EC=86=8C=20=EC=84=A0=ED=83=9D=20=EC=8B=9C,=20?=
 =?UTF-8?q?=EB=82=98=EB=9D=BC=EB=AA=85,=20=EC=9A=B0=ED=8E=B8=EB=B2=88?=
 =?UTF-8?q?=ED=98=B8=EB=A5=BC=20=EC=A0=9C=EC=99=B8=ED=95=9C=20=EC=A3=BC?=
 =?UTF-8?q?=EC=86=8C=EB=A1=9C=20=EB=B3=80=EA=B2=BD=20=ED=9B=84=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PlaceSearchBar.tsx | 62 +++++++++++++++++++++----------
 src/pages/cahoots/create.tsx      | 24 ++++++------
 2 files changed, 55 insertions(+), 31 deletions(-)

diff --git a/src/components/PlaceSearchBar.tsx b/src/components/PlaceSearchBar.tsx
index 31c9c09..a6bf3a9 100644
--- a/src/components/PlaceSearchBar.tsx
+++ b/src/components/PlaceSearchBar.tsx
@@ -1,32 +1,56 @@
 import { useRef } from 'react';
-import { UseFormRegisterReturn } from 'react-hook-form';
+import Autocomplete from 'react-google-autocomplete';
+import { UseFormSetValue } from 'react-hook-form';
 
 import { LoadScript, StandaloneSearchBox } from '@react-google-maps/api';
 
 interface PropsType {
-  register?: UseFormRegisterReturn;
+  name: string;
+  setValue: UseFormSetValue<any>;
 }
 
-const PlaceSearchBar = ({ register }: PropsType) => {
-  const searchRef = useRef<HTMLInputElement>(null);
+const PlaceSearchBar = ({ name, setValue }: PropsType) => {
+  const inputRef = useRef<HTMLInputElement>(null);
 
-  const onPlacesChanged = () => {
-    const searchText = searchRef.current?.value;
-    // console.log(searchText);
-    // TODO: 모달 + 지도 연동
+  // 자동완성 목록에서 주소 선택 시 나라명, 우편번호를 제외한 주소 생성
+  const summarizeAddress = (addressComponents: google.maps.GeocoderAddressComponent[]) => {
+    let address = '';
+
+    addressComponents
+      .filter((item) => !item.types.includes('country') && !item.types.includes('postal_code'))
+      .reverse()
+      .map((item) => (address += `${item.long_name} `));
+
+    setValue(name, address.trim());
+  };
+
+  // 사용자 입력 주소 form value 세팅
+  const onInput = () => {
+    const inputText = inputRef.current?.value;
+    if (!inputText) {
+      return;
+    }
+    setValue(name, inputText.trim());
   };
   return (
-    <LoadScript googleMapsApiKey="AIzaSyBtxP6C_wyzDUffkRlJntn9pDY-MV26QG0" libraries={['places']}>
-      <StandaloneSearchBox onPlacesChanged={onPlacesChanged}>
-        <input
-          ref={searchRef}
-          type="text"
-          placeholder="휴양지 위치를 입력하세요."
-          className="border border-solid border-black/20 rounded-lg focus:outline-main  p-3 w-96"
-          {...register}
-        />
-      </StandaloneSearchBox>
-    </LoadScript>
+    <Autocomplete
+      ref={inputRef}
+      apiKey={'AIzaSyBtxP6C_wyzDUffkRlJntn9pDY-MV26QG0'}
+      onPlaceSelected={(place) => {
+        const addressComponents = place?.address_components;
+        if (!addressComponents) {
+          return;
+        }
+        summarizeAddress(addressComponents);
+      }}
+      onChange={onInput}
+      options={{
+        types: ['(regions)'],
+        componentRestrictions: { country: 'kr' },
+        fields: ['address_components'],
+      }}
+      className="w-96 rounded-lg border border-solid border-black/20  p-3 focus:outline-main"
+    />
   );
 };
 
diff --git a/src/pages/cahoots/create.tsx b/src/pages/cahoots/create.tsx
index 52980d2..50ed567 100644
--- a/src/pages/cahoots/create.tsx
+++ b/src/pages/cahoots/create.tsx
@@ -53,13 +53,13 @@ export default function CreateCahoot() {
 
   return (
     <Layout hideHeaderOnMobile hideBottomBar>
-      <section className="flex flex-col gap-2.5 max-md:hidden bg-main text-white px-10 pt-12 pb-6">
+      <section className="flex flex-col gap-2.5 bg-main px-10 pt-12 pb-6 text-white max-md:hidden">
         <h1 className="text-2xl font-semibold">공모 생성</h1>
         <p className="text-xs font-medium">
           공모를 위한 휴양지 건설 계획서를 상세하게 작성해주세요.
         </p>
       </section>
-      <article className="p-5 w-full">
+      <article className="w-full p-5">
         <form className="flex flex-col gap-8" onSubmit={handleSubmit(onSubmit, onErrors)}>
           {/* 휴양지명 */}
           <FormItem id="title" label="휴양지명" required={true}>
@@ -92,14 +92,14 @@ export default function CreateCahoot() {
           {/* 휴양지 테마 */}
           <FormItem id="theme" label="휴양지 테마" required={true}>
             <div className="px-2">
-              <p className="text-sm font-semibold text-black my-2">위치</p>
+              <p className="my-2 text-sm font-semibold text-black">위치</p>
               <RadioBtn
                 id="themeLocation"
                 name="themeLocation"
                 option={positionOption}
                 register={register('themeLocation')}
               />
-              <p className="text-sm font-semibold text-black mt-4 mb-2">건물 유형</p>
+              <p className="mt-4 mb-2 text-sm font-semibold text-black">건물 유형</p>
               <RadioBtn
                 id="themeBuilding"
                 name="themeBuilding"
@@ -112,13 +112,13 @@ export default function CreateCahoot() {
           <FormItem id="location" label="위치" required={true}>
             <div className="px-2">
               {/* TODO: Loading 일 때 처리 */}
-              <PlaceSearchBar register={register('location')} />
+              <PlaceSearchBar name="location" setValue={setValue} />
               {/* <Map /> */}
             </div>
           </FormItem>
           {/* 건설 진행 예상 시간 */}
           <FormItem id="expectedMonth" label="건설 진행 예상 시간" required={true}>
-            <div className="flex gap-4 items-center px-2">
+            <div className="flex items-center gap-4 px-2">
               <span>공모 완료 후</span>
               <NumberInput size="small" min={0} name="expectedMonth" setValue={setValue} />
               <span>month</span>
@@ -147,7 +147,7 @@ export default function CreateCahoot() {
           </FormItem>
           {/* 전체 건설 지출 예상 금액 */}
           <FormItem id="expectedTotalCost" label="전체 건설 지출 예상 금액" required={false}>
-            <div className="flex gap-4 items-center px-2">
+            <div className="flex items-center gap-4 px-2">
               <NumberInput size="large" min={0} name="expectedTotalCost" setValue={setValue} />
               <span>만원</span>
             </div>
@@ -156,15 +156,15 @@ export default function CreateCahoot() {
           <FormItem id="issuedStocks" label="발행 주식 수량 및 가격" required={true}>
             <div className="flex flex-wrap gap-10 px-2">
               <div className="basis-5/12">
-                <p className="text-sm font-semibold text-black my-2">1주 별 가격</p>
-                <div className="flex gap-4 items-center">
+                <p className="my-2 text-sm font-semibold text-black">1주 별 가격</p>
+                <div className="flex items-center gap-4">
                   <NumberInput size="large" min={0} name="stockPrice" setValue={setValue} />
                   <span>원</span>
                 </div>
               </div>
               <div className="basis-5/12">
-                <p className="text-sm font-semibold text-black my-2">발행 주식 수</p>
-                <div className="flex gap-4 items-center">
+                <p className="my-2 text-sm font-semibold text-black">발행 주식 수</p>
+                <div className="flex items-center gap-4">
                   <NumberInput size="large" min={1} name="stockNum" setValue={setValue} />
                   <span>주</span>
                 </div>
@@ -173,7 +173,7 @@ export default function CreateCahoot() {
           </FormItem>
           <button
             type="submit"
-            className="my-16 self-center w-36 btn bg-main border-none hover:bg-red"
+            className="btn my-16 w-36 self-center border-none bg-main hover:bg-red"
           >
             등록하기
           </button>

From 1a1cd046e629307f3cf35dafd29335768155bccc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Sun, 19 Feb 2023 01:40:01 +0900
Subject: [PATCH 033/131] =?UTF-8?q?chore:=20=EC=82=AC=EC=9A=A9=ED=95=98?=
 =?UTF-8?q?=EC=A7=80=20=EC=95=8A=EB=8A=94=20=EB=AA=A8=EB=93=88=20=EC=82=AD?=
 =?UTF-8?q?=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                 | 137 ------------------------------
 package.json                      |   1 -
 src/components/PlaceSearchBar.tsx |   2 -
 3 files changed, 140 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 3ff58bd..70fbaec 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,6 @@
       "dependencies": {
         "@next/eslint-plugin-next": "^13.1.2",
         "@next/font": "13.1.2",
-        "@react-google-maps/api": "^2.17.1",
         "@reduxjs/toolkit": "^1.9.1",
         "@sentry/nextjs": "^7.30.0",
         "@tanstack/react-query": "^4.22.0",
@@ -83,23 +82,6 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/@googlemaps/js-api-loader": {
-      "version": "1.15.1",
-      "resolved": "https://registry.npmjs.org/@googlemaps/js-api-loader/-/js-api-loader-1.15.1.tgz",
-      "integrity": "sha512-AsnEgNsB7S/VdrHGEQUaUM2e5tmjFGKBAfzR/AqO8O7TPq/jQGvoRw5liPBw4EMF38RDsHmKDV89q/X+qiUREQ==",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3"
-      }
-    },
-    "node_modules/@googlemaps/markerclusterer": {
-      "version": "2.0.13",
-      "resolved": "https://registry.npmjs.org/@googlemaps/markerclusterer/-/markerclusterer-2.0.13.tgz",
-      "integrity": "sha512-302GjQ9gsHOK/ef6hif+rJDv+AB3THst02iDCbXH2PS9GFwb/5yuytaLpuzJiqGNG+k2zvTAWTsGY/fQN5DZ7w==",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "supercluster": "^7.1.3"
-      }
-    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.11.8",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
@@ -394,33 +376,6 @@
         "url": "https://opencollective.com/unts"
       }
     },
-    "node_modules/@react-google-maps/api": {
-      "version": "2.17.1",
-      "resolved": "https://registry.npmjs.org/@react-google-maps/api/-/api-2.17.1.tgz",
-      "integrity": "sha512-XesubSCFfyMtilqljF2kU5zdPru4nks4I4O0HH6H2xOw51wQXs26btJKlRac2/jbJ/gIiGZ/l14q0xaL/6OaBg==",
-      "dependencies": {
-        "@googlemaps/js-api-loader": "1.15.1",
-        "@googlemaps/markerclusterer": "2.0.13",
-        "@react-google-maps/infobox": "2.16.0",
-        "@react-google-maps/marker-clusterer": "2.16.1",
-        "@types/google.maps": "3.50.5",
-        "invariant": "2.2.4"
-      },
-      "peerDependencies": {
-        "react": "^16.8 || ^17 || ^18",
-        "react-dom": "^16.8 || ^17 || ^18"
-      }
-    },
-    "node_modules/@react-google-maps/infobox": {
-      "version": "2.16.0",
-      "resolved": "https://registry.npmjs.org/@react-google-maps/infobox/-/infobox-2.16.0.tgz",
-      "integrity": "sha512-ZojiMS25388RcUHQPycUAerSqdHDom+3dHczVcXHdT/i8fka3O8InkHxXwMhvBoM143ips7mv2BPaYOAJ5f4Nw=="
-    },
-    "node_modules/@react-google-maps/marker-clusterer": {
-      "version": "2.16.1",
-      "resolved": "https://registry.npmjs.org/@react-google-maps/marker-clusterer/-/marker-clusterer-2.16.1.tgz",
-      "integrity": "sha512-jOuyqzWLeXvQcoAu6TCVWHAuko+sDt0JjawNHBGqUNLywMtTCvYP0L0PiqJZOUCUeRYGdUy0AKxQ+30vAkvwag=="
-    },
     "node_modules/@reduxjs/toolkit": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-1.9.1.tgz",
@@ -814,11 +769,6 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
-    "node_modules/@types/google.maps": {
-      "version": "3.50.5",
-      "resolved": "https://registry.npmjs.org/@types/google.maps/-/google.maps-3.50.5.tgz",
-      "integrity": "sha512-RuZf1MJtctGlpW+Gd4a/eGtAufUDjMf+eyN1l+B3fbe2YLScJbg8KEljJfb+6vnSPFAeM1/48geVIEg3vqOkxw=="
-    },
     "node_modules/@types/hoist-non-react-statics": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz",
@@ -3228,14 +3178,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/invariant": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
-      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
-      "dependencies": {
-        "loose-envify": "^1.0.0"
-      }
-    },
     "node_modules/is-arguments": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
@@ -3641,11 +3583,6 @@
         "node": ">=4.0"
       }
     },
-    "node_modules/kdbush": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/kdbush/-/kdbush-3.0.0.tgz",
-      "integrity": "sha512-hRkd6/XW4HTsA9vjVpY9tuXJYLSlelnkTmVFu4M9/7MIYQtFcHpbugAU7UbOfjOiVSVYl2fqgBuJ32JUmRo5Ew=="
-    },
     "node_modules/language-subtag-registry": {
       "version": "0.3.22",
       "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
@@ -5425,14 +5362,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/supercluster": {
-      "version": "7.1.5",
-      "resolved": "https://registry.npmjs.org/supercluster/-/supercluster-7.1.5.tgz",
-      "integrity": "sha512-EulshI3pGUM66o6ZdH3ReiFcvHpM3vAigyK+vcxdjpJyEbIIrtbmBdY23mGgnI24uXiGFvrGq9Gkum/8U7vJWg==",
-      "dependencies": {
-        "kdbush": "^3.0.0"
-      }
-    },
     "node_modules/superjson": {
       "version": "1.12.2",
       "resolved": "https://registry.npmjs.org/superjson/-/superjson-1.12.2.tgz",
@@ -5939,23 +5868,6 @@
         "strip-json-comments": "^3.1.1"
       }
     },
-    "@googlemaps/js-api-loader": {
-      "version": "1.15.1",
-      "resolved": "https://registry.npmjs.org/@googlemaps/js-api-loader/-/js-api-loader-1.15.1.tgz",
-      "integrity": "sha512-AsnEgNsB7S/VdrHGEQUaUM2e5tmjFGKBAfzR/AqO8O7TPq/jQGvoRw5liPBw4EMF38RDsHmKDV89q/X+qiUREQ==",
-      "requires": {
-        "fast-deep-equal": "^3.1.3"
-      }
-    },
-    "@googlemaps/markerclusterer": {
-      "version": "2.0.13",
-      "resolved": "https://registry.npmjs.org/@googlemaps/markerclusterer/-/markerclusterer-2.0.13.tgz",
-      "integrity": "sha512-302GjQ9gsHOK/ef6hif+rJDv+AB3THst02iDCbXH2PS9GFwb/5yuytaLpuzJiqGNG+k2zvTAWTsGY/fQN5DZ7w==",
-      "requires": {
-        "fast-deep-equal": "^3.1.3",
-        "supercluster": "^7.1.3"
-      }
-    },
     "@humanwhocodes/config-array": {
       "version": "0.11.8",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
@@ -6108,29 +6020,6 @@
         "tslib": "^2.4.0"
       }
     },
-    "@react-google-maps/api": {
-      "version": "2.17.1",
-      "resolved": "https://registry.npmjs.org/@react-google-maps/api/-/api-2.17.1.tgz",
-      "integrity": "sha512-XesubSCFfyMtilqljF2kU5zdPru4nks4I4O0HH6H2xOw51wQXs26btJKlRac2/jbJ/gIiGZ/l14q0xaL/6OaBg==",
-      "requires": {
-        "@googlemaps/js-api-loader": "1.15.1",
-        "@googlemaps/markerclusterer": "2.0.13",
-        "@react-google-maps/infobox": "2.16.0",
-        "@react-google-maps/marker-clusterer": "2.16.1",
-        "@types/google.maps": "3.50.5",
-        "invariant": "2.2.4"
-      }
-    },
-    "@react-google-maps/infobox": {
-      "version": "2.16.0",
-      "resolved": "https://registry.npmjs.org/@react-google-maps/infobox/-/infobox-2.16.0.tgz",
-      "integrity": "sha512-ZojiMS25388RcUHQPycUAerSqdHDom+3dHczVcXHdT/i8fka3O8InkHxXwMhvBoM143ips7mv2BPaYOAJ5f4Nw=="
-    },
-    "@react-google-maps/marker-clusterer": {
-      "version": "2.16.1",
-      "resolved": "https://registry.npmjs.org/@react-google-maps/marker-clusterer/-/marker-clusterer-2.16.1.tgz",
-      "integrity": "sha512-jOuyqzWLeXvQcoAu6TCVWHAuko+sDt0JjawNHBGqUNLywMtTCvYP0L0PiqJZOUCUeRYGdUy0AKxQ+30vAkvwag=="
-    },
     "@reduxjs/toolkit": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-1.9.1.tgz",
@@ -6412,11 +6301,6 @@
         "use-sync-external-store": "^1.2.0"
       }
     },
-    "@types/google.maps": {
-      "version": "3.50.5",
-      "resolved": "https://registry.npmjs.org/@types/google.maps/-/google.maps-3.50.5.tgz",
-      "integrity": "sha512-RuZf1MJtctGlpW+Gd4a/eGtAufUDjMf+eyN1l+B3fbe2YLScJbg8KEljJfb+6vnSPFAeM1/48geVIEg3vqOkxw=="
-    },
     "@types/hoist-non-react-statics": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz",
@@ -8140,14 +8024,6 @@
         "side-channel": "^1.0.4"
       }
     },
-    "invariant": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
-      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
-      "requires": {
-        "loose-envify": "^1.0.0"
-      }
-    },
     "is-arguments": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
@@ -8417,11 +8293,6 @@
         "object.assign": "^4.1.3"
       }
     },
-    "kdbush": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/kdbush/-/kdbush-3.0.0.tgz",
-      "integrity": "sha512-hRkd6/XW4HTsA9vjVpY9tuXJYLSlelnkTmVFu4M9/7MIYQtFcHpbugAU7UbOfjOiVSVYl2fqgBuJ32JUmRo5Ew=="
-    },
     "language-subtag-registry": {
       "version": "0.3.22",
       "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
@@ -9582,14 +9453,6 @@
         }
       }
     },
-    "supercluster": {
-      "version": "7.1.5",
-      "resolved": "https://registry.npmjs.org/supercluster/-/supercluster-7.1.5.tgz",
-      "integrity": "sha512-EulshI3pGUM66o6ZdH3ReiFcvHpM3vAigyK+vcxdjpJyEbIIrtbmBdY23mGgnI24uXiGFvrGq9Gkum/8U7vJWg==",
-      "requires": {
-        "kdbush": "^3.0.0"
-      }
-    },
     "superjson": {
       "version": "1.12.2",
       "resolved": "https://registry.npmjs.org/superjson/-/superjson-1.12.2.tgz",
diff --git a/package.json b/package.json
index 4580f32..4cf5f96 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,6 @@
   "dependencies": {
     "@next/eslint-plugin-next": "^13.1.2",
     "@next/font": "13.1.2",
-    "@react-google-maps/api": "^2.17.1",
     "@reduxjs/toolkit": "^1.9.1",
     "@sentry/nextjs": "^7.30.0",
     "@tanstack/react-query": "^4.22.0",
diff --git a/src/components/PlaceSearchBar.tsx b/src/components/PlaceSearchBar.tsx
index a6bf3a9..9b21e40 100644
--- a/src/components/PlaceSearchBar.tsx
+++ b/src/components/PlaceSearchBar.tsx
@@ -2,8 +2,6 @@ import { useRef } from 'react';
 import Autocomplete from 'react-google-autocomplete';
 import { UseFormSetValue } from 'react-hook-form';
 
-import { LoadScript, StandaloneSearchBox } from '@react-google-maps/api';
-
 interface PropsType {
   name: string;
   setValue: UseFormSetValue<any>;

From c7aecc1da74c882255ecb179a530e584bce24471 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Sun, 19 Feb 2023 01:43:05 +0900
Subject: [PATCH 034/131] =?UTF-8?q?fix:=20=ED=83=80=EC=9E=85=20=EC=97=90?=
 =?UTF-8?q?=EB=9F=AC=20=ED=95=B4=EA=B2=B0=EC=9D=84=20=EC=9C=84=ED=95=9C=20?=
 =?UTF-8?q?=EB=AA=A8=EB=93=88=20=EC=84=A4=EC=B9=98=20-=20@types/googlemaps?=
 =?UTF-8?q?=20=EC=84=A4=EC=B9=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json | 14 ++++++++++++++
 package.json      |  1 +
 2 files changed, 15 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 70fbaec..20f2df6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -33,6 +33,7 @@
         "typescript": "4.9.4"
       },
       "devDependencies": {
+        "@types/googlemaps": "^3.43.3",
         "@types/react-dates": "^21.8.3",
         "@types/redux-logger": "^3.0.9",
         "@typescript-eslint/eslint-plugin": "^5.48.1",
@@ -769,6 +770,13 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/@types/googlemaps": {
+      "version": "3.43.3",
+      "resolved": "https://registry.npmjs.org/@types/googlemaps/-/googlemaps-3.43.3.tgz",
+      "integrity": "sha512-ZWNoz/O8MPEpiajvj7QiqCY8tTLFNqNZ/a+s+zTV58wFVNAvvqV4bdGfnsjTb5Cs4V6wEsLrX8XRhmnyYJ2Tdg==",
+      "deprecated": "Types for the Google Maps browser API have moved to @types/google.maps. Note: these types are not for the googlemaps npm package, which is a Node API.",
+      "dev": true
+    },
     "node_modules/@types/hoist-non-react-statics": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz",
@@ -6301,6 +6309,12 @@
         "use-sync-external-store": "^1.2.0"
       }
     },
+    "@types/googlemaps": {
+      "version": "3.43.3",
+      "resolved": "https://registry.npmjs.org/@types/googlemaps/-/googlemaps-3.43.3.tgz",
+      "integrity": "sha512-ZWNoz/O8MPEpiajvj7QiqCY8tTLFNqNZ/a+s+zTV58wFVNAvvqV4bdGfnsjTb5Cs4V6wEsLrX8XRhmnyYJ2Tdg==",
+      "dev": true
+    },
     "@types/hoist-non-react-statics": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz",
diff --git a/package.json b/package.json
index 4cf5f96..57cfc8d 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
     "typescript": "4.9.4"
   },
   "devDependencies": {
+    "@types/googlemaps": "^3.43.3",
     "@types/react-dates": "^21.8.3",
     "@types/redux-logger": "^3.0.9",
     "@typescript-eslint/eslint-plugin": "^5.48.1",

From 8941f87802d05821f3a77d6360c046766b08c767 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Sun, 19 Feb 2023 02:31:29 +0900
Subject: [PATCH 035/131] =?UTF-8?q?style:=20SelectBox=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20size=20=EC=A7=80=EC=A0=95=20=EC=98=B5?=
 =?UTF-8?q?=EC=85=98=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Icons.tsx     |  8 ++++----
 src/components/common/SelectBox.tsx | 26 +++++++++++++++++---------
 2 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/src/components/common/Icons.tsx b/src/components/common/Icons.tsx
index 266b7e4..49b16b5 100644
--- a/src/components/common/Icons.tsx
+++ b/src/components/common/Icons.tsx
@@ -131,27 +131,27 @@ const Right = () => (
   </svg>
 );
 
-const Up = () => (
+const Up = ({ size }: { size: 'large' | 'small' }) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     fill="none"
     viewBox="0 0 24 24"
     strokeWidth={1.5}
     stroke="currentColor"
-    className="h-3 w-3"
+    className={`${size === 'large' ? 'h-6 w-6' : 'h-3 w-3'}`}
   >
     <path strokeLinecap="round" strokeLinejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5" />
   </svg>
 );
 
-const Down = () => (
+const Down = ({ size }: { size: 'large' | 'small' }) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     fill="none"
     viewBox="0 0 24 24"
     strokeWidth={1.5}
     stroke="currentColor"
-    className="h-3 w-3"
+    className={`${size === 'large' ? 'h-6 w-6' : 'h-3 w-3'}`}
   >
     <path strokeLinecap="round" strokeLinejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
   </svg>
diff --git a/src/components/common/SelectBox.tsx b/src/components/common/SelectBox.tsx
index 8df58a1..eddddc5 100644
--- a/src/components/common/SelectBox.tsx
+++ b/src/components/common/SelectBox.tsx
@@ -13,8 +13,10 @@ interface PropsType {
   containerRef: React.RefObject<HTMLDivElement>;
   currentItem: string;
   changeItem: (item: string) => void;
+  size: 'large' | 'small';
 }
-const SelectBox = ({ items, containerRef, currentItem, changeItem }: PropsType) => {
+
+const SelectBox = ({ items, containerRef, currentItem, changeItem, size }: PropsType) => {
   const [isOpen, setIsOpen] = useState(false);
 
   const onClickToggle = (e: MouseEvent) => {
@@ -39,20 +41,24 @@ const SelectBox = ({ items, containerRef, currentItem, changeItem }: PropsType)
         onBlur={onBlur}
         tabIndex={4}
         onClick={onClickToggle}
-        className="flex	h-6 w-16 items-center justify-between rounded-lg border border-grey px-3 "
+        className={`flex ${
+          size === 'large' ? 'h-12 w-36 ' : 'h-6 w-16'
+        } items-center justify-between rounded-lg border border-grey px-3 `}
       >
-        <span className="truncate text-[10px]">{currentItem}</span>
+        <span className={`truncate ${size === 'large' ? 'text-sm' : 'text-[10px]'}`}>
+          {currentItem}
+        </span>
         <span>
-          {isOpen && <Icon.Up></Icon.Up>}
-          {!isOpen && <Icon.Down></Icon.Down>}
+          {isOpen && <Icon.Up size={size === 'large' ? 'large' : 'small'} />}
+          {!isOpen && <Icon.Down size={size === 'large' ? 'large' : 'small'} />}
         </span>
       </div>
       {containerRef.current &&
         createPortal(
           <div
-            className={`${
-              isOpen ? 'visible' : 'invisible'
-            } absolute top-20 mt-2 w-24 rounded-lg border border-grey bg-white`}
+            className={`${isOpen ? 'visible' : 'invisible'} ${
+              size === 'large' ? 'top-12 w-36' : 'top-20 w-16'
+            } absolute mt-2 rounded-lg border border-grey bg-white`}
           >
             <ul className="list-inside list-none ">
               {items.map(({ index, item }) => (
@@ -60,7 +66,9 @@ const SelectBox = ({ items, containerRef, currentItem, changeItem }: PropsType)
                   key={index.toString()}
                   title={item}
                   onClick={() => onClickItem(item)}
-                  className="cursor-pointer select-none truncate rounded-lg p-2 text-[10px] hover:bg-main/50"
+                  className={`${
+                    size === 'large' ? 'text-sm' : 'text-[10px]'
+                  } cursor-pointer select-none truncate rounded-lg p-2 hover:bg-main/50`}
                 >
                   {item}
                 </li>

From 6fc1d963caa660e35557a9ecc364b30f4fce631a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Sun, 19 Feb 2023 02:32:37 +0900
Subject: [PATCH 036/131] =?UTF-8?q?style:=20SelectBox=20CSS=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=EC=97=90=20=EB=94=B0=EB=A5=B8=20=EC=8A=A4=ED=83=80?=
 =?UTF-8?q?=EC=9D=BC=20=ED=86=B5=EC=9D=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PlaceSearchBar.tsx  | 2 +-
 src/components/RecommendedList.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/PlaceSearchBar.tsx b/src/components/PlaceSearchBar.tsx
index 9b21e40..0f7210e 100644
--- a/src/components/PlaceSearchBar.tsx
+++ b/src/components/PlaceSearchBar.tsx
@@ -47,7 +47,7 @@ const PlaceSearchBar = ({ name, setValue }: PropsType) => {
         componentRestrictions: { country: 'kr' },
         fields: ['address_components'],
       }}
-      className="w-96 rounded-lg border border-solid border-black/20  p-3 focus:outline-main"
+      className="h-12 w-96 rounded-lg border border-solid border-black/20 p-3 text-sm focus:outline-main"
     />
   );
 };
diff --git a/src/components/RecommendedList.tsx b/src/components/RecommendedList.tsx
index 60a1ef7..8e305e6 100644
--- a/src/components/RecommendedList.tsx
+++ b/src/components/RecommendedList.tsx
@@ -62,6 +62,7 @@ const RecommendedList = () => {
           containerRef={selectBoxContainer}
           currentItem={selectedCountry}
           changeItem={changeCountry}
+          size="small"
         />
         <ButtonGroup
           items={RecommendedCountryList}
@@ -83,7 +84,7 @@ const RecommendedList = () => {
                 <button
                   onClick={onBookmarkClick}
                   className={classNames(
-                    'btn btn-ghost btn-xs btn-circle',
+                    'btn-ghost btn-xs btn-circle btn',
                     bookmarked ? 'fill-main text-main' : 'fill-none'
                   )}
                 >

From 28fb4e560c692744de413be5fa8d55f653206f6a Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Sun, 19 Feb 2023 15:17:59 +0900
Subject: [PATCH 037/131] =?UTF-8?q?style:=20=EB=A7=88=EC=BC=93=20=EB=AA=A9?=
 =?UTF-8?q?=EB=A1=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/market/List.tsx      | 33 ++++++++++
 src/components/market/ListItems.tsx | 96 +++++++++++++++++++++++++++++
 2 files changed, 129 insertions(+)
 create mode 100644 src/components/market/List.tsx
 create mode 100644 src/components/market/ListItems.tsx

diff --git a/src/components/market/List.tsx b/src/components/market/List.tsx
new file mode 100644
index 0000000..b2a3cff
--- /dev/null
+++ b/src/components/market/List.tsx
@@ -0,0 +1,33 @@
+import { Suspense, useState } from 'react';
+
+import ListItems from './ListItems';
+
+import Search from '../common/Search';
+
+const List = () => {
+  const [keyword, setKeyword] = useState('');
+
+  const onSubmit: React.FormEventHandler<HTMLFormElement> = (e) => {
+    e.preventDefault();
+    const target = e.target as typeof e.target & {
+      search: { value: string };
+    };
+    setKeyword(target.search.value);
+  };
+
+  return (
+    <div className="flex flex-col gap-4 px-4 md:px-0">
+      <div className="flex items-center justify-between">
+        <label className="font-bold">공모 목록</label>
+        <form onSubmit={onSubmit}>
+          <Search />
+        </form>
+      </div>
+      <Suspense fallback={<p>로딩...</p>}>
+        <ListItems keyword={keyword} />
+      </Suspense>
+    </div>
+  );
+};
+
+export default List;
diff --git a/src/components/market/ListItems.tsx b/src/components/market/ListItems.tsx
new file mode 100644
index 0000000..7d6f5e5
--- /dev/null
+++ b/src/components/market/ListItems.tsx
@@ -0,0 +1,96 @@
+import { Fragment, useEffect, useRef } from 'react';
+
+import Image from 'next/image';
+import Link from 'next/link';
+
+import { fetcher } from '@/libs/client/fetcher';
+import type { Response } from '@/types/response';
+import classNames from '@/utils/classnames';
+import { useInfiniteQuery } from '@tanstack/react-query';
+
+interface ListItemsProps {
+  keyword: string;
+}
+
+interface MockType {
+  result: {
+    id: number;
+    title: string;
+    location: string;
+    price: number;
+    diff: number;
+    images: string[];
+  }[];
+}
+
+const ListItems = ({ keyword }: ListItemsProps) => {
+  const { data, fetchNextPage, hasNextPage } = useInfiniteQuery<Response<MockType>>({
+    queryKey: ['cahoot/list', keyword],
+    queryFn: ({ pageParam = 0 }) =>
+      fetcher(
+        `${
+          process.env.NEXT_PUBLIC_HOST
+        }/api/mock/markets?status=ongoing&page=${pageParam}&keyword=${encodeURIComponent(keyword)}`
+      )(),
+    getNextPageParam: (lastPage, allPages) =>
+      lastPage.data.result.length ? allPages.length : false,
+  });
+  const observerRef = useRef<IntersectionObserver>();
+  const listEndRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    const onIntersection: IntersectionObserverCallback = (entries, observer) => {
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          observer.unobserve(entry.target);
+          fetchNextPage();
+        }
+      });
+    };
+    if (observerRef.current) observerRef.current.disconnect();
+    observerRef.current = new IntersectionObserver(onIntersection);
+    listEndRef.current && observerRef.current.observe(listEndRef.current);
+  }, [data, fetchNextPage]);
+
+  return (
+    <>
+      {data?.pages.map((page, index) => (
+        <Fragment key={index}>
+          {page.data.result.map(({ id, diff, images, location, price, title }) => (
+            <Link
+              href={`/cahoots/detail/${id}`}
+              key={id}
+              className="flex gap-2 rounded-lg border border-grey shadow-md md:gap-4 md:p-2"
+            >
+              <div className="avatar">
+                <div className="w-24 rounded-l-lg md:w-32 md:rounded-lg"></div>
+                <Image
+                  src={images[0]}
+                  alt=""
+                  className="rounded-l-lg md:rounded-lg"
+                  fill
+                  sizes="128px"
+                />
+              </div>
+              <div className="relative flex w-full flex-col justify-center gap-1 overflow-hidden py-2 pr-2 text-sm md:pr-4 md:text-base">
+                <div className="flex flex-col border-grey pb-2.5 font-bold md:flex-row md:gap-2">
+                  <span className="break-keep text-main md:text-black">{location}</span>
+                  <div className="mx-2 hidden border-l-2 py-0.5 md:block"></div>
+                  <span className="truncate">{title}</span>
+                  <span
+                    className={classNames('whitespace-nowrap', diff < 0 ? 'text-blue' : 'text-red')}
+                  >
+                    {`${diff < 0 ? '▼' : '▲'} ${price.toLocaleString()}원`}
+                  </span>
+                </div>
+              </div>
+            </Link>
+          ))}
+        </Fragment>
+      ))}
+      <div ref={hasNextPage ? listEndRef : null}></div>
+    </>
+  );
+};
+
+export default ListItems;

From 4e6cba006fe94143c37af78b944557e44f396013 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Sun, 19 Feb 2023 15:19:06 +0900
Subject: [PATCH 038/131] =?UTF-8?q?feat:=20=EA=B4=80=EC=8B=AC=EA=B0=80?=
 =?UTF-8?q?=EB=8A=94=20=ED=9C=B4=EC=96=91=EC=A7=80=20=EC=B6=94=EA=B0=80=20?=
 =?UTF-8?q?=EC=8A=A4=ED=81=AC=EB=A1=A4=20=EA=B8=B0=EB=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 추가 버튼 클릭 시 목록으로 스크롤
---
 src/components/market/Interests.tsx | 16 ++++++++++++++--
 src/pages/markets/index.tsx         | 11 +++++++++--
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/components/market/Interests.tsx b/src/components/market/Interests.tsx
index 31d982d..e3fea74 100644
--- a/src/components/market/Interests.tsx
+++ b/src/components/market/Interests.tsx
@@ -6,7 +6,11 @@ import { Response } from '@/types/response';
 import Carousel from '../common/Carousel';
 import Icon from '../common/Icons';
 
-const Interests = () => {
+interface InterestsProps {
+  scrollRef: React.RefObject<HTMLDivElement>;
+}
+
+const Interests = ({ scrollRef }: InterestsProps) => {
   const {
     data: { data: interests },
   } = useSuspendedQuery<Response<{ id: number; title: string }[]>>(['market/interests'], () =>
@@ -16,12 +20,20 @@ const Interests = () => {
   const onBookmarkClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {
     e.preventDefault();
   };
+  const onAddClick = () => {
+    if (!scrollRef.current) return;
+    const top = window.scrollY + scrollRef.current.getBoundingClientRect().top - 70;
+    window.scrollTo({ top });
+  };
 
   return (
     <div className="flex flex-col gap-2 px-3 md:px-0">
       <label className="font-bold">관심가는 휴양지</label>
       <Carousel itemCount={interests.length}>
-        <button className="carousel-item h-24 w-52 items-center justify-center gap-1 rounded bg-grey text-sm font-semibold">
+        <button
+          className="carousel-item h-24 w-52 items-center justify-center gap-1 rounded bg-grey text-sm font-semibold"
+          onClick={onAddClick}
+        >
           <Icon.PlusCircle />
           휴양지를 추가해 주세요
         </button>
diff --git a/src/pages/markets/index.tsx b/src/pages/markets/index.tsx
index 7326b8e..f5753e2 100644
--- a/src/pages/markets/index.tsx
+++ b/src/pages/markets/index.tsx
@@ -1,14 +1,17 @@
-import { Suspense } from 'react';
+import { Suspense, useRef } from 'react';
 
 import DeadlineBanner from '@/components/cahoot/DeadlineBanner';
 import Layout from '@/components/common/Layout';
 import Interests from '@/components/market/Interests';
+import List from '@/components/market/List';
 import RecentTrade from '@/components/market/RecentTrade';
 import { ErrorBoundary } from '@sentry/nextjs';
 
 import type { GetServerSideProps } from 'next';
 
 const Markets = () => {
+  const scrollRef = useRef<HTMLDivElement>(null);
+
   return (
     <Layout>
       <div className="space-y-4">
@@ -24,7 +27,7 @@ const Markets = () => {
             <DeadlineBanner />
           </Suspense>
           <Suspense fallback={<p>로딩...</p>}>
-            <Interests />
+            <Interests scrollRef={scrollRef} />
           </Suspense>
           <div className="flex flex-col-reverse gap-4 md:flex-row">
             <div className="md:w-1/2">
@@ -36,6 +39,10 @@ const Markets = () => {
               </Suspense>
             </div>
           </div>
+          <div ref={scrollRef}></div>
+          <Suspense fallback={<p>로딩...</p>}>
+            <List />
+          </Suspense>
         </ErrorBoundary>
       </div>
     </Layout>

From 13131f7bfe89cc0b4de09f7cdfa6b5abf8d78ac2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Mon, 20 Feb 2023 01:41:43 +0900
Subject: [PATCH 039/131] =?UTF-8?q?feat:=20=EC=84=A0=ED=83=9D=ED=95=9C=20?=
 =?UTF-8?q?=EA=B5=AD=EA=B0=80=EC=9D=98=20=EC=9C=84=EC=B9=98=EB=A7=8C=20?=
 =?UTF-8?q?=EA=B2=80=EC=83=89=EB=90=98=EB=8A=94=20=EA=B8=B0=EB=8A=A5=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PlaceSearchBar.tsx | 14 ++++++++++++--
 src/pages/cahoots/create.tsx      | 24 ++++++++++++++++++++++--
 2 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/src/components/PlaceSearchBar.tsx b/src/components/PlaceSearchBar.tsx
index 0f7210e..b5c634d 100644
--- a/src/components/PlaceSearchBar.tsx
+++ b/src/components/PlaceSearchBar.tsx
@@ -4,10 +4,11 @@ import { UseFormSetValue } from 'react-hook-form';
 
 interface PropsType {
   name: string;
+  country: string; // 국가코드
   setValue: UseFormSetValue<any>;
 }
 
-const PlaceSearchBar = ({ name, setValue }: PropsType) => {
+const PlaceSearchBar = ({ name, country, setValue }: PropsType) => {
   const inputRef = useRef<HTMLInputElement>(null);
 
   // 자동완성 목록에서 주소 선택 시 나라명, 우편번호를 제외한 주소 생성
@@ -30,6 +31,15 @@ const PlaceSearchBar = ({ name, setValue }: PropsType) => {
     }
     setValue(name, inputText.trim());
   };
+
+  // 국가 코드(ISO 2자리코드) 반환
+  // TODO: 국가 목록 API 나온 뒤 수정 예정
+  const getCountryCode = (countryName: string) => {
+    if (countryName === '대한민국') return 'kr';
+    else if (countryName === '미국') return 'us';
+    return 'kr';
+  };
+
   return (
     <Autocomplete
       ref={inputRef}
@@ -44,7 +54,7 @@ const PlaceSearchBar = ({ name, setValue }: PropsType) => {
       onChange={onInput}
       options={{
         types: ['(regions)'],
-        componentRestrictions: { country: 'kr' },
+        componentRestrictions: { country: getCountryCode(country) },
         fields: ['address_components'],
       }}
       className="h-12 w-96 rounded-lg border border-solid border-black/20 p-3 text-sm focus:outline-main"
diff --git a/src/pages/cahoots/create.tsx b/src/pages/cahoots/create.tsx
index 50ed567..bd3cf97 100644
--- a/src/pages/cahoots/create.tsx
+++ b/src/pages/cahoots/create.tsx
@@ -1,3 +1,4 @@
+import { useRef, useState } from 'react';
 import { useForm, FieldErrors } from 'react-hook-form';
 
 import DateRangeInput from '@/components/common/DateRangeInput';
@@ -6,6 +7,7 @@ import ImageUpload from '@/components/common/ImageUpload';
 import Layout from '@/components/common/Layout';
 import NumberInput from '@/components/common/NumberInput';
 import RadioBtn from '@/components/common/RadioBtn';
+import SelectBox from '@/components/common/SelectBox';
 import TextArea from '@/components/common/TextArea';
 import TextInput from '@/components/common/TextInput';
 import PlaceSearchBar from '@/components/PlaceSearchBar';
@@ -39,7 +41,14 @@ export interface FormDataType {
   stockNum: string;
 }
 
+const selectItems = [
+  { index: 1, item: '대한민국' },
+  { index: 2, item: '미국' },
+];
+
 export default function CreateCahoot() {
+  const selectBoxContainer = useRef<HTMLDivElement>(null);
+  const [selectedCountry, setSelectedCountry] = useState('국가'); // 휴양지 위치
   const { register, handleSubmit, setValue } = useForm<FormDataType>();
 
   const onSubmit = (data: FormDataType) => {
@@ -51,6 +60,10 @@ export default function CreateCahoot() {
     console.log(errors);
   };
 
+  const changeCountry = (country: string) => {
+    setSelectedCountry(country);
+  };
+
   return (
     <Layout hideHeaderOnMobile hideBottomBar>
       <section className="flex flex-col gap-2.5 bg-main px-10 pt-12 pb-6 text-white max-md:hidden">
@@ -110,9 +123,16 @@ export default function CreateCahoot() {
           </FormItem>
           {/* 위치 */}
           <FormItem id="location" label="위치" required={true}>
-            <div className="px-2">
+            <div ref={selectBoxContainer} className="relative flex gap-4 px-2">
+              <SelectBox
+                items={selectItems}
+                containerRef={selectBoxContainer}
+                currentItem={selectedCountry}
+                changeItem={changeCountry}
+                size="large"
+              />
               {/* TODO: Loading 일 때 처리 */}
-              <PlaceSearchBar name="location" setValue={setValue} />
+              <PlaceSearchBar name="location" country={selectedCountry} setValue={setValue} />
               {/* <Map /> */}
             </div>
           </FormItem>

From b50175c461ed90dcf2a4b69351e966db2ad66ed6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Mon, 20 Feb 2023 11:40:20 +0900
Subject: [PATCH 040/131] =?UTF-8?q?chore:=20axios=20=ED=8C=A8=ED=82=A4?=
 =?UTF-8?q?=EC=A7=80=20=EC=84=A4=EC=B9=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json | 142 ++++++++++++++++++++++++++++++++++++++++++++++
 package.json      |   1 +
 2 files changed, 143 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 20f2df6..89c6754 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,6 +17,7 @@
         "@types/node": "18.11.18",
         "@types/react": "18.0.26",
         "@types/react-dom": "18.0.10",
+        "axios": "^1.3.3",
         "daisyui": "^2.47.0",
         "eslint": "8.31.0",
         "eslint-config-next": "13.1.2",
@@ -1332,6 +1333,11 @@
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
       "integrity": "sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag=="
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "node_modules/autoprefixer": {
       "version": "10.4.13",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
@@ -1384,6 +1390,16 @@
         "node": ">=4"
       }
     },
+    "node_modules/axios": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.3.3.tgz",
+      "integrity": "sha512-eYq77dYIFS77AQlhzEL937yUBSepBfPIe8FcgEDN35vMNZKMrs81pgnyrQpwfy4NF4b4XWX1Zgx7yX+25w8QJA==",
+      "dependencies": {
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
     "node_modules/axobject-query": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
@@ -1673,6 +1689,17 @@
         "simple-swizzle": "^0.2.2"
       }
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/commander": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@@ -1900,6 +1927,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/delegates": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
@@ -2722,6 +2757,25 @@
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
       "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ=="
     },
+    "node_modules/follow-redirects": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/for-each": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
@@ -2730,6 +2784,19 @@
         "is-callable": "^1.1.3"
       }
     },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -3721,6 +3788,25 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/mimic-response": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
@@ -6712,6 +6798,11 @@
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
       "integrity": "sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag=="
     },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "autoprefixer": {
       "version": "10.4.13",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
@@ -6736,6 +6827,16 @@
       "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.6.2.tgz",
       "integrity": "sha512-b1WlTV8+XKLj9gZy2DZXgQiyDp9xkkoe2a6U6UbYccScq2wgH/YwCeI2/Jq2mgo0HzQxqJOjWZBLeA/mqsk5Mg=="
     },
+    "axios": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.3.3.tgz",
+      "integrity": "sha512-eYq77dYIFS77AQlhzEL937yUBSepBfPIe8FcgEDN35vMNZKMrs81pgnyrQpwfy4NF4b4XWX1Zgx7yX+25w8QJA==",
+      "requires": {
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
     "axobject-query": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
@@ -6928,6 +7029,14 @@
         "simple-swizzle": "^0.2.2"
       }
     },
+    "combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "requires": {
+        "delayed-stream": "~1.0.0"
+      }
+    },
     "commander": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@@ -7091,6 +7200,11 @@
       "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.1.tgz",
       "integrity": "sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q=="
     },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
+    },
     "delegates": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
@@ -7712,6 +7826,11 @@
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
       "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ=="
     },
+    "follow-redirects": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
+    },
     "for-each": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
@@ -7720,6 +7839,16 @@
         "is-callable": "^1.1.3"
       }
     },
+    "form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "requires": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      }
+    },
     "fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -8413,6 +8542,19 @@
         "picomatch": "^2.3.1"
       }
     },
+    "mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
+    },
+    "mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "requires": {
+        "mime-db": "1.52.0"
+      }
+    },
     "mimic-response": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
diff --git a/package.json b/package.json
index 57cfc8d..f996d07 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "@types/node": "18.11.18",
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
+    "axios": "^1.3.3",
     "daisyui": "^2.47.0",
     "eslint": "8.31.0",
     "eslint-config-next": "13.1.2",

From 4333439a073c3fab255a218f184bdf08b61f0768 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Mon, 20 Feb 2023 20:14:41 +0900
Subject: [PATCH 041/131] =?UTF-8?q?fix:=20queryKey=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 공모 -> 마켓으로 수정
---
 src/components/market/List.tsx      | 2 +-
 src/components/market/ListItems.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/market/List.tsx b/src/components/market/List.tsx
index b2a3cff..5cf6a27 100644
--- a/src/components/market/List.tsx
+++ b/src/components/market/List.tsx
@@ -18,7 +18,7 @@ const List = () => {
   return (
     <div className="flex flex-col gap-4 px-4 md:px-0">
       <div className="flex items-center justify-between">
-        <label className="font-bold">공모 목록</label>
+        <label className="font-bold">마켓 목록</label>
         <form onSubmit={onSubmit}>
           <Search />
         </form>
diff --git a/src/components/market/ListItems.tsx b/src/components/market/ListItems.tsx
index 7d6f5e5..03f5740 100644
--- a/src/components/market/ListItems.tsx
+++ b/src/components/market/ListItems.tsx
@@ -25,7 +25,7 @@ interface MockType {
 
 const ListItems = ({ keyword }: ListItemsProps) => {
   const { data, fetchNextPage, hasNextPage } = useInfiniteQuery<Response<MockType>>({
-    queryKey: ['cahoot/list', keyword],
+    queryKey: ['market/list', keyword],
     queryFn: ({ pageParam = 0 }) =>
       fetcher(
         `${
@@ -73,7 +73,7 @@ const ListItems = ({ keyword }: ListItemsProps) => {
                 />
               </div>
               <div className="relative flex w-full flex-col justify-center gap-1 overflow-hidden py-2 pr-2 text-sm md:pr-4 md:text-base">
-                <div className="flex flex-col border-grey pb-2.5 font-bold md:flex-row md:gap-2">
+                <div className="flex flex-col gap-1 border-grey font-bold md:flex-row md:gap-2">
                   <span className="break-keep text-main md:text-black">{location}</span>
                   <div className="mx-2 hidden border-l-2 py-0.5 md:block"></div>
                   <span className="truncate">{title}</span>

From a7583c46e52a0134aaa369f53f92e96705fea677 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Tue, 21 Feb 2023 01:26:42 +0900
Subject: [PATCH 042/131] =?UTF-8?q?feat:=20=EC=98=88=EC=83=81=20=EC=88=98?=
 =?UTF-8?q?=EC=9D=B5=EB=A5=A0=20=ED=95=84=EB=93=9C=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/cahoots/create.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/pages/cahoots/create.tsx b/src/pages/cahoots/create.tsx
index bd3cf97..39aac08 100644
--- a/src/pages/cahoots/create.tsx
+++ b/src/pages/cahoots/create.tsx
@@ -172,6 +172,13 @@ export default function CreateCahoot() {
               <span>만원</span>
             </div>
           </FormItem>
+          {/* 예상 수익률 */}
+          <FormItem id="expectedRateOfReturn" label="예상 수익률" required={true}>
+            <div className="flex items-center gap-4 px-2">
+              <NumberInput size="large" min={100} name="expectedRateOfReturn" setValue={setValue} />
+              <span>%</span>
+            </div>
+          </FormItem>
           {/* 발행 주식 수량 및 가격 */}
           <FormItem id="issuedStocks" label="발행 주식 수량 및 가격" required={true}>
             <div className="flex flex-wrap gap-10 px-2">

From deb50901da8422d35f9791d72081c5895e7bc839 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Tue, 21 Feb 2023 02:12:41 +0900
Subject: [PATCH 043/131] =?UTF-8?q?feat:=20=ED=9C=B4=EC=96=91=EC=A7=80?=
 =?UTF-8?q?=EB=AA=85=20=EA=B8=80=EC=9E=90=EC=88=98=20=EC=A0=9C=ED=95=9C=20?=
 =?UTF-8?q?=EC=A1=B0=EA=B1=B4=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/cahoots/create.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/pages/cahoots/create.tsx b/src/pages/cahoots/create.tsx
index 39aac08..bc3c9a2 100644
--- a/src/pages/cahoots/create.tsx
+++ b/src/pages/cahoots/create.tsx
@@ -49,7 +49,12 @@ const selectItems = [
 export default function CreateCahoot() {
   const selectBoxContainer = useRef<HTMLDivElement>(null);
   const [selectedCountry, setSelectedCountry] = useState('국가'); // 휴양지 위치
-  const { register, handleSubmit, setValue } = useForm<FormDataType>();
+  const {
+    register,
+    handleSubmit,
+    setValue,
+    formState: { errors },
+  } = useForm<FormDataType>();
 
   const onSubmit = (data: FormDataType) => {
     console.log(data);
@@ -81,8 +86,17 @@ export default function CreateCahoot() {
                 id="title"
                 placeholder="5~20 글자로 작성해주세요."
                 required={true}
-                register={register('title')}
+                register={register('title', {
+                  minLength: 5,
+                  maxLength: 20,
+                })}
               />
+              {errors.title && errors.title.type === 'minLength' && (
+                <p className="p-1 text-red">5자 이상 입력해주세요.</p>
+              )}
+              {errors.title && errors.title.type === 'maxLength' && (
+                <p className="p-1 text-red">20자 이하로 입력해주세요.</p>
+              )}
             </div>
           </FormItem>
           {/* 간단한 소개 */}

From 9c9c9c2d286816f7e690d7ee764c094db9de6a29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Tue, 21 Feb 2023 14:52:43 +0900
Subject: [PATCH 044/131] =?UTF-8?q?feat:=20=EA=B3=B5=EB=AA=A8=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=88=AB=EC=9E=90=20?=
 =?UTF-8?q?=ED=95=84=EB=93=9C=20=EC=9C=A0=ED=9A=A8=EC=84=B1=20=EC=B2=98?=
 =?UTF-8?q?=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/NumberInput.tsx | 44 ++++++++++++++++++---------
 src/pages/cahoots/create.tsx          | 42 ++++++++++++++++++++++---
 2 files changed, 67 insertions(+), 19 deletions(-)

diff --git a/src/components/common/NumberInput.tsx b/src/components/common/NumberInput.tsx
index 27d29b9..34e9be8 100644
--- a/src/components/common/NumberInput.tsx
+++ b/src/components/common/NumberInput.tsx
@@ -3,59 +3,75 @@ import { UseFormSetValue } from 'react-hook-form';
 
 interface PropsType {
   size: 'small' | 'large';
-  min?: number;
+  min: number;
+  max: number;
+  unit?: number;
   value?: number;
   name: string;
   setValue: UseFormSetValue<any>;
 }
 
-const NumberInput = ({ size, min = 0, name, setValue }: PropsType) => {
-  const [num, setNum] = useState<number>(0);
+const NumberInput = ({ size, min = 0, max = 100, unit = 1, name, setValue }: PropsType) => {
+  const [num, setNum] = useState<number>(min);
 
   const handleInput = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const inputNum = Number(e.target.value);
+    let inputNum = Number(e.target.value);
 
     if (isNaN(inputNum) || inputNum < 0) {
       return;
     }
+
+    if (inputNum < min) {
+      inputNum = min;
+    } else if (inputNum > max) {
+      inputNum = max;
+    }
+    
     setNum(inputNum);
     setValue(name, inputNum);
   };
 
   const onClickPlus = () => {
-    setNum(num + 1);
-    setValue(name, num + 1);
+    const newVal = num + unit;
+
+    if (newVal > max) {
+      return;
+    }
+    setNum(newVal);
+    setValue(name, newVal);
   };
 
   const onClickMinus = () => {
-    if (num - 1 < min) {
+    const newVal = num - unit;
+
+    if (newVal < min) {
       return;
     }
-    setNum(num - 1);
-    setValue(name, num - 1);
+    setNum(newVal);
+    setValue(name, newVal);
   };
 
   return (
-    <div className={`${size === 'small' ? 'w-28' : 'w-60'} flex flex-wrap h-10`}>
+    <div className={`${size === 'small' ? 'w-28' : 'w-60'} flex h-10 flex-wrap`}>
       <div className={`${size === 'small' ? 'w-4/6' : 'w-5/6'} flex h-full`}>
         <input
           type="text"
           value={num}
-          className="outline-main bg-white text-sm text-gray-900 text-center border border-black/20 focus:border-gray-600 border-r-0 rounded-l-md w-full"
+          className="text-gray-900 focus:border-gray-600 w-full rounded-l-md border border-r-0 border-black/20 bg-white text-center text-sm outline-main"
           onChange={handleInput}
         />
       </div>
-      <div className={`${size === 'small' ? 'w-2/6' : 'w-1/6'} flex flex-col h-full`}>
+      <div className={`${size === 'small' ? 'w-2/6' : 'w-1/6'} flex h-full flex-col`}>
         <button
           type="button"
-          className="h-1/2 text-black/20 text-center text-md font-semibold rounded-tr-md px-3 focus:outline-none border border-b-0 border-black/20 hover:border-main hover:bg-main leading-none"
+          className="text-md h-1/2 rounded-tr-md border border-b-0 border-black/20 px-3 text-center font-semibold leading-none text-black/20 hover:border-main hover:bg-main focus:outline-none"
           onClick={onClickPlus}
         >
           +
         </button>
         <button
           type="button"
-          className="h-1/2 text-black/20 text-center text-md font-semibold rounded-br-md px-3 focus:outline-none border border-black/20 hover:border-main hover:bg-main leading-none"
+          className="text-md h-1/2 rounded-br-md border border-black/20 px-3 text-center font-semibold leading-none text-black/20 hover:border-main hover:bg-main focus:outline-none"
           onClick={onClickMinus}
         >
           -
diff --git a/src/pages/cahoots/create.tsx b/src/pages/cahoots/create.tsx
index bc3c9a2..fe0b873 100644
--- a/src/pages/cahoots/create.tsx
+++ b/src/pages/cahoots/create.tsx
@@ -154,7 +154,13 @@ export default function CreateCahoot() {
           <FormItem id="expectedMonth" label="건설 진행 예상 시간" required={true}>
             <div className="flex items-center gap-4 px-2">
               <span>공모 완료 후</span>
-              <NumberInput size="small" min={0} name="expectedMonth" setValue={setValue} />
+              <NumberInput
+                size="small"
+                min={0}
+                max={120}
+                name="expectedMonth"
+                setValue={setValue}
+              />
               <span>month</span>
             </div>
           </FormItem>
@@ -182,14 +188,26 @@ export default function CreateCahoot() {
           {/* 전체 건설 지출 예상 금액 */}
           <FormItem id="expectedTotalCost" label="전체 건설 지출 예상 금액" required={false}>
             <div className="flex items-center gap-4 px-2">
-              <NumberInput size="large" min={0} name="expectedTotalCost" setValue={setValue} />
+              <NumberInput
+                size="large"
+                min={0}
+                max={100000000000000} // 100조
+                name="expectedTotalCost"
+                setValue={setValue}
+              />
               <span>만원</span>
             </div>
           </FormItem>
           {/* 예상 수익률 */}
           <FormItem id="expectedRateOfReturn" label="예상 수익률" required={true}>
             <div className="flex items-center gap-4 px-2">
-              <NumberInput size="large" min={100} name="expectedRateOfReturn" setValue={setValue} />
+              <NumberInput
+                size="large"
+                min={100}
+                max={100000}
+                name="expectedRateOfReturn"
+                setValue={setValue}
+              />
               <span>%</span>
             </div>
           </FormItem>
@@ -199,14 +217,28 @@ export default function CreateCahoot() {
               <div className="basis-5/12">
                 <p className="my-2 text-sm font-semibold text-black">1주 별 가격</p>
                 <div className="flex items-center gap-4">
-                  <NumberInput size="large" min={0} name="stockPrice" setValue={setValue} />
+                  <NumberInput
+                    size="large"
+                    min={1000}
+                    max={10000000}
+                    unit={1000}
+                    name="stockPrice"
+                    setValue={setValue}
+                  />
                   <span>원</span>
                 </div>
               </div>
               <div className="basis-5/12">
                 <p className="my-2 text-sm font-semibold text-black">발행 주식 수</p>
                 <div className="flex items-center gap-4">
-                  <NumberInput size="large" min={1} name="stockNum" setValue={setValue} />
+                  <NumberInput
+                    size="large"
+                    min={0}
+                    max={10000}
+                    unit={100}
+                    name="stockNum"
+                    setValue={setValue}
+                  />
                   <span>주</span>
                 </div>
               </div>

From 5a486416d42f4d57437fed9855ac2786a5399046 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Tue, 21 Feb 2023 14:56:44 +0900
Subject: [PATCH 045/131] =?UTF-8?q?feat:=20=EA=B3=B5=EB=AA=A8=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EA=B0=84=EB=8B=A8?=
 =?UTF-8?q?=ED=95=9C=20=EC=86=8C=EA=B0=9C=20=EA=B8=80=EC=9E=90=EC=88=98=20?=
 =?UTF-8?q?=EC=9C=A0=ED=9A=A8=EC=84=B1=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/cahoots/create.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/pages/cahoots/create.tsx b/src/pages/cahoots/create.tsx
index fe0b873..b3f3ae4 100644
--- a/src/pages/cahoots/create.tsx
+++ b/src/pages/cahoots/create.tsx
@@ -104,10 +104,19 @@ export default function CreateCahoot() {
             <div className="px-2">
               <TextArea
                 id="shortDescription"
-                placeholder="휴양지에 대한 간단한 소개를 작성해주세요."
+                placeholder="휴양지에 대한 간단한 소개를 작성해주세요.(최소 10자, 최대 50자)"
                 required={true}
-                register={register('shortDescription')}
+                register={register('shortDescription', {
+                  minLength: 10,
+                  maxLength: 50,
+                })}
               />
+              {errors.shortDescription && errors.shortDescription.type === 'minLength' && (
+                <p className="p-1 text-red">10자 이상 입력해주세요.</p>
+              )}
+              {errors.shortDescription && errors.shortDescription.type === 'maxLength' && (
+                <p className="p-1 text-red">50자 이하로 입력해주세요.</p>
+              )}
             </div>
           </FormItem>
           {/* 예상 이미지 */}

From 1addbe0c2386cefff0376a99f5ffb748ce80984a Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Tue, 21 Feb 2023 20:43:10 +0900
Subject: [PATCH 046/131] =?UTF-8?q?feat:=20=EC=B4=88=20=EB=8B=A8=EC=9C=84?=
 =?UTF-8?q?=20=EC=97=86=EB=8A=94=20=EC=8B=9C=EA=B0=84=20=ED=8F=AC=EB=A7=B7?=
 =?UTF-8?q?=20=ED=95=A8=EC=88=98=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/date.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/utils/date.ts b/src/utils/date.ts
index 239551c..2c33304 100644
--- a/src/utils/date.ts
+++ b/src/utils/date.ts
@@ -10,3 +10,10 @@ export const formatTime = (date: string) =>
     second: '2-digit',
     hour12: false,
   }).format(new Date(date || 0));
+
+export const formatTimeWithoutSecond = (date: string) =>
+  Intl.DateTimeFormat('ko-KR', {
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: false,
+  }).format(new Date(date || 0));

From b8f1693fd95a09db2dae5972e735b2109d77ae48 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Tue, 21 Feb 2023 20:43:47 +0900
Subject: [PATCH 047/131] =?UTF-8?q?feat:=20=EB=A7=88=EC=BC=93=20=EA=B0=80?=
 =?UTF-8?q?=EA=B2=A9=20=EC=A0=95=EB=B3=B4=20mock=20api?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/api/mock/markets/price.ts | 35 +++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/pages/api/mock/markets/price.ts

diff --git a/src/pages/api/mock/markets/price.ts b/src/pages/api/mock/markets/price.ts
new file mode 100644
index 0000000..f052b8a
--- /dev/null
+++ b/src/pages/api/mock/markets/price.ts
@@ -0,0 +1,35 @@
+import type { Response } from '@/types/response';
+
+import type { NextApiRequest, NextApiResponse } from 'next';
+
+const MOCK = Array(5)
+  .fill(undefined)
+  .map((_, index) => ({
+    id: index + 1,
+    title: '따뜻한 봄바람이 불어오는 하와이 호텔 건설에 함께하실 마블 분들을 찾아요',
+    price: 12400,
+    volume: 1235,
+    images: [
+      'https://wealth-marble-image.s3.ap-northeast-2.amazonaws.com/icon-yellow%20flower.png',
+    ],
+    diff: 1000 * (index % 2 === 0 ? 1 : -2),
+  }));
+
+const handler = (
+  req: NextApiRequest,
+  res: NextApiResponse<Response<{ updatedAt: string; result: typeof MOCK }>>
+) => {
+  res.json({
+    status: 'success',
+    message: null,
+    data: { updatedAt: '2023-02-20T16:19:09.238Z', result: MOCK },
+  });
+};
+
+export const config = {
+  api: {
+    externalResolver: true,
+  },
+};
+
+export default handler;

From c90fd134fe1380fb431114d8088e110a764acd07 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Tue, 21 Feb 2023 20:48:22 +0900
Subject: [PATCH 048/131] =?UTF-8?q?style:=20=EC=8B=9C=EA=B3=84=20=EC=95=84?=
 =?UTF-8?q?=EC=9D=B4=EC=BD=98=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Icons.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/components/common/Icons.tsx b/src/components/common/Icons.tsx
index 266b7e4..97c584a 100644
--- a/src/components/common/Icons.tsx
+++ b/src/components/common/Icons.tsx
@@ -270,6 +270,23 @@ const PlusCircle = () => (
   </svg>
 );
 
+const Clock = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    strokeWidth={1.5}
+    stroke="currentColor"
+    className="h-4 w-4"
+  >
+    <path
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"
+    />
+  </svg>
+);
+
 const Icon = {
   Home,
   Gavel,
@@ -288,6 +305,7 @@ const Icon = {
   Minus,
   Plus,
   PlusCircle,
+  Clock,
 };
 
 export default Icon;

From e6006f1856ef2d004613699c63602075fd494d97 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Tue, 21 Feb 2023 20:49:11 +0900
Subject: [PATCH 049/131] =?UTF-8?q?style:=20=EA=B0=80=EA=B2=A9=20=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=20=EC=97=85=EB=8D=B0=EC=9D=B4=ED=8A=B8=20=EC=8B=9C?=
 =?UTF-8?q?=EA=B0=84=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/market/PriceInfoUpdate.tsx | 42 +++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 src/components/market/PriceInfoUpdate.tsx

diff --git a/src/components/market/PriceInfoUpdate.tsx b/src/components/market/PriceInfoUpdate.tsx
new file mode 100644
index 0000000..1f04d12
--- /dev/null
+++ b/src/components/market/PriceInfoUpdate.tsx
@@ -0,0 +1,42 @@
+import { useSuspendedQuery } from '@/hooks/useSuspendedQuery';
+import { Response } from '@/types/response';
+import { formatTimeWithoutSecond } from '@/utils/date';
+
+import Icon from '../common/Icons';
+
+type MockType = {
+  updatedAt: string;
+  result: {
+    id: number;
+    title: string;
+    price: number;
+    volume: number;
+    images: string[];
+    diff: number;
+  }[];
+};
+
+interface PriceInfoItemProps {
+  type: 'price' | 'percent';
+  order: 'asc' | 'desc';
+}
+
+const PriceInfoUpdate = ({ order, type }: PriceInfoItemProps) => {
+  const {
+    data: {
+      data: { updatedAt },
+    },
+  } = useSuspendedQuery<Response<MockType>>(['market/price', type, order], () =>
+    fetch(
+      `${process.env.NEXT_PUBLIC_HOST}/api/mock/markets/price?type=${type}&order=${order}`
+    ).then((res) => res.json())
+  );
+  return (
+    <div className="flex gap-1 text-xs text-black/50 md:-mb-2">
+      <Icon.Clock />
+      {formatTimeWithoutSecond(updatedAt)} 업데이트
+    </div>
+  );
+};
+
+export default PriceInfoUpdate;

From bbdc13be99a3e265a9b0b6285f37f1d21a1f414a Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Tue, 21 Feb 2023 20:52:59 +0900
Subject: [PATCH 050/131] =?UTF-8?q?style:=20=EA=B0=80=EA=B2=A9=20=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=20=EC=95=84=EC=9D=B4=ED=85=9C=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/market/PriceInfoItem.tsx | 67 +++++++++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 src/components/market/PriceInfoItem.tsx

diff --git a/src/components/market/PriceInfoItem.tsx b/src/components/market/PriceInfoItem.tsx
new file mode 100644
index 0000000..4c6633c
--- /dev/null
+++ b/src/components/market/PriceInfoItem.tsx
@@ -0,0 +1,67 @@
+import Image from 'next/image';
+import Link from 'next/link';
+
+import { useSuspendedQuery } from '@/hooks/useSuspendedQuery';
+import { Response } from '@/types/response';
+
+type MockType = {
+  updatedAt: string;
+  result: {
+    id: number;
+    title: string;
+    price: number;
+    volume: number;
+    images: string[];
+    diff: number;
+  }[];
+};
+
+interface PriceInfoItemProps {
+  type: 'price' | 'percent';
+  order: 'asc' | 'desc';
+}
+
+const PriceInfoItem = ({ order, type }: PriceInfoItemProps) => {
+  const {
+    data: {
+      data: { result },
+    },
+  } = useSuspendedQuery<Response<MockType>>(['market/price', type, order], () =>
+    fetch(
+      `${process.env.NEXT_PUBLIC_HOST}/api/mock/markets/price?type=${type}&order=${order}`
+    ).then((res) => res.json())
+  );
+
+  return (
+    <div className="flex flex-col gap-4">
+      {result.map(({ id, title, diff, images, price, volume }, index) => (
+        <Link href={`/markets/detail/${id}`} key={id} className="flex w-full gap-2">
+          <div className="avatar -z-10">
+            <div className="w-16 rounded bg-grey"></div>
+            <Image src={images[0]} alt="" className="rounded" fill sizes="96px" />
+            <span className="absolute aspect-square w-4 rounded bg-black text-center text-[8px] font-bold text-white">
+              {index + 1}
+            </span>
+          </div>
+          <div className="flex w-[calc(100%-72px)] flex-col justify-between text-xs">
+            <div className="tooltip flex" data-tip={title}>
+              <span className="w-fit truncate font-bold">{title}</span>
+            </div>
+            <div className="flex justify-between">
+              <span className="text-black/70">{price.toLocaleString()}</span>
+              <span className={diff < 0 ? 'text-blue' : 'text-red'}>{`${
+                diff < 0 ? '▼' : '▲'
+              }  ${diff.toLocaleString()}(${Math.round((diff / price) * 100)}%)`}</span>
+            </div>
+            <div className="flex justify-between text-black/50">
+              <span>1주</span>
+              <span>{`${volume.toLocaleString()}(%)`}</span>
+            </div>
+          </div>
+        </Link>
+      ))}
+    </div>
+  );
+};
+
+export default PriceInfoItem;

From 045a04d175ccd5a2feb5027c55d29177f1453be8 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Tue, 21 Feb 2023 20:53:18 +0900
Subject: [PATCH 051/131] =?UTF-8?q?style:=20=EA=B0=80=EA=B2=A9=20=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/market/PriceInfo.tsx | 57 +++++++++++++++++++++++++++++
 src/pages/markets/index.tsx         |  9 +++--
 2 files changed, 62 insertions(+), 4 deletions(-)
 create mode 100644 src/components/market/PriceInfo.tsx

diff --git a/src/components/market/PriceInfo.tsx b/src/components/market/PriceInfo.tsx
new file mode 100644
index 0000000..c00b45a
--- /dev/null
+++ b/src/components/market/PriceInfo.tsx
@@ -0,0 +1,57 @@
+import { Suspense, useState } from 'react';
+
+import classNames from '@/utils/classnames';
+
+import PriceInfoItem from './PriceInfoItem';
+import PriceInfoUpdate from './PriceInfoUpdate';
+
+type TabType = {
+  name: string;
+  type: 'price' | 'percent';
+  order: 'desc' | 'asc';
+};
+
+const TABS = [
+  { name: '가격 상승 TOP', type: 'price', order: 'desc' },
+  { name: '가격 하락 TOP', type: 'price', order: 'asc' },
+  { name: '가격 상승률 TOP', type: 'percent', order: 'desc' },
+  { name: '가격 하락률 TOP', type: 'percent', order: 'asc' },
+] as const;
+
+const PriceInfo = () => {
+  const [tab, setTab] = useState<TabType>(TABS[0]);
+
+  const onTabClick = (selectedTab: TabType) => () => setTab(selectedTab);
+
+  return (
+    <div className="flex w-full flex-col gap-4 px-4 md:px-0">
+      <div className="flex items-center gap-3 md:flex-col md:items-start md:gap-1">
+        <label className="font-bold">가격 정보</label>
+        <Suspense fallback={<p>로딩...</p>}>
+          <PriceInfoUpdate order={tab.order} type={tab.type} />
+        </Suspense>
+      </div>
+      <div className="flex gap-2">
+        {TABS.map((TAB, index) => (
+          <button
+            key={index}
+            className={classNames(
+              'btn h-8 min-h-0 px-2 text-[10px]',
+              tab.name === TAB.name
+                ? 'btn-primary'
+                : 'btn-ghost border border-grey text-grey-middle'
+            )}
+            onClick={onTabClick(TAB)}
+          >
+            {TAB.name}
+          </button>
+        ))}
+      </div>
+      <Suspense fallback={<p>로딩...</p>}>
+        <PriceInfoItem order={tab.order} type={tab.type} />
+      </Suspense>
+    </div>
+  );
+};
+
+export default PriceInfo;
diff --git a/src/pages/markets/index.tsx b/src/pages/markets/index.tsx
index f5753e2..5faa207 100644
--- a/src/pages/markets/index.tsx
+++ b/src/pages/markets/index.tsx
@@ -4,6 +4,7 @@ import DeadlineBanner from '@/components/cahoot/DeadlineBanner';
 import Layout from '@/components/common/Layout';
 import Interests from '@/components/market/Interests';
 import List from '@/components/market/List';
+import PriceInfo from '@/components/market/PriceInfo';
 import RecentTrade from '@/components/market/RecentTrade';
 import { ErrorBoundary } from '@sentry/nextjs';
 
@@ -29,11 +30,11 @@ const Markets = () => {
           <Suspense fallback={<p>로딩...</p>}>
             <Interests scrollRef={scrollRef} />
           </Suspense>
-          <div className="flex flex-col-reverse gap-4 md:flex-row">
-            <div className="md:w-1/2">
-              <label className="font-bold">가격 정보</label>
+          <div className="flex flex-col-reverse md:flex-row md:justify-center">
+            <div className="md:w-1/2 md:pr-2">
+              <PriceInfo />
             </div>
-            <div className="md:w-1/2">
+            <div className="mb-4 md:mb-0 md:w-1/2 md:pl-2">
               <Suspense fallback={<p>로딩...</p>}>
                 <RecentTrade />
               </Suspense>

From 1edf5c62f18c30f625c735fd14cbcd50ef41ab24 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Wed, 22 Feb 2023 00:35:40 +0900
Subject: [PATCH 052/131] =?UTF-8?q?feat:=20=EC=98=A4=EB=8A=98=20=EB=A7=88?=
 =?UTF-8?q?=EA=B0=90=20=EC=9E=84=EB=B0=95=20=ED=83=80=EC=9E=85=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/types/cahoot.d.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/types/cahoot.d.ts b/src/types/cahoot.d.ts
index cde7ebe..9dabc7c 100644
--- a/src/types/cahoot.d.ts
+++ b/src/types/cahoot.d.ts
@@ -18,6 +18,9 @@ export type CahootListType = {
 export type CahootDeadlineType = {
   result: Omit<CahootType, 'location' | 'stockPrice' | 'stockNum' | 'competitionRate'>[];
 };
+export type CahootDeadlineMiniType = {
+  result: Pick<CahootType, 'id' | 'title' | 'competitionRate'>[];
+};
 
 export type CahootDetailType = CahootType & {
   themeLocation: string;

From ef190748ddebbc25929a7054c88c900039eeae7b Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Wed, 22 Feb 2023 00:36:41 +0900
Subject: [PATCH 053/131] =?UTF-8?q?feat:=20=EC=98=A4=EB=8A=98=20=EB=A7=88?=
 =?UTF-8?q?=EA=B0=90=20=EC=9E=84=EB=B0=95=20mock=20api=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/api/mock/cahoots/mini.ts | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/pages/api/mock/cahoots/mini.ts

diff --git a/src/pages/api/mock/cahoots/mini.ts b/src/pages/api/mock/cahoots/mini.ts
new file mode 100644
index 0000000..29404a2
--- /dev/null
+++ b/src/pages/api/mock/cahoots/mini.ts
@@ -0,0 +1,24 @@
+import type { CahootDeadlineMiniType } from '@/types/cahoot';
+import type { Response } from '@/types/response';
+
+import type { NextApiRequest, NextApiResponse } from 'next';
+
+const MOCK = Array(5)
+  .fill(undefined)
+  .map((_, index) => ({
+    id: index + 1,
+    title: `따뜻한 봄바람이 불어오는 하와이 호텔과 게스트하우스 ${index + 1}`,
+    competitionRate: 200,
+  }));
+
+const handler = (req: NextApiRequest, res: NextApiResponse<Response<CahootDeadlineMiniType>>) => {
+  res.json({ status: 'success', message: null, data: { result: MOCK } });
+};
+
+export const config = {
+  api: {
+    externalResolver: true,
+  },
+};
+
+export default handler;

From 2663a47a9dd538ece510e8f086a5dd4c63d4e652 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Wed, 22 Feb 2023 00:41:32 +0900
Subject: [PATCH 054/131] =?UTF-8?q?feat:=20=EC=98=A4=EB=8A=98=20=EB=A7=88?=
 =?UTF-8?q?=EA=B0=90=20=EC=9E=84=EB=B0=95=20=EC=8A=AC=EB=9D=BC=EC=9D=B4?=
 =?UTF-8?q?=EB=93=9C=20=EC=95=A0=EB=8B=88=EB=A9=94=EC=9D=B4=EC=85=98=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cahoot/DeadlineBanner.tsx | 98 +++++++++++++++++++++---
 1 file changed, 86 insertions(+), 12 deletions(-)

diff --git a/src/components/cahoot/DeadlineBanner.tsx b/src/components/cahoot/DeadlineBanner.tsx
index 15c3f35..84046a4 100644
--- a/src/components/cahoot/DeadlineBanner.tsx
+++ b/src/components/cahoot/DeadlineBanner.tsx
@@ -1,30 +1,104 @@
+import { useEffect, useState } from 'react';
+
+import { useRouter } from 'next/router';
+
 import { useSuspendedQuery } from '@/hooks/useSuspendedQuery';
-import type { CahootDeadlineType } from '@/types/cahoot';
+import type { CahootDeadlineMiniType } from '@/types/cahoot';
 import type { Response } from '@/types/response';
+import classNames from '@/utils/classnames';
 
 import Icon from '../common/Icons';
 
+const INTERVAL_DURATION = 3000;
+const TRANSITION_DURATION = 300;
+
 const DeadlineBanner = () => {
   const {
     data: {
       data: { result },
     },
-  } = useSuspendedQuery<Response<CahootDeadlineType>>(['cahoot/deadline'], () =>
-    fetch(`${process.env.NEXT_PUBLIC_HOST}/api/cahoots?status=ending-soon`).then((res) =>
+  } = useSuspendedQuery<Response<CahootDeadlineMiniType>>(['cahoot/deadline-mini'], () =>
+    fetch(`${process.env.NEXT_PUBLIC_HOST}/api/mock/cahoots/mini?status=ending-soon`).then((res) =>
       res.json()
     )
   );
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const [isMouseOver, setIsMouseOver] = useState(false);
+  const [isTransition, setIsTransition] = useState(true);
+  const [items, setItems] = useState<CahootDeadlineMiniType['result']>([]);
+  const router = useRouter();
+
+  const onBannerClick = () => {
+    if (!items.length) return;
+    router.push(`/cahoots/detail/${items[currentIndex].id}`);
+  };
+  // 마우스 오버 시 슬라이드 이동 멈춤
+  const onMouseOver = () => {
+    if (!items.length || items.length === 1) return;
+    setIsMouseOver(true);
+  };
+  const onMouseOut = () => {
+    if (!items.length || items.length === 1) return;
+    setIsMouseOver(false);
+  };
+  // 슬라이드 이동 설정
+  useEffect(() => {
+    if (!items.length || items.length === 1) return;
+    const interval = setInterval(() => {
+      if (isMouseOver) return;
+      setCurrentIndex((prev) => prev + 1);
+      setIsTransition(true);
+    }, INTERVAL_DURATION);
+    return () => {
+      clearInterval(interval);
+    };
+  }, [isMouseOver, items]);
+  // 무한 슬라이드를 위한 복제 슬라이드 추가
+  useEffect(() => {
+    if (!result.length) return;
+    if (result.length === 1) {
+      setItems([...result]);
+      return;
+    }
+    setItems([...result, result[0]]);
+  }, [result]);
+  // 마지막 슬라이드에서 복제 슬라이드로 이동 시 첫 슬라이드로 변경
+  useEffect(() => {
+    if (!items.length || items.length === 1) return;
+    if (currentIndex === items.length - 1) {
+      setTimeout(() => {
+        setIsTransition(false);
+        setCurrentIndex(0);
+      }, TRANSITION_DURATION);
+    }
+  }, [currentIndex, items]);
 
   return (
-    <div className="flex h-12 w-full max-w-3xl cursor-pointer items-center justify-between bg-tab px-4 text-[8px] font-semibold md:text-xs">
-      <div className="flex items-center gap-4">
-        <div className="rounded-2xl border border-black/50 bg-grey p-1.5">오늘 마감 임박</div>
-        <div className="flex gap-2">
-          <span className="text-main">[공모]</span>
-          <div>
-            <span>{result[0]?.title}</span>
-            {/* 참여율 추가 예정 */}
-            <span className="ml-1 text-main">참여율 % 달성</span>
+    <div
+      className="flex h-12 w-full cursor-pointer items-center justify-between bg-tab pl-2 text-[8px] font-semibold md:pl-4 md:text-xs"
+      onMouseOver={onMouseOver}
+      onMouseOut={onMouseOut}
+      onClick={onBannerClick}
+    >
+      <div className="flex items-center gap-1 md:gap-4">
+        <div className="rounded-2xl border border-black/50 bg-grey p-1 md:p-1.5">
+          오늘 마감 임박
+        </div>
+        <span className="text-main md:-mx-2">[공모]</span>
+        <div className="overflow-hidden">
+          <div
+            className={classNames(
+              'flex h-8 flex-col',
+              isTransition ? 'transition-all duration-300' : ''
+            )}
+            style={{ transform: `translateY(-${currentIndex}00%)` }}
+          >
+            {items.map(({ competitionRate, title }, index) => (
+              <div key={index} className="flex h-full flex-none items-center gap-1 md:gap-2">
+                <span className="truncate">{title}</span>
+                <span className="text-main">경쟁률 {competitionRate}%</span>
+              </div>
+            ))}
           </div>
         </div>
       </div>

From 110247bf0dfd1d941a125e13dfa062ab69ef7baf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Wed, 22 Feb 2023 01:15:24 +0900
Subject: [PATCH 055/131] =?UTF-8?q?feat:=20=EA=B3=B5=EB=AA=A8=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1=20=ED=95=84=EC=88=98=20=EC=9E=85=EB=A0=A5=20=ED=95=84?=
 =?UTF-8?q?=EB=93=9C=20=EC=9E=85=EB=A0=A5=20=EC=97=AC=EB=B6=80=20=EA=B2=80?=
 =?UTF-8?q?=EC=82=AC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PlaceSearchBar.tsx     | 10 +++--
 src/components/common/ImageUpload.tsx | 28 ++++++------
 src/components/common/SelectBox.tsx   | 21 ++++++++-
 src/components/common/TextArea.tsx    |  6 +--
 src/components/common/TextInput.tsx   |  6 +--
 src/pages/cahoots/create.tsx          | 62 +++++++++++++++++++++++----
 6 files changed, 101 insertions(+), 32 deletions(-)

diff --git a/src/components/PlaceSearchBar.tsx b/src/components/PlaceSearchBar.tsx
index b5c634d..2c9a1ea 100644
--- a/src/components/PlaceSearchBar.tsx
+++ b/src/components/PlaceSearchBar.tsx
@@ -1,14 +1,15 @@
 import { useRef } from 'react';
 import Autocomplete from 'react-google-autocomplete';
-import { UseFormSetValue } from 'react-hook-form';
+import { UseFormSetValue, UseFormTrigger } from 'react-hook-form';
 
 interface PropsType {
   name: string;
   country: string; // 국가코드
   setValue: UseFormSetValue<any>;
+  trigger: UseFormTrigger<any>;
 }
 
-const PlaceSearchBar = ({ name, country, setValue }: PropsType) => {
+const PlaceSearchBar = ({ name, country, setValue, trigger }: PropsType) => {
   const inputRef = useRef<HTMLInputElement>(null);
 
   // 자동완성 목록에서 주소 선택 시 나라명, 우편번호를 제외한 주소 생성
@@ -21,15 +22,18 @@ const PlaceSearchBar = ({ name, country, setValue }: PropsType) => {
       .map((item) => (address += `${item.long_name} `));
 
     setValue(name, address.trim());
+    trigger(name);
   };
 
   // 사용자 입력 주소 form value 세팅
   const onInput = () => {
     const inputText = inputRef.current?.value;
-    if (!inputText) {
+    // 공백인 경우 리턴하면 X
+    if (inputText === undefined) {
       return;
     }
     setValue(name, inputText.trim());
+    trigger(name);
   };
 
   // 국가 코드(ISO 2자리코드) 반환
diff --git a/src/components/common/ImageUpload.tsx b/src/components/common/ImageUpload.tsx
index a9db4d4..1acee1e 100644
--- a/src/components/common/ImageUpload.tsx
+++ b/src/components/common/ImageUpload.tsx
@@ -1,5 +1,5 @@
 import { useState, useRef } from 'react';
-import { UseFormSetValue } from 'react-hook-form';
+import { UseFormSetValue, UseFormTrigger } from 'react-hook-form';
 
 import Image from 'next/image';
 
@@ -9,9 +9,10 @@ interface PropsType {
   id: string;
   name: string;
   setValue: UseFormSetValue<any>;
+  trigger: UseFormTrigger<any>;
 }
 
-const ImageUpload = ({ id, name, setValue }: PropsType) => {
+const ImageUpload = ({ id, name, setValue, trigger }: PropsType) => {
   const imgRef = useRef<HTMLInputElement>(null);
   const [imgSrcList, setImgSrcList] = useState<string[]>([]);
   const limit = 5;
@@ -31,25 +32,28 @@ const ImageUpload = ({ id, name, setValue }: PropsType) => {
 
       setImgSrcList(newImgSrcList);
       setValue(name, newImgSrcList);
+      trigger(name);
     };
   };
 
   const handleRemoveImage = (index: number) => {
-    setImgSrcList((imgSrc) => {
-      return imgSrc.filter((val, idx) => idx !== index);
-    });
+    const newImgSrcList = imgSrcList.filter((val, idx) => idx !== index);
+
+    setImgSrcList(newImgSrcList);
+    setValue(name, newImgSrcList);
+    trigger(name);
   };
 
   return (
-    <div className="flex basis-8 w-full overflow-x-auto gap-2">
+    <div className="flex w-full basis-8 gap-2 overflow-x-auto">
       {/* 이미지 업로드 */}
       {limit !== imgSrcList?.length ? (
-        <div className="flex-none bg-grey border border-solid border-black/20 w-32 h-32 rounded-lg">
+        <div className="h-32 w-32 flex-none rounded-lg border border-solid border-black/20 bg-grey">
           <label
             htmlFor={id}
-            className="w-48 h-48 relative cursor-pointer rounded-md font-medium text-indigo-600 focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:text-indigo-500"
+            className="text-indigo-600 focus-within:ring-indigo-500 hover:text-indigo-500 relative h-48 w-48 cursor-pointer rounded-md font-medium focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2"
           >
-            <div className="flex flex-col gap-1 items-center justify-center w-full h-full">
+            <div className="flex h-full w-full flex-col items-center justify-center gap-1">
               <div>
                 <Icon.Camera />
               </div>
@@ -71,10 +75,10 @@ const ImageUpload = ({ id, name, setValue }: PropsType) => {
       {/* 이미지 미리보기 */}
       {imgSrcList?.map((el, i) => {
         return (
-          <div key={i} className="flex flex-none relative w-32 h-32 items-center justify-center">
+          <div key={i} className="relative flex h-32 w-32 flex-none items-center justify-center">
             <button
               type="button"
-              className="absolute top-0 right-0 rounded-lg mt-1 mr-1 bg-black/50 text-white w-8 h-8 flex justify-center items-center"
+              className="absolute top-0 right-0 mt-1 mr-1 flex h-8 w-8 items-center justify-center rounded-lg bg-black/50 text-white"
               onClick={() => handleRemoveImage(i)}
             >
               <Icon.XMark />
@@ -82,7 +86,7 @@ const ImageUpload = ({ id, name, setValue }: PropsType) => {
             <Image
               alt={'예상 이미지'}
               src={el}
-              className="w-full h-full rounded-lg object-cover"
+              className="h-full w-full rounded-lg object-cover"
               width={128}
               height={128}
             />
diff --git a/src/components/common/SelectBox.tsx b/src/components/common/SelectBox.tsx
index eddddc5..cb9c1ee 100644
--- a/src/components/common/SelectBox.tsx
+++ b/src/components/common/SelectBox.tsx
@@ -1,5 +1,6 @@
 import { MouseEvent, useState } from 'react';
 import { createPortal } from 'react-dom';
+import { UseFormSetValue, UseFormTrigger } from 'react-hook-form';
 
 import Icon from './Icons';
 
@@ -14,9 +15,21 @@ interface PropsType {
   currentItem: string;
   changeItem: (item: string) => void;
   size: 'large' | 'small';
+  name?: string;
+  setValue?: UseFormSetValue<any>;
+  trigger: UseFormTrigger<any>;
 }
 
-const SelectBox = ({ items, containerRef, currentItem, changeItem, size }: PropsType) => {
+const SelectBox = ({
+  items,
+  containerRef,
+  currentItem,
+  changeItem,
+  size,
+  name,
+  setValue,
+  trigger,
+}: PropsType) => {
   const [isOpen, setIsOpen] = useState(false);
 
   const onClickToggle = (e: MouseEvent) => {
@@ -27,6 +40,12 @@ const SelectBox = ({ items, containerRef, currentItem, changeItem, size }: Props
   const onClickItem = (item: string) => {
     setIsOpen(false);
     changeItem(item);
+
+    // form 값 세팅
+    if (name && setValue) {
+      setValue(name, item, { shouldDirty: true });
+      trigger(name);
+    }
   };
 
   const onBlur = () => {
diff --git a/src/components/common/TextArea.tsx b/src/components/common/TextArea.tsx
index 885f959..6f7296f 100644
--- a/src/components/common/TextArea.tsx
+++ b/src/components/common/TextArea.tsx
@@ -3,18 +3,16 @@ import { UseFormRegisterReturn } from 'react-hook-form';
 interface PropsType {
   id: string;
   placeholder: string;
-  required: boolean;
   register?: UseFormRegisterReturn;
 }
 
-const TextArea = ({ id, placeholder, required, register }: PropsType) => {
+const TextArea = ({ id, placeholder, register }: PropsType) => {
   return (
     <textarea
       id={id}
       rows={4}
-      className="outline-main block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-black/20"
+      className="text-gray-900 bg-gray-50 block w-full rounded-lg border border-black/20 p-2.5 text-sm outline-main"
       placeholder={placeholder}
-      required={required}
       {...register}
     ></textarea>
   );
diff --git a/src/components/common/TextInput.tsx b/src/components/common/TextInput.tsx
index a196147..d7f1cfe 100644
--- a/src/components/common/TextInput.tsx
+++ b/src/components/common/TextInput.tsx
@@ -3,18 +3,16 @@ import { UseFormRegisterReturn } from 'react-hook-form';
 interface PropsType {
   id: string;
   placeholder: string;
-  required: boolean;
   register?: UseFormRegisterReturn;
 }
 
-const TextInput = ({ id, placeholder, required, register }: PropsType) => {
+const TextInput = ({ id, placeholder, register }: PropsType) => {
   return (
     <input
       type="text"
       id={id}
-      className="outline-main bg-gray-50 border border-black/20 text-gray-900 text-sm rounded-lg w-full py-2 px-3 focus:ring-main focus:border-main focus:bg-none"
+      className="bg-gray-50 text-gray-900 w-full rounded-lg border border-black/20 py-2 px-3 text-sm outline-main focus:border-main focus:bg-none focus:ring-main"
       placeholder={placeholder}
-      required={required}
       {...register}
     />
   );
diff --git a/src/pages/cahoots/create.tsx b/src/pages/cahoots/create.tsx
index b3f3ae4..087f5b1 100644
--- a/src/pages/cahoots/create.tsx
+++ b/src/pages/cahoots/create.tsx
@@ -31,6 +31,7 @@ export interface FormDataType {
   images: string[];
   themeLocation: string;
   themeBuilding: string;
+  country: string;
   location: string;
   expectedMonth: string;
   descritption: string;
@@ -54,6 +55,7 @@ export default function CreateCahoot() {
     handleSubmit,
     setValue,
     formState: { errors },
+    trigger,
   } = useForm<FormDataType>();
 
   const onSubmit = (data: FormDataType) => {
@@ -85,10 +87,10 @@ export default function CreateCahoot() {
               <TextInput
                 id="title"
                 placeholder="5~20 글자로 작성해주세요."
-                required={true}
                 register={register('title', {
                   minLength: 5,
                   maxLength: 20,
+                  required: true,
                 })}
               />
               {errors.title && errors.title.type === 'minLength' && (
@@ -97,6 +99,9 @@ export default function CreateCahoot() {
               {errors.title && errors.title.type === 'maxLength' && (
                 <p className="p-1 text-red">20자 이하로 입력해주세요.</p>
               )}
+              {errors.title && errors.title.type === 'required' && (
+                <p className="p-1 text-red">휴양지명을 입력해주세요.</p>
+              )}
             </div>
           </FormItem>
           {/* 간단한 소개 */}
@@ -105,10 +110,10 @@ export default function CreateCahoot() {
               <TextArea
                 id="shortDescription"
                 placeholder="휴양지에 대한 간단한 소개를 작성해주세요.(최소 10자, 최대 50자)"
-                required={true}
                 register={register('shortDescription', {
                   minLength: 10,
                   maxLength: 50,
+                  required: true,
                 })}
               />
               {errors.shortDescription && errors.shortDescription.type === 'minLength' && (
@@ -117,13 +122,25 @@ export default function CreateCahoot() {
               {errors.shortDescription && errors.shortDescription.type === 'maxLength' && (
                 <p className="p-1 text-red">50자 이하로 입력해주세요.</p>
               )}
+              {errors.shortDescription && errors.shortDescription.type === 'required' && (
+                <p className="p-1 text-red">휴양지에 대한 간단한 소개를 입력해주세요.</p>
+              )}
             </div>
           </FormItem>
           {/* 예상 이미지 */}
           <FormItem id="images" label="예상 이미지" required={true}>
             <div className="px-2">
-              <ImageUpload id="images" name="images" setValue={setValue} />
+              <input
+                type="hidden"
+                {...register('images', {
+                  required: true,
+                })}
+              />
+              <ImageUpload id="images" name="images" setValue={setValue} trigger={trigger} />
             </div>
+            {errors.images && errors.images.type === 'required' && (
+              <p className="p-1 text-red">예상 이미지를 선택해주세요.</p>
+            )}
           </FormItem>
           {/* 휴양지 테마 */}
           <FormItem id="theme" label="휴양지 테마" required={true}>
@@ -133,31 +150,58 @@ export default function CreateCahoot() {
                 id="themeLocation"
                 name="themeLocation"
                 option={positionOption}
-                register={register('themeLocation')}
+                register={register('themeLocation', { required: true })}
               />
               <p className="mt-4 mb-2 text-sm font-semibold text-black">건물 유형</p>
               <RadioBtn
                 id="themeBuilding"
                 name="themeBuilding"
                 option={typeOption}
-                register={register('themeBuilding')}
+                register={register('themeBuilding', { required: true })}
               />
             </div>
+            {(errors.themeLocation?.type === 'required' ||
+              errors.themeBuilding?.type === 'required') && (
+              <p className="p-1 text-red">휴양지 테마를 선택해주세요.</p>
+            )}
           </FormItem>
           {/* 위치 */}
           <FormItem id="location" label="위치" required={true}>
             <div ref={selectBoxContainer} className="relative flex gap-4 px-2">
+              <input
+                type="hidden"
+                {...register('country', {
+                  required: true,
+                })}
+              />
               <SelectBox
                 items={selectItems}
                 containerRef={selectBoxContainer}
                 currentItem={selectedCountry}
                 changeItem={changeCountry}
                 size="large"
+                name="country"
+                setValue={setValue}
+                trigger={trigger}
               />
               {/* TODO: Loading 일 때 처리 */}
-              <PlaceSearchBar name="location" country={selectedCountry} setValue={setValue} />
+              <input
+                type="hidden"
+                {...register('location', {
+                  required: true,
+                })}
+              />
+              <PlaceSearchBar
+                name="location"
+                country={selectedCountry}
+                setValue={setValue}
+                trigger={trigger}
+              />
               {/* <Map /> */}
             </div>
+            {(errors.country?.type === 'required' || errors.location?.type === 'required') && (
+              <p className="p-1 text-red">휴양지의 위치를 입력해주세요.</p>
+            )}
           </FormItem>
           {/* 건설 진행 예상 시간 */}
           <FormItem id="expectedMonth" label="건설 진행 예상 시간" required={true}>
@@ -179,10 +223,12 @@ export default function CreateCahoot() {
               <TextArea
                 id="descritption"
                 placeholder="최대한 상세히 작성해야 공모에 도움이 됩니다."
-                required={true}
-                register={register('descritption')}
+                register={register('descritption', { required: true })}
               />
             </div>
+            {errors.descritption && errors.descritption.type === 'required' && (
+              <p className="p-1 text-red">아이디어 설명을 입력해주세요.</p>
+            )}
           </FormItem>
           {/* 공모 진행 기간 */}
           <FormItem id="stockDurationRange" label="공모 진행 기간" required={true}>

From 21e8bd9bf329c4c1c5bca90d0637feaec758d248 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 23 Feb 2023 00:01:55 +0900
Subject: [PATCH 056/131] =?UTF-8?q?feat:=20=EC=84=9C=EB=B2=84=EC=B8=A1=20D?=
 =?UTF-8?q?TO=EC=99=80=EC=9D=98=20=ED=86=B5=EC=9D=BC=EC=9D=84=20=EC=9C=84?=
 =?UTF-8?q?=ED=95=B4=20=EC=9D=BC=EB=B6=80=20=EC=86=8D=EC=84=B1=EA=B0=92=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/cahoots/create.tsx | 45 +++++++++++++++++++++++-------------
 1 file changed, 29 insertions(+), 16 deletions(-)

diff --git a/src/pages/cahoots/create.tsx b/src/pages/cahoots/create.tsx
index 087f5b1..32f6466 100644
--- a/src/pages/cahoots/create.tsx
+++ b/src/pages/cahoots/create.tsx
@@ -14,15 +14,15 @@ import PlaceSearchBar from '@/components/PlaceSearchBar';
 // import Map from '@/components/Map';
 
 const positionOption = [
-  { value: 'OCEAN', label: '바다' },
-  { value: 'MOUNTAIN', label: '산' },
+  { value: 'BEACH', label: '바다' },
+  { value: 'FOREST', label: '산' },
   { value: 'DOWNTOWN', label: '도심' },
 ];
 
 const typeOption = [
-  { value: 'RESORT', label: '휴양지' },
+  { value: 'VACATION_SPOT', label: '휴양지' },
   { value: 'HOTEL', label: '호텔' },
-  { value: 'GUESTHOUSE', label: '게스트하우스' },
+  { value: 'GUEST_HOUSE', label: '게스트하우스' },
 ];
 
 export interface FormDataType {
@@ -33,13 +33,14 @@ export interface FormDataType {
   themeBuilding: string;
   country: string;
   location: string;
-  expectedMonth: string;
-  descritption: string;
+  expectedMonth: number;
+  description: string;
   stockStart: string;
   stockEnd: string;
-  expectedTotalCost: string;
-  stockPrice: string;
-  stockNum: string;
+  expectedTotalCost: number;
+  stockPrice: number;
+  stockNum: number;
+  expectedRateOfReturn: number;
 }
 
 const selectItems = [
@@ -89,7 +90,7 @@ export default function CreateCahoot() {
                 placeholder="5~20 글자로 작성해주세요."
                 register={register('title', {
                   minLength: 5,
-                  maxLength: 20,
+                  maxLength: 15,
                   required: true,
                 })}
               />
@@ -97,7 +98,7 @@ export default function CreateCahoot() {
                 <p className="p-1 text-red">5자 이상 입력해주세요.</p>
               )}
               {errors.title && errors.title.type === 'maxLength' && (
-                <p className="p-1 text-red">20자 이하로 입력해주세요.</p>
+                <p className="p-1 text-red">15자 이하로 입력해주세요.</p>
               )}
               {errors.title && errors.title.type === 'required' && (
                 <p className="p-1 text-red">휴양지명을 입력해주세요.</p>
@@ -169,6 +170,7 @@ export default function CreateCahoot() {
           <FormItem id="location" label="위치" required={true}>
             <div ref={selectBoxContainer} className="relative flex gap-4 px-2">
               <input
+                id="country"
                 type="hidden"
                 {...register('country', {
                   required: true,
@@ -186,6 +188,7 @@ export default function CreateCahoot() {
               />
               {/* TODO: Loading 일 때 처리 */}
               <input
+                id="location"
                 type="hidden"
                 {...register('location', {
                   required: true,
@@ -218,15 +221,25 @@ export default function CreateCahoot() {
             </div>
           </FormItem>
           {/* 아이디어 설명 */}
-          <FormItem id="descritption" label="아이디어 설명" required={true}>
+          <FormItem id="description" label="아이디어 설명" required={true}>
             <div className="px-2">
               <TextArea
-                id="descritption"
+                id="description"
                 placeholder="최대한 상세히 작성해야 공모에 도움이 됩니다."
-                register={register('descritption', { required: true })}
+                register={register('description', {
+                  minLength: 5,
+                  maxLength: 4000,
+                  required: true,
+                })}
               />
             </div>
-            {errors.descritption && errors.descritption.type === 'required' && (
+            {errors.description && errors.description.type === 'minLength' && (
+              <p className="p-1 text-red">5자 이상 입력해주세요.</p>
+            )}
+            {errors.description && errors.description.type === 'maxLength' && (
+              <p className="p-1 text-red">4000자 이하로 입력해주세요.</p>
+            )}
+            {errors.description && errors.description.type === 'required' && (
               <p className="p-1 text-red">아이디어 설명을 입력해주세요.</p>
             )}
           </FormItem>
@@ -246,7 +259,7 @@ export default function CreateCahoot() {
               <NumberInput
                 size="large"
                 min={0}
-                max={100000000000000} // 100조
+                max={100000000}
                 name="expectedTotalCost"
                 setValue={setValue}
               />

From 07e2951454b5f932e73cd319acb2a7653bd7e31e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 23 Feb 2023 00:05:55 +0900
Subject: [PATCH 057/131] =?UTF-8?q?fix:=20=EC=A3=BC=EC=86=8C=20=EA=B2=80?=
 =?UTF-8?q?=EC=83=89=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=EC=97=90?=
 =?UTF-8?q?=EC=84=9C=20=EC=97=94=ED=84=B0=20=EC=9E=85=EB=A0=A5=20=EC=8B=9C?=
 =?UTF-8?q?=20Form=20Submit=20=EC=9D=B4=EB=B2=A4=ED=8A=B8=20=EB=B0=A9?=
 =?UTF-8?q?=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PlaceSearchBar.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/PlaceSearchBar.tsx b/src/components/PlaceSearchBar.tsx
index 2c9a1ea..76dcaab 100644
--- a/src/components/PlaceSearchBar.tsx
+++ b/src/components/PlaceSearchBar.tsx
@@ -1,4 +1,4 @@
-import { useRef } from 'react';
+import { KeyboardEvent, useRef } from 'react';
 import Autocomplete from 'react-google-autocomplete';
 import { UseFormSetValue, UseFormTrigger } from 'react-hook-form';
 
@@ -26,7 +26,11 @@ const PlaceSearchBar = ({ name, country, setValue, trigger }: PropsType) => {
   };
 
   // 사용자 입력 주소 form value 세팅
-  const onInput = () => {
+  const onInput = (e: KeyboardEvent) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+    }
+
     const inputText = inputRef.current?.value;
     // 공백인 경우 리턴하면 X
     if (inputText === undefined) {
@@ -55,7 +59,7 @@ const PlaceSearchBar = ({ name, country, setValue, trigger }: PropsType) => {
         }
         summarizeAddress(addressComponents);
       }}
-      onChange={onInput}
+      onKeyDown={onInput}
       options={{
         types: ['(regions)'],
         componentRestrictions: { country: getCountryCode(country) },

From c08edc618a90c5e4fd27fe6c67680bb058982b80 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 23 Feb 2023 00:35:12 +0900
Subject: [PATCH 058/131] =?UTF-8?q?fix:=20SelectBox=EC=9D=98=20trigger=20?=
 =?UTF-8?q?=ED=95=A8=EC=88=98=EB=A5=BC=20Optional=20Props=EB=A1=9C=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/SelectBox.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/common/SelectBox.tsx b/src/components/common/SelectBox.tsx
index cb9c1ee..125ad7b 100644
--- a/src/components/common/SelectBox.tsx
+++ b/src/components/common/SelectBox.tsx
@@ -17,7 +17,7 @@ interface PropsType {
   size: 'large' | 'small';
   name?: string;
   setValue?: UseFormSetValue<any>;
-  trigger: UseFormTrigger<any>;
+  trigger?: UseFormTrigger<any>;
 }
 
 const SelectBox = ({
@@ -42,7 +42,7 @@ const SelectBox = ({
     changeItem(item);
 
     // form 값 세팅
-    if (name && setValue) {
+    if (name && setValue && trigger) {
       setValue(name, item, { shouldDirty: true });
       trigger(name);
     }

From b1785ae33ce874b8571e2e02a3731b9104f8b22b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 23 Feb 2023 00:41:33 +0900
Subject: [PATCH 059/131] =?UTF-8?q?fix:=20=EC=95=84=EC=9D=B4=EC=BD=98=20si?=
 =?UTF-8?q?ze=20Props=EA=B0=80=20=EC=97=86=EC=9D=84=EB=95=8C=EB=8F=84=20?=
 =?UTF-8?q?=EC=A0=95=EC=83=81=EC=A0=81=EC=9C=BC=EB=A1=9C=20=EB=8F=99?=
 =?UTF-8?q?=EC=9E=91=ED=95=98=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Icons.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/common/Icons.tsx b/src/components/common/Icons.tsx
index 49b16b5..6dee863 100644
--- a/src/components/common/Icons.tsx
+++ b/src/components/common/Icons.tsx
@@ -1,3 +1,7 @@
+interface IconSizeType {
+  size?: 'large' | 'small';
+}
+
 const Home = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
@@ -131,7 +135,7 @@ const Right = () => (
   </svg>
 );
 
-const Up = ({ size }: { size: 'large' | 'small' }) => (
+const Up = ({ size = 'large' }: IconSizeType) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     fill="none"
@@ -144,7 +148,7 @@ const Up = ({ size }: { size: 'large' | 'small' }) => (
   </svg>
 );
 
-const Down = ({ size }: { size: 'large' | 'small' }) => (
+const Down = ({ size = 'large' }: IconSizeType) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     fill="none"

From 647a96229eaebf0ef956e23e6de25eeb3b9ba5c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 23 Feb 2023 00:47:36 +0900
Subject: [PATCH 060/131] =?UTF-8?q?chore:=20=EA=B3=B5=EB=AA=A8=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1=20POST=20=EC=9A=94=EC=B2=AD=20=EC=9E=84=EC=8B=9C=20?=
 =?UTF-8?q?=EC=BD=94=EB=93=9C=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/cahoots/create.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/cahoots/create.tsx b/src/pages/cahoots/create.tsx
index 32f6466..5adbdfe 100644
--- a/src/pages/cahoots/create.tsx
+++ b/src/pages/cahoots/create.tsx
@@ -1,6 +1,8 @@
 import { useRef, useState } from 'react';
 import { useForm, FieldErrors } from 'react-hook-form';
 
+import axios from 'axios';
+
 import DateRangeInput from '@/components/common/DateRangeInput';
 import FormItem from '@/components/common/FormItem';
 import ImageUpload from '@/components/common/ImageUpload';
@@ -61,7 +63,15 @@ export default function CreateCahoot() {
 
   const onSubmit = (data: FormDataType) => {
     console.log(data);
-    // TODO: POST form data
+    // TODO: POST API 연동 (미완성)
+    axios
+      .post(`${process.env.NEXT_PUBLIC_HOST}/api/cahoots`, data)
+      .then((res) => {
+        console.log(res);
+      })
+      .catch((e) => {
+        console.log(e);
+      });
   };
 
   const onErrors = (errors: FieldErrors) => {

From 079b8e64ec7e7da9ed6a23ba5ea4b5ab54feb6a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 23 Feb 2023 16:11:30 +0900
Subject: [PATCH 061/131] =?UTF-8?q?chore:=20POST=20=EC=9A=94=EC=B2=AD=20?=
 =?UTF-8?q?=EC=BD=94=EB=93=9C=20fetch=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/cahoots/create.tsx | 52 +++++++++++++++++++++++++++---------
 1 file changed, 40 insertions(+), 12 deletions(-)

diff --git a/src/pages/cahoots/create.tsx b/src/pages/cahoots/create.tsx
index 5adbdfe..d5d76d4 100644
--- a/src/pages/cahoots/create.tsx
+++ b/src/pages/cahoots/create.tsx
@@ -30,7 +30,7 @@ const typeOption = [
 export interface FormDataType {
   title: string;
   shortDescription: string;
-  images: string[];
+  images: Blob[];
   themeLocation: string;
   themeBuilding: string;
   country: string;
@@ -39,7 +39,7 @@ export interface FormDataType {
   description: string;
   stockStart: string;
   stockEnd: string;
-  expectedTotalCost: number;
+  expectedTotalCost?: number;
   stockPrice: number;
   stockNum: number;
   expectedRateOfReturn: number;
@@ -61,17 +61,45 @@ export default function CreateCahoot() {
     trigger,
   } = useForm<FormDataType>();
 
-  const onSubmit = (data: FormDataType) => {
-    console.log(data);
+  const onSubmit = async (data: FormDataType) => {
+    // console.log(data);
+
+    const formData = new FormData();
+
+    for (const key in data) {
+      // console.log(key);
+      // console.log(data[key]);
+
+      if (key === 'images') {
+        data[key].forEach((img) => formData.append(key, img));
+      } else {
+        formData.append(key, data[key] as keyof FormDataType);
+      }
+    }
+    console.log('- - - - - - -');
+
+    // FormData 확인
+    for (let val of formData.values()) {
+      console.log(val);
+    }
+
+    const response = await fetch(`${process.env.NEXT_PUBLIC_HOST}/api/cahoots`, {
+      method: 'POST',
+      body: formData,
+    }).then((response) => response.json());
+    console.log(response);
+
     // TODO: POST API 연동 (미완성)
-    axios
-      .post(`${process.env.NEXT_PUBLIC_HOST}/api/cahoots`, data)
-      .then((res) => {
-        console.log(res);
-      })
-      .catch((e) => {
-        console.log(e);
-      });
+    // axios
+    //   .post(`${process.env.NEXT_PUBLIC_HOST}/api/cahoots`, formData, {
+    //     headers: { 'Content-Type': 'multipart/form-data' },
+    //   })
+    //   .then((res) => {
+    //     console.log(res);
+    //   })
+    //   .catch((e) => {
+    //     console.log(e);
+    //   });
   };
 
   const onErrors = (errors: FieldErrors) => {

From 37ffc7045abe4a3a89d206d3255d4549319e12ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Fri, 24 Feb 2023 01:42:30 +0900
Subject: [PATCH 062/131] =?UTF-8?q?fix:=20=EA=B3=B5=EB=AA=A8=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1=20=EC=8B=9C=20=EC=9D=B4=EB=AF=B8=EC=A7=80=EA=B0=80=20?=
 =?UTF-8?q?string=EC=9C=BC=EB=A1=9C=20=EC=A0=84=EB=8B=AC=EB=90=98=EB=8A=94?=
 =?UTF-8?q?=20=EB=AC=B8=EC=A0=9C=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                     | 142 --------------------------
 package.json                          |   1 -
 src/components/common/ImageUpload.tsx |  10 +-
 src/pages/cahoots/create.tsx          |  30 +-----
 4 files changed, 11 insertions(+), 172 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 89c6754..20f2df6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,6 @@
         "@types/node": "18.11.18",
         "@types/react": "18.0.26",
         "@types/react-dom": "18.0.10",
-        "axios": "^1.3.3",
         "daisyui": "^2.47.0",
         "eslint": "8.31.0",
         "eslint-config-next": "13.1.2",
@@ -1333,11 +1332,6 @@
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
       "integrity": "sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag=="
     },
-    "node_modules/asynckit": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
-    },
     "node_modules/autoprefixer": {
       "version": "10.4.13",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
@@ -1390,16 +1384,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/axios": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.3.3.tgz",
-      "integrity": "sha512-eYq77dYIFS77AQlhzEL937yUBSepBfPIe8FcgEDN35vMNZKMrs81pgnyrQpwfy4NF4b4XWX1Zgx7yX+25w8QJA==",
-      "dependencies": {
-        "follow-redirects": "^1.15.0",
-        "form-data": "^4.0.0",
-        "proxy-from-env": "^1.1.0"
-      }
-    },
     "node_modules/axobject-query": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
@@ -1689,17 +1673,6 @@
         "simple-swizzle": "^0.2.2"
       }
     },
-    "node_modules/combined-stream": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "dependencies": {
-        "delayed-stream": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/commander": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@@ -1927,14 +1900,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/delayed-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
     "node_modules/delegates": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
@@ -2757,25 +2722,6 @@
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
       "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ=="
     },
-    "node_modules/follow-redirects": {
-      "version": "1.15.2",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
-      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/RubenVerborgh"
-        }
-      ],
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependenciesMeta": {
-        "debug": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/for-each": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
@@ -2784,19 +2730,6 @@
         "is-callable": "^1.1.3"
       }
     },
-    "node_modules/form-data": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "mime-types": "^2.1.12"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -3788,25 +3721,6 @@
         "node": ">=8.6"
       }
     },
-    "node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dependencies": {
-        "mime-db": "1.52.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/mimic-response": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
@@ -6798,11 +6712,6 @@
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
       "integrity": "sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag=="
     },
-    "asynckit": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
-    },
     "autoprefixer": {
       "version": "10.4.13",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
@@ -6827,16 +6736,6 @@
       "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.6.2.tgz",
       "integrity": "sha512-b1WlTV8+XKLj9gZy2DZXgQiyDp9xkkoe2a6U6UbYccScq2wgH/YwCeI2/Jq2mgo0HzQxqJOjWZBLeA/mqsk5Mg=="
     },
-    "axios": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.3.3.tgz",
-      "integrity": "sha512-eYq77dYIFS77AQlhzEL937yUBSepBfPIe8FcgEDN35vMNZKMrs81pgnyrQpwfy4NF4b4XWX1Zgx7yX+25w8QJA==",
-      "requires": {
-        "follow-redirects": "^1.15.0",
-        "form-data": "^4.0.0",
-        "proxy-from-env": "^1.1.0"
-      }
-    },
     "axobject-query": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
@@ -7029,14 +6928,6 @@
         "simple-swizzle": "^0.2.2"
       }
     },
-    "combined-stream": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "requires": {
-        "delayed-stream": "~1.0.0"
-      }
-    },
     "commander": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@@ -7200,11 +7091,6 @@
       "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.1.tgz",
       "integrity": "sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q=="
     },
-    "delayed-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
-    },
     "delegates": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
@@ -7826,11 +7712,6 @@
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
       "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ=="
     },
-    "follow-redirects": {
-      "version": "1.15.2",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
-      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
-    },
     "for-each": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
@@ -7839,16 +7720,6 @@
         "is-callable": "^1.1.3"
       }
     },
-    "form-data": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-      "requires": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "mime-types": "^2.1.12"
-      }
-    },
     "fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -8542,19 +8413,6 @@
         "picomatch": "^2.3.1"
       }
     },
-    "mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
-    },
-    "mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "requires": {
-        "mime-db": "1.52.0"
-      }
-    },
     "mimic-response": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
diff --git a/package.json b/package.json
index f996d07..57cfc8d 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,6 @@
     "@types/node": "18.11.18",
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
-    "axios": "^1.3.3",
     "daisyui": "^2.47.0",
     "eslint": "8.31.0",
     "eslint-config-next": "13.1.2",
diff --git a/src/components/common/ImageUpload.tsx b/src/components/common/ImageUpload.tsx
index 1acee1e..dbbaa3d 100644
--- a/src/components/common/ImageUpload.tsx
+++ b/src/components/common/ImageUpload.tsx
@@ -15,6 +15,8 @@ interface PropsType {
 const ImageUpload = ({ id, name, setValue, trigger }: PropsType) => {
   const imgRef = useRef<HTMLInputElement>(null);
   const [imgSrcList, setImgSrcList] = useState<string[]>([]);
+  const [imgFileList, setImgFileList] = useState<Blob[]>([]);
+
   const limit = 5;
 
   const inputImgFile = () => {
@@ -29,18 +31,22 @@ const ImageUpload = ({ id, name, setValue, trigger }: PropsType) => {
     reader.onloadend = (e) => {
       const result = e.target?.result as string;
       const newImgSrcList = [...imgSrcList, result];
+      const newImgFileList = [...imgFileList, files[0]];
 
       setImgSrcList(newImgSrcList);
-      setValue(name, newImgSrcList);
+      setImgFileList(newImgFileList);
+      setValue(name, newImgFileList);
       trigger(name);
     };
   };
 
   const handleRemoveImage = (index: number) => {
     const newImgSrcList = imgSrcList.filter((val, idx) => idx !== index);
+    const newImgFileList = imgFileList.filter((val, idx) => idx !== index);
 
     setImgSrcList(newImgSrcList);
-    setValue(name, newImgSrcList);
+    setImgFileList(newImgFileList);
+    setValue(name, newImgFileList);
     trigger(name);
   };
 
diff --git a/src/pages/cahoots/create.tsx b/src/pages/cahoots/create.tsx
index d5d76d4..5ef6351 100644
--- a/src/pages/cahoots/create.tsx
+++ b/src/pages/cahoots/create.tsx
@@ -1,8 +1,6 @@
 import { useRef, useState } from 'react';
 import { useForm, FieldErrors } from 'react-hook-form';
 
-import axios from 'axios';
-
 import DateRangeInput from '@/components/common/DateRangeInput';
 import FormItem from '@/components/common/FormItem';
 import ImageUpload from '@/components/common/ImageUpload';
@@ -28,6 +26,7 @@ const typeOption = [
 ];
 
 export interface FormDataType {
+  [key: string]: any;
   title: string;
   shortDescription: string;
   images: Blob[];
@@ -39,7 +38,7 @@ export interface FormDataType {
   description: string;
   stockStart: string;
   stockEnd: string;
-  expectedTotalCost?: number;
+  expectedTotalCost: number;
   stockPrice: number;
   stockNum: number;
   expectedRateOfReturn: number;
@@ -62,44 +61,21 @@ export default function CreateCahoot() {
   } = useForm<FormDataType>();
 
   const onSubmit = async (data: FormDataType) => {
-    // console.log(data);
-
     const formData = new FormData();
 
     for (const key in data) {
-      // console.log(key);
-      // console.log(data[key]);
-
       if (key === 'images') {
         data[key].forEach((img) => formData.append(key, img));
       } else {
-        formData.append(key, data[key] as keyof FormDataType);
+        formData.append(key, data[key]);
       }
     }
-    console.log('- - - - - - -');
-
-    // FormData 확인
-    for (let val of formData.values()) {
-      console.log(val);
-    }
 
     const response = await fetch(`${process.env.NEXT_PUBLIC_HOST}/api/cahoots`, {
       method: 'POST',
       body: formData,
     }).then((response) => response.json());
     console.log(response);
-
-    // TODO: POST API 연동 (미완성)
-    // axios
-    //   .post(`${process.env.NEXT_PUBLIC_HOST}/api/cahoots`, formData, {
-    //     headers: { 'Content-Type': 'multipart/form-data' },
-    //   })
-    //   .then((res) => {
-    //     console.log(res);
-    //   })
-    //   .catch((e) => {
-    //     console.log(e);
-    //   });
   };
 
   const onErrors = (errors: FieldErrors) => {

From 3c05985230d294fc287f7870c7816068b64f2074 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Fri, 24 Feb 2023 01:57:23 +0900
Subject: [PATCH 063/131] =?UTF-8?q?feat:=20=EA=B3=B5=EB=AA=A8=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1=20=EC=84=B1=EA=B3=B5=20=EC=8B=9C=20=EB=A9=94=EC=9D=B8?=
 =?UTF-8?q?=ED=99=94=EB=A9=B4=EC=9C=BC=EB=A1=9C=20=EB=9D=BC=EC=9A=B0?=
 =?UTF-8?q?=ED=8C=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/cahoots/create.tsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/pages/cahoots/create.tsx b/src/pages/cahoots/create.tsx
index 5ef6351..edb16e6 100644
--- a/src/pages/cahoots/create.tsx
+++ b/src/pages/cahoots/create.tsx
@@ -1,6 +1,8 @@
 import { useRef, useState } from 'react';
 import { useForm, FieldErrors } from 'react-hook-form';
 
+import { useRouter } from 'next/router';
+
 import DateRangeInput from '@/components/common/DateRangeInput';
 import FormItem from '@/components/common/FormItem';
 import ImageUpload from '@/components/common/ImageUpload';
@@ -50,6 +52,7 @@ const selectItems = [
 ];
 
 export default function CreateCahoot() {
+  const router = useRouter();
   const selectBoxContainer = useRef<HTMLDivElement>(null);
   const [selectedCountry, setSelectedCountry] = useState('국가'); // 휴양지 위치
   const {
@@ -60,7 +63,7 @@ export default function CreateCahoot() {
     trigger,
   } = useForm<FormDataType>();
 
-  const onSubmit = async (data: FormDataType) => {
+  const onSubmit = (data: FormDataType) => {
     const formData = new FormData();
 
     for (const key in data) {
@@ -71,11 +74,18 @@ export default function CreateCahoot() {
       }
     }
 
-    const response = await fetch(`${process.env.NEXT_PUBLIC_HOST}/api/cahoots`, {
+    fetch(`${process.env.NEXT_PUBLIC_HOST}/api/cahoots`, {
       method: 'POST',
       body: formData,
-    }).then((response) => response.json());
-    console.log(response);
+    })
+      .then((response) => response.json())
+      .then((result) => {
+        router.push('/');
+        console.log(result);
+      })
+      .catch((e) => {
+        console.log(e);
+      });
   };
 
   const onErrors = (errors: FieldErrors) => {

From 9a8c78b24e8280a82cab372cb3ada93823e5fb3e Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Sat, 25 Feb 2023 20:22:14 +0900
Subject: [PATCH 064/131] =?UTF-8?q?fix:=20=EC=9D=B4=EB=AF=B8=EC=A7=80?=
 =?UTF-8?q?=EA=B0=80=20=EC=9E=88=EC=9D=84=20=EB=95=8C=EB=A7=8C=20=EB=A0=8C?=
 =?UTF-8?q?=EB=8D=94=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cahoot/DeadlineCarousel.tsx |  4 ++-
 src/components/cahoot/DetailHeader.tsx     | 20 ++++++++------
 src/components/cahoot/DetailInfo.tsx       | 32 ++++++++++++----------
 src/components/cahoot/Recap.tsx            |  4 ++-
 4 files changed, 34 insertions(+), 26 deletions(-)

diff --git a/src/components/cahoot/DeadlineCarousel.tsx b/src/components/cahoot/DeadlineCarousel.tsx
index 0a3902d..71df719 100644
--- a/src/components/cahoot/DeadlineCarousel.tsx
+++ b/src/components/cahoot/DeadlineCarousel.tsx
@@ -30,7 +30,9 @@ const DeadlineCarousel = () => {
           >
             <div className="avatar -z-10">
               <div className="w-24 rounded-full bg-dark-grey"></div>
-              <Image src={images[0]} alt="" className="rounded-full" fill sizes="96px" />
+              {images[0] && (
+                <Image src={images[0]} alt="" className="rounded-full" fill sizes="96px" />
+              )}
             </div>
             <div className="w-32 overflow-hidden overflow-ellipsis whitespace-nowrap text-sm">
               {title}
diff --git a/src/components/cahoot/DetailHeader.tsx b/src/components/cahoot/DetailHeader.tsx
index 239b59f..1502d3b 100644
--- a/src/components/cahoot/DetailHeader.tsx
+++ b/src/components/cahoot/DetailHeader.tsx
@@ -25,17 +25,19 @@ const DetailHeader = () => {
     <div className="mx-4 mt-4 flex gap-3 md:mx-0 md:gap-5">
       <div className="avatar">
         <div className="relative h-36 w-full bg-grey md:h-80">
-          <Image
-            alt="image"
-            src={images[0]}
-            className="object-contain"
-            fill
-            placeholder="blur"
-            blurDataURL={images[0]}
-            sizes="(max-width: 768px) 100vw,
+          {images[0] && (
+            <Image
+              alt="image"
+              src={images[0]}
+              className="object-contain"
+              fill
+              placeholder="blur"
+              blurDataURL={images[0]}
+              sizes="(max-width: 768px) 100vw,
               (max-width: 1200px) 50vw,
               33vw"
-          />
+            />
+          )}
         </div>
       </div>
       <div className="border-l border-black/50"></div>
diff --git a/src/components/cahoot/DetailInfo.tsx b/src/components/cahoot/DetailInfo.tsx
index 793c282..ac3c7d1 100644
--- a/src/components/cahoot/DetailInfo.tsx
+++ b/src/components/cahoot/DetailInfo.tsx
@@ -29,21 +29,23 @@ const DetailInfo = () => {
   );
   return (
     <>
-      <Carousel itemCount={images.length ?? 0}>
-        {images.map((imageUrl, index) => (
-          <div key={index} className="carousel-item relative h-96 w-full bg-grey">
-            <Image
-              alt="image"
-              src={imageUrl}
-              className="object-contain"
-              fill
-              placeholder="blur"
-              blurDataURL={imageUrl}
-              sizes="768px"
-            />
-          </div>
-        ))}
-      </Carousel>
+      {!!images.length && (
+        <Carousel itemCount={images.length ?? 0}>
+          {images.map((imageUrl, index) => (
+            <div key={index} className="carousel-item relative h-96 w-full bg-grey">
+              <Image
+                alt="image"
+                src={imageUrl}
+                className="object-contain"
+                fill
+                placeholder="blur"
+                blurDataURL={imageUrl}
+                sizes="768px"
+              />
+            </div>
+          ))}
+        </Carousel>
+      )}
       <div className="mx-4 flex flex-col gap-2 md:mx-0">
         <label className="font-bold">공모 정보</label>
         <div className="flex break-keep border-y border-grey py-4">
diff --git a/src/components/cahoot/Recap.tsx b/src/components/cahoot/Recap.tsx
index de67c4b..6b2fd79 100644
--- a/src/components/cahoot/Recap.tsx
+++ b/src/components/cahoot/Recap.tsx
@@ -30,7 +30,9 @@ const Recap = () => {
             <div className="avatar z-0">
               {/* 이미지 */}
               <div className="w-32 rounded-t bg-dark-grey"></div>
-              <Image src={images[0]} className="rounded-t" alt="" fill sizes="128px" />
+              {images[0] && (
+                <Image src={images[0]} className="rounded-t" alt="" fill sizes="128px" />
+              )}
               <span className="absolute bottom-5 w-32 overflow-hidden overflow-ellipsis whitespace-nowrap px-2 text-xs text-white">
                 {title}
               </span>

From c68e3271ddee4533fd6049fa9dab5148ea8b98d5 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Sat, 25 Feb 2023 20:22:47 +0900
Subject: [PATCH 065/131] =?UTF-8?q?feat:=20=EB=B3=80=EA=B2=BD=EB=90=9C=20?=
 =?UTF-8?q?=EC=9D=91=EB=8B=B5=EC=97=90=20=EB=A7=9E=EA=B2=8C=20=ED=83=80?=
 =?UTF-8?q?=EC=9E=85=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/types/cahoot.d.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/types/cahoot.d.ts b/src/types/cahoot.d.ts
index 9dabc7c..57909bb 100644
--- a/src/types/cahoot.d.ts
+++ b/src/types/cahoot.d.ts
@@ -9,6 +9,7 @@ type CahootType = {
   stockNum: number;
   competitionRate: number;
   images: string[];
+  isInterest: boolean;
 };
 
 export type CahootListType = {
@@ -31,6 +32,8 @@ export type CahootDetailType = CahootType & {
   description: string;
   status: string;
   expectedRateOfReturn: number;
+  interestCount: number;
+  country: string;
 };
 
 export type CahootHistoryType = {

From 9df862d8d2de4dd7c8998fcb7f8bdfbc5ce5e3fc Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Sat, 25 Feb 2023 20:23:46 +0900
Subject: [PATCH 066/131] =?UTF-8?q?fix:=20=EA=B3=B5=EB=AA=A8=20=EA=B2=80?=
 =?UTF-8?q?=EC=83=89=20API=20=EB=B3=80=EA=B2=BD=EB=90=9C=20query=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cahoot/ListItems.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/cahoot/ListItems.tsx b/src/components/cahoot/ListItems.tsx
index ae1c9fc..ab5ff66 100644
--- a/src/components/cahoot/ListItems.tsx
+++ b/src/components/cahoot/ListItems.tsx
@@ -23,7 +23,7 @@ const ListItems = ({ keyword }: ListItemsProps) => {
       fetcher(
         `${
           process.env.NEXT_PUBLIC_HOST
-        }/api/cahoots?status=ongoing&offset=${pageParam}&keyword=${encodeURIComponent(keyword)}`
+        }/api/cahoots?status=ongoing&page=${pageParam}&keyword=${encodeURIComponent(keyword)}`
       )(),
     getNextPageParam: (lastPage, allPages) =>
       lastPage.data.result.length ? allPages.length : false,

From 96bb76f3159dfa98b388e8bcca11444872ac715e Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Sat, 25 Feb 2023 20:24:17 +0900
Subject: [PATCH 067/131] =?UTF-8?q?feat:=20=EA=B3=B5=EB=AA=A8=20=EB=AA=A9?=
 =?UTF-8?q?=EB=A1=9D=20=EB=B6=81=EB=A7=88=ED=81=AC=20=EC=97=AC=EB=B6=80=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cahoot/ListItems.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/cahoot/ListItems.tsx b/src/components/cahoot/ListItems.tsx
index ab5ff66..c09e72c 100644
--- a/src/components/cahoot/ListItems.tsx
+++ b/src/components/cahoot/ListItems.tsx
@@ -54,7 +54,17 @@ const ListItems = ({ keyword }: ListItemsProps) => {
       {data?.pages.map((page, index) => (
         <Fragment key={index}>
           {page.data.result.map(
-            ({ id, stockNum, competitionRate, stockEnd, location, stockPrice, title, images }) => (
+            ({
+              id,
+              stockNum,
+              competitionRate,
+              stockEnd,
+              location,
+              stockPrice,
+              title,
+              images,
+              isInterest,
+            }) => (
               <Link
                 href={`/cahoots/detail/${id}`}
                 key={id}
@@ -82,8 +92,7 @@ const ListItems = ({ keyword }: ListItemsProps) => {
                         onClick={onBookmarkClick}
                         className={classNames(
                           'btn-ghost btn-xs btn-circle btn',
-                          // bookmarked ? 'fill-main text-main' : 'fill-none'
-                          'fill-none'
+                          isInterest ? 'fill-main text-main' : 'fill-none'
                         )}
                       >
                         <Icon.Bookmark />

From c29f7fd5e17d8fdea611b4504b5d173d2b85c2c3 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Sat, 25 Feb 2023 20:41:08 +0900
Subject: [PATCH 068/131] =?UTF-8?q?feat:=20=EA=B3=B5=EB=AA=A8=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=20=EA=B4=80=EC=8B=AC=EC=83=81=ED=92=88=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EB=8D=B0=EC=9D=B4=ED=84=B0=20=EC=97=B0=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cahoot/DetailHeader.tsx   |  9 ++----
 src/components/cahoot/InterestButton.tsx | 40 ++++++++++++++++++++++++
 src/pages/cahoots/detail/[id].tsx        |  8 ++---
 3 files changed, 44 insertions(+), 13 deletions(-)
 create mode 100644 src/components/cahoot/InterestButton.tsx

diff --git a/src/components/cahoot/DetailHeader.tsx b/src/components/cahoot/DetailHeader.tsx
index 1502d3b..6153878 100644
--- a/src/components/cahoot/DetailHeader.tsx
+++ b/src/components/cahoot/DetailHeader.tsx
@@ -6,10 +6,9 @@ import { fetcher } from '@/libs/client/fetcher';
 import type { CahootDetailType } from '@/types/cahoot';
 import type { Response } from '@/types/response';
 
+import InterestButton from './InterestButton';
 import Order from './Order';
 
-import Icon from '../common/Icons';
-
 const DetailHeader = () => {
   const router = useRouter();
   const {
@@ -61,11 +60,7 @@ const DetailHeader = () => {
             <span className="text-black">{stockPrice.toLocaleString()}원</span>
           </div>
           {status === 'CAHOOTS_ONGOING' && <Order />}
-          <button className="btn-ghost btn hidden gap-1 border-grey fill-none md:flex">
-            <Icon.Bookmark />
-            <span className="font-medium">관심상품</span>
-            <span>1,239</span>
-          </button>
+          <InterestButton hideOnMobile />
         </div>
       </div>
     </div>
diff --git a/src/components/cahoot/InterestButton.tsx b/src/components/cahoot/InterestButton.tsx
new file mode 100644
index 0000000..9c99dee
--- /dev/null
+++ b/src/components/cahoot/InterestButton.tsx
@@ -0,0 +1,40 @@
+import { useRouter } from 'next/router';
+
+import { useSuspendedQuery } from '@/hooks/useSuspendedQuery';
+import { fetcher } from '@/libs/client/fetcher';
+import { CahootDetailType } from '@/types/cahoot';
+import { Response } from '@/types/response';
+import classNames from '@/utils/classnames';
+
+import Icon from '../common/Icons';
+
+interface InterestButtonProps {
+  hideOnMobile?: boolean;
+}
+
+const InterestButton = ({ hideOnMobile = false }: InterestButtonProps) => {
+  const router = useRouter();
+  const {
+    data: {
+      data: { interestCount, isInterest },
+    },
+  } = useSuspendedQuery<Response<CahootDetailType>>(
+    ['cahoot/detail', router.query.id],
+    fetcher(`${process.env.NEXT_PUBLIC_HOST}/api/cahoots/${router.query.id}?info=detail`)
+  );
+  return (
+    <button
+      className={classNames(
+        'btn-ghost btn mx-4 gap-1 border-grey',
+        isInterest ? 'fill-main text-main' : 'fill-none',
+        hideOnMobile ? 'hidden md:flex' : 'md:hidden'
+      )}
+    >
+      <Icon.Bookmark />
+      <span className="font-medium">관심상품</span>
+      <span>{interestCount.toLocaleString()}</span>
+    </button>
+  );
+};
+
+export default InterestButton;
diff --git a/src/pages/cahoots/detail/[id].tsx b/src/pages/cahoots/detail/[id].tsx
index 3c4e0bb..1d51b78 100644
--- a/src/pages/cahoots/detail/[id].tsx
+++ b/src/pages/cahoots/detail/[id].tsx
@@ -4,8 +4,8 @@ import { GetServerSideProps } from 'next';
 
 import DetailBody from '@/components/cahoot/DetailBody';
 import DetailHeader from '@/components/cahoot/DetailHeader';
+import InterestButton from '@/components/cahoot/InterestButton';
 import OrderMobile from '@/components/cahoot/OrderMobile';
-import Icon from '@/components/common/Icons';
 import Layout from '@/components/common/Layout';
 import { ErrorBoundary } from '@sentry/nextjs';
 
@@ -23,11 +23,7 @@ const CahootsDetail = () => {
             )}
           >
             <DetailHeader />
-            <button className="btn-ghost btn mx-4 gap-1 border-grey fill-none md:hidden">
-              <Icon.Bookmark />
-              <span className="font-medium">관심상품</span>
-              <span>1,239</span>
-            </button>
+            <InterestButton />
             <DetailBody />
             <OrderMobile />
           </ErrorBoundary>

From 82e1b29e7cb7897b3e2e08d4f0f601b9776980a7 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Sat, 25 Feb 2023 20:59:32 +0900
Subject: [PATCH 069/131] =?UTF-8?q?fix:=20=EC=9D=B4=EB=AF=B8=EC=A7=80?=
 =?UTF-8?q?=EA=B0=80=20=EC=9E=88=EC=9D=84=20=EB=95=8C=EB=A7=8C=20=EB=A0=8C?=
 =?UTF-8?q?=EB=8D=94=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 누락된 부분 추가
---
 src/components/cahoot/BuyButton.tsx | 20 +++++++++++---------
 src/components/cahoot/ListItems.tsx | 16 +++++++++-------
 2 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/src/components/cahoot/BuyButton.tsx b/src/components/cahoot/BuyButton.tsx
index a1e2db2..9d5e709 100644
--- a/src/components/cahoot/BuyButton.tsx
+++ b/src/components/cahoot/BuyButton.tsx
@@ -94,15 +94,17 @@ const BuyButton = () => {
           <div className="flex w-full justify-between gap-2 font-bold">
             <div className="avatar">
               <div className="w-20"></div>
-              <Image
-                className="rounded object-contain"
-                alt=""
-                src={images[0]}
-                placeholder="blur"
-                blurDataURL={images[0]}
-                fill
-                sizes="80px"
-              />
+              {images[0] && (
+                <Image
+                  className="rounded object-contain"
+                  alt=""
+                  src={images[0]}
+                  placeholder="blur"
+                  blurDataURL={images[0]}
+                  fill
+                  sizes="80px"
+                />
+              )}
             </div>
             <div className="flex w-full flex-col justify-between">
               <span>{title}</span>
diff --git a/src/components/cahoot/ListItems.tsx b/src/components/cahoot/ListItems.tsx
index c09e72c..17ae2ed 100644
--- a/src/components/cahoot/ListItems.tsx
+++ b/src/components/cahoot/ListItems.tsx
@@ -72,13 +72,15 @@ const ListItems = ({ keyword }: ListItemsProps) => {
               >
                 <div className="avatar">
                   <div className="w-32 rounded-l-lg md:rounded-lg"></div>
-                  <Image
-                    src={images[0]}
-                    alt=""
-                    className="rounded-l-lg md:rounded-lg"
-                    fill
-                    sizes="128px"
-                  />
+                  {images[0] && (
+                    <Image
+                      src={images[0]}
+                      alt=""
+                      className="rounded-l-lg md:rounded-lg"
+                      fill
+                      sizes="128px"
+                    />
+                  )}
                 </div>
                 <div className="relative flex w-full flex-col justify-center gap-1 overflow-hidden py-2 pr-4 text-sm md:text-base">
                   <div className="flex flex-col border-b border-grey pb-2.5 font-bold md:flex-row md:gap-2">

From 50336aa467cabf9f5d387e70d91098da5ea696e2 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Sat, 25 Feb 2023 21:01:30 +0900
Subject: [PATCH 070/131] =?UTF-8?q?fix:=20=EB=B3=80=EA=B2=BD=EB=90=9C=20?=
 =?UTF-8?q?=ED=83=80=EC=9E=85=EC=97=90=20=EB=94=B0=EB=A5=B8=20mock=20data?=
 =?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

---
 src/pages/api/mock/infinite-cahoot.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/api/mock/infinite-cahoot.ts b/src/pages/api/mock/infinite-cahoot.ts
index 1895acf..47dbbe0 100644
--- a/src/pages/api/mock/infinite-cahoot.ts
+++ b/src/pages/api/mock/infinite-cahoot.ts
@@ -16,6 +16,7 @@ const MOCK_DATA: CahootType[] = Array(40)
     stockNum: 20,
     competitionRate: 40,
     images: ['https://wealth-marble-image.s3.ap-northeast-2.amazonaws.com/icon-cup.png'],
+    isInterest: false,
   }));
 
 const handler = (req: NextApiRequest, res: NextApiResponse<Response<CahootListType>>) => {

From af507a28926ec56817d703f9feb3f5b7c53ee8db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Sat, 25 Feb 2023 23:34:58 +0900
Subject: [PATCH 071/131] =?UTF-8?q?refactor:=20any=20=ED=83=80=EC=9E=85=20?=
 =?UTF-8?q?=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PlaceSearchBar.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/PlaceSearchBar.tsx b/src/components/PlaceSearchBar.tsx
index 76dcaab..1418ca8 100644
--- a/src/components/PlaceSearchBar.tsx
+++ b/src/components/PlaceSearchBar.tsx
@@ -2,11 +2,13 @@ import { KeyboardEvent, useRef } from 'react';
 import Autocomplete from 'react-google-autocomplete';
 import { UseFormSetValue, UseFormTrigger } from 'react-hook-form';
 
+import { FormDataType } from '@/pages/cahoots/create';
+
 interface PropsType {
   name: string;
   country: string; // 국가코드
-  setValue: UseFormSetValue<any>;
-  trigger: UseFormTrigger<any>;
+  setValue: UseFormSetValue<FormDataType>;
+  trigger: UseFormTrigger<FormDataType>;
 }
 
 const PlaceSearchBar = ({ name, country, setValue, trigger }: PropsType) => {
@@ -27,7 +29,7 @@ const PlaceSearchBar = ({ name, country, setValue, trigger }: PropsType) => {
 
   // 사용자 입력 주소 form value 세팅
   const onInput = (e: KeyboardEvent) => {
-    if (e.key === "Enter") {
+    if (e.key === 'Enter') {
       e.preventDefault();
     }
 

From e8690a8994e5654bd99c657f15fe75ae28f8b5cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Sat, 25 Feb 2023 23:49:27 +0900
Subject: [PATCH 072/131] =?UTF-8?q?refactor:=20=EB=B6=88=ED=95=84=EC=9A=94?=
 =?UTF-8?q?=ED=95=9C=20any=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/DateRangeInput.tsx | 5 ++++-
 src/components/common/ImageUpload.tsx    | 5 +++--
 src/components/common/NumberInput.tsx    | 6 ++++--
 src/components/common/SelectBox.tsx      | 6 ++++--
 4 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/components/common/DateRangeInput.tsx b/src/components/common/DateRangeInput.tsx
index bd261ee..e45a405 100644
--- a/src/components/common/DateRangeInput.tsx
+++ b/src/components/common/DateRangeInput.tsx
@@ -6,10 +6,13 @@ import { UseFormSetValue } from 'react-hook-form';
 
 import moment from 'moment';
 
+import { FormDataType } from '@/pages/cahoots/create';
+
+
 interface PropsType {
   startDateName: string;
   endDateName: string;
-  setValue: UseFormSetValue<any>;
+  setValue: UseFormSetValue<FormDataType>;
 }
 
 const DateRangeInput = ({ startDateName, endDateName, setValue }: PropsType) => {
diff --git a/src/components/common/ImageUpload.tsx b/src/components/common/ImageUpload.tsx
index dbbaa3d..f8c3b47 100644
--- a/src/components/common/ImageUpload.tsx
+++ b/src/components/common/ImageUpload.tsx
@@ -4,12 +4,13 @@ import { UseFormSetValue, UseFormTrigger } from 'react-hook-form';
 import Image from 'next/image';
 
 import Icon from '@/components/common/Icons';
+import { FormDataType } from '@/pages/cahoots/create';
 
 interface PropsType {
   id: string;
   name: string;
-  setValue: UseFormSetValue<any>;
-  trigger: UseFormTrigger<any>;
+  setValue: UseFormSetValue<FormDataType>;
+  trigger: UseFormTrigger<FormDataType>;
 }
 
 const ImageUpload = ({ id, name, setValue, trigger }: PropsType) => {
diff --git a/src/components/common/NumberInput.tsx b/src/components/common/NumberInput.tsx
index 34e9be8..2019e77 100644
--- a/src/components/common/NumberInput.tsx
+++ b/src/components/common/NumberInput.tsx
@@ -1,6 +1,8 @@
 import React, { useState } from 'react';
 import { UseFormSetValue } from 'react-hook-form';
 
+import { FormDataType } from '@/pages/cahoots/create';
+
 interface PropsType {
   size: 'small' | 'large';
   min: number;
@@ -8,7 +10,7 @@ interface PropsType {
   unit?: number;
   value?: number;
   name: string;
-  setValue: UseFormSetValue<any>;
+  setValue: UseFormSetValue<FormDataType>;
 }
 
 const NumberInput = ({ size, min = 0, max = 100, unit = 1, name, setValue }: PropsType) => {
@@ -26,7 +28,7 @@ const NumberInput = ({ size, min = 0, max = 100, unit = 1, name, setValue }: Pro
     } else if (inputNum > max) {
       inputNum = max;
     }
-    
+
     setNum(inputNum);
     setValue(name, inputNum);
   };
diff --git a/src/components/common/SelectBox.tsx b/src/components/common/SelectBox.tsx
index 125ad7b..a797cbc 100644
--- a/src/components/common/SelectBox.tsx
+++ b/src/components/common/SelectBox.tsx
@@ -2,6 +2,8 @@ import { MouseEvent, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { UseFormSetValue, UseFormTrigger } from 'react-hook-form';
 
+import { FormDataType } from '@/pages/cahoots/create';
+
 import Icon from './Icons';
 
 interface SelectItem {
@@ -16,8 +18,8 @@ interface PropsType {
   changeItem: (item: string) => void;
   size: 'large' | 'small';
   name?: string;
-  setValue?: UseFormSetValue<any>;
-  trigger?: UseFormTrigger<any>;
+  setValue?: UseFormSetValue<FormDataType>;
+  trigger?: UseFormTrigger<FormDataType>;
 }
 
 const SelectBox = ({

From 498d8a7e0f98f299584c8d594fb6760af6e97009 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Sun, 26 Feb 2023 00:18:18 +0900
Subject: [PATCH 073/131] =?UTF-8?q?refactor:=20index=20signature=20?=
 =?UTF-8?q?=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/cahoots/create.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/pages/cahoots/create.tsx b/src/pages/cahoots/create.tsx
index edb16e6..fbb7406 100644
--- a/src/pages/cahoots/create.tsx
+++ b/src/pages/cahoots/create.tsx
@@ -28,7 +28,6 @@ const typeOption = [
 ];
 
 export interface FormDataType {
-  [key: string]: any;
   title: string;
   shortDescription: string;
   images: Blob[];
@@ -66,11 +65,11 @@ export default function CreateCahoot() {
   const onSubmit = (data: FormDataType) => {
     const formData = new FormData();
 
-    for (const key in data) {
+    for (const [key, value] of Object.entries(data)) {
       if (key === 'images') {
-        data[key].forEach((img) => formData.append(key, img));
+        value.forEach((img: Blob) => formData.append(key, img));
       } else {
-        formData.append(key, data[key]);
+        formData.append(key, value);
       }
     }
 

From 5b8dc022b2cee1c4719f0cf97b207a9a52df9da4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Mon, 27 Feb 2023 00:43:45 +0900
Subject: [PATCH 074/131] =?UTF-8?q?chore:=20Props=20=EC=9D=BC=EB=B6=80=20?=
 =?UTF-8?q?=ED=83=80=EC=9E=85=EC=9D=84=20any=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
 =?UTF-8?q?(=EC=B6=94=ED=9B=84=20=EC=A0=9C=EB=84=A4=EB=A6=AD=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9=20=EC=98=88=EC=A0=95)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PlaceSearchBar.tsx        | 6 ++----
 src/components/common/DateRangeInput.tsx | 5 +----
 src/components/common/ImageUpload.tsx    | 5 ++---
 src/components/common/NumberInput.tsx    | 4 +---
 src/components/common/SelectBox.tsx      | 6 ++----
 5 files changed, 8 insertions(+), 18 deletions(-)

diff --git a/src/components/PlaceSearchBar.tsx b/src/components/PlaceSearchBar.tsx
index 1418ca8..22bec79 100644
--- a/src/components/PlaceSearchBar.tsx
+++ b/src/components/PlaceSearchBar.tsx
@@ -2,13 +2,11 @@ import { KeyboardEvent, useRef } from 'react';
 import Autocomplete from 'react-google-autocomplete';
 import { UseFormSetValue, UseFormTrigger } from 'react-hook-form';
 
-import { FormDataType } from '@/pages/cahoots/create';
-
 interface PropsType {
   name: string;
   country: string; // 국가코드
-  setValue: UseFormSetValue<FormDataType>;
-  trigger: UseFormTrigger<FormDataType>;
+  setValue: UseFormSetValue<any>; // TODO: 추후 수정
+  trigger: UseFormTrigger<any>; // TODO: 추후 수정
 }
 
 const PlaceSearchBar = ({ name, country, setValue, trigger }: PropsType) => {
diff --git a/src/components/common/DateRangeInput.tsx b/src/components/common/DateRangeInput.tsx
index e45a405..b45ecca 100644
--- a/src/components/common/DateRangeInput.tsx
+++ b/src/components/common/DateRangeInput.tsx
@@ -6,13 +6,10 @@ import { UseFormSetValue } from 'react-hook-form';
 
 import moment from 'moment';
 
-import { FormDataType } from '@/pages/cahoots/create';
-
-
 interface PropsType {
   startDateName: string;
   endDateName: string;
-  setValue: UseFormSetValue<FormDataType>;
+  setValue: UseFormSetValue<any>; // TODO: 추후 수정
 }
 
 const DateRangeInput = ({ startDateName, endDateName, setValue }: PropsType) => {
diff --git a/src/components/common/ImageUpload.tsx b/src/components/common/ImageUpload.tsx
index f8c3b47..9be7c5c 100644
--- a/src/components/common/ImageUpload.tsx
+++ b/src/components/common/ImageUpload.tsx
@@ -4,13 +4,12 @@ import { UseFormSetValue, UseFormTrigger } from 'react-hook-form';
 import Image from 'next/image';
 
 import Icon from '@/components/common/Icons';
-import { FormDataType } from '@/pages/cahoots/create';
 
 interface PropsType {
   id: string;
   name: string;
-  setValue: UseFormSetValue<FormDataType>;
-  trigger: UseFormTrigger<FormDataType>;
+  setValue: UseFormSetValue<any>; // TODO: 추후 수정
+  trigger: UseFormTrigger<any>; // TODO: 추후 수정
 }
 
 const ImageUpload = ({ id, name, setValue, trigger }: PropsType) => {
diff --git a/src/components/common/NumberInput.tsx b/src/components/common/NumberInput.tsx
index 2019e77..d5d0e71 100644
--- a/src/components/common/NumberInput.tsx
+++ b/src/components/common/NumberInput.tsx
@@ -1,8 +1,6 @@
 import React, { useState } from 'react';
 import { UseFormSetValue } from 'react-hook-form';
 
-import { FormDataType } from '@/pages/cahoots/create';
-
 interface PropsType {
   size: 'small' | 'large';
   min: number;
@@ -10,7 +8,7 @@ interface PropsType {
   unit?: number;
   value?: number;
   name: string;
-  setValue: UseFormSetValue<FormDataType>;
+  setValue: UseFormSetValue<any>;
 }
 
 const NumberInput = ({ size, min = 0, max = 100, unit = 1, name, setValue }: PropsType) => {
diff --git a/src/components/common/SelectBox.tsx b/src/components/common/SelectBox.tsx
index a797cbc..2fd4830 100644
--- a/src/components/common/SelectBox.tsx
+++ b/src/components/common/SelectBox.tsx
@@ -2,8 +2,6 @@ import { MouseEvent, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { UseFormSetValue, UseFormTrigger } from 'react-hook-form';
 
-import { FormDataType } from '@/pages/cahoots/create';
-
 import Icon from './Icons';
 
 interface SelectItem {
@@ -18,8 +16,8 @@ interface PropsType {
   changeItem: (item: string) => void;
   size: 'large' | 'small';
   name?: string;
-  setValue?: UseFormSetValue<FormDataType>;
-  trigger?: UseFormTrigger<FormDataType>;
+  setValue?: UseFormSetValue<any>; // TODO: 추후 수정
+  trigger?: UseFormTrigger<any>; // TODO: 추후 수정
 }
 
 const SelectBox = ({

From 1e90c67bddc92164e25b8702ab225cdb70560d5c Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Wed, 1 Mar 2023 00:00:08 +0900
Subject: [PATCH 075/131] =?UTF-8?q?chore:=20redux-persist=20=EC=84=A4?=
 =?UTF-8?q?=EC=B9=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json | 72 ++++++++++++++++++++++++++---------------------
 package.json      |  1 +
 2 files changed, 41 insertions(+), 32 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 20f2df6..12f6342 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -29,6 +29,7 @@
         "react-google-autocomplete": "^2.7.3",
         "react-hook-form": "^7.42.1",
         "react-redux": "^8.0.5",
+        "redux-persist": "^6.0.0",
         "sharp": "^0.31.3",
         "typescript": "4.9.4"
       },
@@ -1336,7 +1337,6 @@
       "version": "10.4.13",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
       "integrity": "sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -1476,7 +1476,6 @@
       "version": "4.21.4",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz",
       "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -1987,8 +1986,7 @@
     "node_modules/electron-to-chromium": {
       "version": "1.4.284",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz",
-      "integrity": "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==",
-      "dev": true
+      "integrity": "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA=="
     },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
@@ -2133,7 +2131,6 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
       "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -2734,7 +2731,6 @@
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
       "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==",
-      "dev": true,
       "engines": {
         "node": "*"
       },
@@ -3939,8 +3935,7 @@
     "node_modules/node-releases": {
       "version": "2.0.8",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.8.tgz",
-      "integrity": "sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A==",
-      "dev": true
+      "integrity": "sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A=="
     },
     "node_modules/normalize-path": {
       "version": "3.0.0",
@@ -3954,7 +3949,6 @@
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
       "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4875,6 +4869,14 @@
         "deep-diff": "^0.3.5"
       }
     },
+    "node_modules/redux-persist": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/redux-persist/-/redux-persist-6.0.0.tgz",
+      "integrity": "sha512-71LLMbUq2r02ng2We9S215LtPu3fY0KgaGE0k8WRgl6RkqxtGfl7HUozz1Dftwsb0D/5mZ8dwAaPbtnzfvbEwQ==",
+      "peerDependencies": {
+        "redux": ">4.0.0"
+      }
+    },
     "node_modules/redux-thunk": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.2.tgz",
@@ -5670,7 +5672,6 @@
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz",
       "integrity": "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -6051,7 +6052,8 @@
     "@rollup/plugin-virtual": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-virtual/-/plugin-virtual-3.0.0.tgz",
-      "integrity": "sha512-K9KORe1myM62o0lKkNR4MmCxjwuAXsZEtIHpaILfv4kILXTOrXt/R2ha7PzMcCHPYdnkWPiBZK8ed4Zr3Ll5lQ=="
+      "integrity": "sha512-K9KORe1myM62o0lKkNR4MmCxjwuAXsZEtIHpaILfv4kILXTOrXt/R2ha7PzMcCHPYdnkWPiBZK8ed4Zr3Ll5lQ==",
+      "requires": {}
     },
     "@rollup/pluginutils": {
       "version": "4.2.1",
@@ -6527,7 +6529,8 @@
     "acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "requires": {}
     },
     "acorn-node": {
       "version": "1.8.2",
@@ -6716,7 +6719,6 @@
       "version": "10.4.13",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
       "integrity": "sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==",
-      "dev": true,
       "requires": {
         "browserslist": "^4.21.4",
         "caniuse-lite": "^1.0.30001426",
@@ -6807,7 +6809,6 @@
       "version": "4.21.4",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz",
       "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
-      "dev": true,
       "requires": {
         "caniuse-lite": "^1.0.30001400",
         "electron-to-chromium": "^1.4.251",
@@ -7153,8 +7154,7 @@
     "electron-to-chromium": {
       "version": "1.4.284",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz",
-      "integrity": "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==",
-      "dev": true
+      "integrity": "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA=="
     },
     "emoji-regex": {
       "version": "9.2.2",
@@ -7274,8 +7274,7 @@
     "escalade": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "dev": true
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw=="
     },
     "escape-string-regexp": {
       "version": "4.0.0",
@@ -7348,7 +7347,8 @@
       "version": "8.6.0",
       "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.6.0.tgz",
       "integrity": "sha512-bAF0eLpLVqP5oEVUFKpMA+NnRFICwn9X8B5jrR9FcqnYBuPbqWEjTEspPWMj5ye6czoSLDweCzSo3Ko7gGrZaA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "eslint-import-resolver-node": {
       "version": "0.3.7",
@@ -7546,7 +7546,8 @@
     "eslint-plugin-react-hooks": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
-      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g=="
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+      "requires": {}
     },
     "eslint-scope": {
       "version": "7.1.1",
@@ -7723,8 +7724,7 @@
     "fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
-      "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==",
-      "dev": true
+      "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA=="
     },
     "fs-constants": {
       "version": "1.0.0",
@@ -8525,7 +8525,8 @@
     "next-redux-wrapper": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/next-redux-wrapper/-/next-redux-wrapper-8.1.0.tgz",
-      "integrity": "sha512-2hIau0hcI6uQszOtrvAFqgc0NkZegKYhBB7ZAKiG3jk7zfuQb4E7OV9jfxViqqojh3SEHdnFfPkN9KErttUKuw=="
+      "integrity": "sha512-2hIau0hcI6uQszOtrvAFqgc0NkZegKYhBB7ZAKiG3jk7zfuQb4E7OV9jfxViqqojh3SEHdnFfPkN9KErttUKuw==",
+      "requires": {}
     },
     "node-abi": {
       "version": "3.32.0",
@@ -8551,8 +8552,7 @@
     "node-releases": {
       "version": "2.0.8",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.8.tgz",
-      "integrity": "sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A==",
-      "dev": true
+      "integrity": "sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A=="
     },
     "normalize-path": {
       "version": "3.0.0",
@@ -8562,8 +8562,7 @@
     "normalize-range": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
-      "dev": true
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA=="
     },
     "npmlog": {
       "version": "4.1.2",
@@ -8858,7 +8857,8 @@
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.2.2.tgz",
       "integrity": "sha512-5RjUbWRe305pUpc48MosoIp6uxZvZxrM6GyOgsbGLTce+ehePKNm7ziW2dLG2air9aXbGuXlHVSQQw4Lbosq3w==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "process-nextick-args": {
       "version": "2.0.1",
@@ -8996,7 +8996,8 @@
     "react-hook-form": {
       "version": "7.42.1",
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.42.1.tgz",
-      "integrity": "sha512-2UIGqwMZksd5HS55crTT1ATLTr0rAI4jS7yVuqTaoRVDhY2Qc4IyjskCmpnmdYqUNOYFy04vW253tb2JRVh+IQ=="
+      "integrity": "sha512-2UIGqwMZksd5HS55crTT1ATLTr0rAI4jS7yVuqTaoRVDhY2Qc4IyjskCmpnmdYqUNOYFy04vW253tb2JRVh+IQ==",
+      "requires": {}
     },
     "react-is": {
       "version": "16.13.1",
@@ -9141,10 +9142,17 @@
         "deep-diff": "^0.3.5"
       }
     },
+    "redux-persist": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/redux-persist/-/redux-persist-6.0.0.tgz",
+      "integrity": "sha512-71LLMbUq2r02ng2We9S215LtPu3fY0KgaGE0k8WRgl6RkqxtGfl7HUozz1Dftwsb0D/5mZ8dwAaPbtnzfvbEwQ==",
+      "requires": {}
+    },
     "redux-thunk": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.2.tgz",
-      "integrity": "sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q=="
+      "integrity": "sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q==",
+      "requires": {}
     },
     "reflect.ownkeys": {
       "version": "0.2.0",
@@ -9697,7 +9705,6 @@
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz",
       "integrity": "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==",
-      "dev": true,
       "requires": {
         "escalade": "^3.1.1",
         "picocolors": "^1.0.0"
@@ -9714,7 +9721,8 @@
     "use-sync-external-store": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
-      "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA=="
+      "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==",
+      "requires": {}
     },
     "util-deprecate": {
       "version": "1.0.2",
diff --git a/package.json b/package.json
index 57cfc8d..8004cf5 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
     "react-google-autocomplete": "^2.7.3",
     "react-hook-form": "^7.42.1",
     "react-redux": "^8.0.5",
+    "redux-persist": "^6.0.0",
     "sharp": "^0.31.3",
     "typescript": "4.9.4"
   },

From 3b19b146d48035dac8cbb47b89d3a95208c7ab56 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Wed, 1 Mar 2023 00:53:37 +0900
Subject: [PATCH 076/131] =?UTF-8?q?feat:=20userSlice=20=EC=83=9D=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/modules/user.ts | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/store/modules/user.ts

diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
new file mode 100644
index 0000000..26b0f9b
--- /dev/null
+++ b/src/store/modules/user.ts
@@ -0,0 +1,35 @@
+//store/modules/counter.ts
+import { HYDRATE } from 'next-redux-wrapper';
+
+import { createSlice, createAction } from '@reduxjs/toolkit';
+import type { PayloadAction } from '@reduxjs/toolkit';
+
+type UserState = {
+  token: string;
+};
+
+const hydrate = createAction<UserState>(HYDRATE);
+const initialState: UserState = {
+  token: '',
+};
+const userSlice = createSlice({
+  name: 'user',
+  initialState,
+  reducers: {
+    setToken: (state, action: PayloadAction<string>) => {
+      state.token = action.payload;
+    },
+  },
+  extraReducers: (builder) => {
+    builder.addCase(hydrate, (state, action) => {
+      console.log('HYDRATE user', action.payload);
+      if (!action.payload.token) {
+        return state;
+      }
+      state.token = action.payload.token;
+    });
+  },
+});
+
+export const { setToken } = userSlice.actions;
+export default userSlice;

From 0055b86552d6558b59fc09e7decb72172fc4a046 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Wed, 1 Mar 2023 00:54:45 +0900
Subject: [PATCH 077/131] =?UTF-8?q?feat:=20userSlice=20redux-persist=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/_app.tsx         | 10 +++++++---
 src/store/index.ts         | 17 +++++++++++------
 src/store/modules/index.ts | 13 ++++++++++++-
 3 files changed, 30 insertions(+), 10 deletions(-)

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 948e9f1..08dfefb 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -2,13 +2,15 @@ import '@/styles/globals.css';
 
 import { Provider } from 'react-redux';
 
+import { PersistGate } from 'redux-persist/integration/react';
+
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 
-import wrapper from '../store';
-
 import type { AppProps } from 'next/app';
 
+import wrapper, { persistor } from '../store';
+
 const queryClient = new QueryClient({
   defaultOptions: { queries: { suspense: true, useErrorBoundary: true } },
 });
@@ -19,7 +21,9 @@ const App = ({ Component, ...rest }: AppProps) => {
   return (
     <Provider store={store}>
       <QueryClientProvider client={queryClient}>
-        <Component {...pageProps} />
+        <PersistGate loading={null} persistor={persistor}>
+          <Component {...pageProps} />
+        </PersistGate>
         <ReactQueryDevtools />
       </QueryClientProvider>
     </Provider>
diff --git a/src/store/index.ts b/src/store/index.ts
index 2e5fe4a..7d2c9a6 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -2,6 +2,7 @@ import { useDispatch, useSelector, type TypedUseSelectorHook } from 'react-redux
 
 import { createWrapper } from 'next-redux-wrapper';
 import logger from 'redux-logger';
+import { persistStore } from 'redux-persist';
 
 import { configureStore } from '@reduxjs/toolkit';
 import type { ThunkAction } from '@reduxjs/toolkit';
@@ -10,12 +11,16 @@ import rootReducer from './modules';
 
 import type { Action } from 'redux';
 
-const makeStore = () =>
-  configureStore({
-    reducer: rootReducer,
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(logger),
-    devTools: process.env.NODE_ENV === 'development',
-  });
+const store = configureStore({
+  reducer: rootReducer,
+  middleware: (getDefaultMiddleware) =>
+    getDefaultMiddleware({ serializableCheck: false }).concat(logger),
+  devTools: process.env.NODE_ENV === 'development',
+});
+
+const makeStore = () => store;
+
+export const persistor = persistStore(store);
 
 const wrapper = createWrapper(makeStore);
 
diff --git a/src/store/modules/index.ts b/src/store/modules/index.ts
index e5ca342..293d6ae 100644
--- a/src/store/modules/index.ts
+++ b/src/store/modules/index.ts
@@ -1,12 +1,22 @@
 import { HYDRATE } from 'next-redux-wrapper';
 import { combineReducers } from 'redux';
+import { persistReducer } from 'redux-persist';
+import storage from 'redux-persist/lib/storage';
 
 import cahootOrderSlice from './cahootOrder';
+import userSlice from './user';
 
 const combinedReducer = combineReducers({
   [cahootOrderSlice.name]: cahootOrderSlice.reducer,
+  [userSlice.name]: userSlice.reducer,
 });
 
+const persistConfig = {
+  key: 'root',
+  storage,
+  whitelist: ['user'],
+};
+
 const rootReducer: typeof combinedReducer = (state, action) => {
   if (action.type === HYDRATE) {
     const nextState = {
@@ -18,4 +28,5 @@ const rootReducer: typeof combinedReducer = (state, action) => {
     return combinedReducer(state, action);
   }
 };
-export default rootReducer;
+
+export default persistReducer(persistConfig, rootReducer);

From 8e11f6be783c7cb1f51e1066691667af82db1f7b Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Wed, 1 Mar 2023 00:56:43 +0900
Subject: [PATCH 078/131] =?UTF-8?q?feat:=20=EA=B5=AC=EA=B8=80=20=EB=A1=9C?=
 =?UTF-8?q?=EA=B7=B8=EC=9D=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=9D=B4?=
 =?UTF-8?q?=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 next.config.js                    | 8 +++++++-
 src/components/SocialLoginBtn.tsx | 9 +++++++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/next.config.js b/next.config.js
index e26d355..b4ee93f 100644
--- a/next.config.js
+++ b/next.config.js
@@ -18,7 +18,13 @@ const moduleExports = {
   },
 
   async rewrites() {
-    return [{ source: '/api/:path*', destination: `${process.env.SERVER_DOMAIN}/api/:path*` }];
+    return [
+      { source: '/api/:path*', destination: `${process.env.SERVER_DOMAIN}/api/:path*` },
+      {
+        source: '/oauth2/authorization/:path*',
+        destination: `${process.env.SERVER_DOMAIN}/oauth2/authorization/:path*`,
+      },
+    ];
   },
   sentry: {
     // Use `hidden-source-map` rather than `source-map` as the Webpack `devtool`
diff --git a/src/components/SocialLoginBtn.tsx b/src/components/SocialLoginBtn.tsx
index 7b16bfa..441d1fc 100644
--- a/src/components/SocialLoginBtn.tsx
+++ b/src/components/SocialLoginBtn.tsx
@@ -1,3 +1,5 @@
+import Link from 'next/link';
+
 import Icon from '@/components/common/Icons';
 
 type SocialType = 'Google';
@@ -8,11 +10,14 @@ interface PropsType {
 
 const SocialLoginBtn = ({ socialType }: PropsType) => {
   return (
-    <button className="btn w-96 gap-8 bg-transparent hover:bg-main hover:text-white text-black font-bold border-black/10 hover:border-transparent normal-case">
+    <Link
+      href="/oauth2/authorization/google"
+      className="btn w-96 gap-8 border-black/10 bg-transparent font-bold normal-case text-black hover:border-transparent hover:bg-main hover:text-white"
+    >
       {/* socialType: 소셜 로그인 방식 */}
       {socialType === 'Google' && <Icon.Google />}
       {socialType}로 계속하기
-    </button>
+    </Link>
   );
 };
 

From a15b77c983969871f8c30e13451f8bfb13238586 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Wed, 1 Mar 2023 15:23:01 +0900
Subject: [PATCH 079/131] =?UTF-8?q?feat:=20=EA=B5=AC=EA=B8=80=20=EB=A1=9C?=
 =?UTF-8?q?=EA=B7=B8=EC=9D=B8=20=EB=A6=AC=EB=8B=A4=EC=9D=B4=EB=A0=89?=
 =?UTF-8?q?=ED=8A=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/oauth2/redirect.tsx | 44 +++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 src/pages/oauth2/redirect.tsx

diff --git a/src/pages/oauth2/redirect.tsx b/src/pages/oauth2/redirect.tsx
new file mode 100644
index 0000000..c4a5bd8
--- /dev/null
+++ b/src/pages/oauth2/redirect.tsx
@@ -0,0 +1,44 @@
+import { useEffect } from 'react';
+
+import { useRouter } from 'next/router';
+
+import { useTypeDispatch } from '@/store';
+import { setId, setToken } from '@/store/modules/user';
+
+import type { GetServerSideProps, InferGetServerSidePropsType } from 'next';
+
+const Redirect = ({ token, id }: InferGetServerSidePropsType<typeof getServerSideProps>) => {
+  const dispatch = useTypeDispatch();
+  const router = useRouter();
+
+  useEffect(() => {
+    dispatch(setToken(token));
+    dispatch(setId(id));
+    router.replace('/');
+  }, [dispatch, router, token, id]);
+
+  return <></>;
+};
+
+export const getServerSideProps: GetServerSideProps<{ token: string; id: number }> = async (
+  context
+) => {
+  const { token } = context.query;
+  if (typeof token !== 'string' || !token) return { notFound: true };
+  try {
+    const jwtPayload = JSON.parse(Buffer.from(token.split('.')[1], 'base64').toString());
+    return {
+      props: {
+        token,
+        id: jwtPayload.id,
+      },
+    };
+  } catch (e) {
+    console.error(e);
+    return {
+      notFound: true,
+    };
+  }
+};
+
+export default Redirect;

From 446c2a94fee51c347828399e6f1cdc1687ba98c4 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Wed, 1 Mar 2023 15:23:19 +0900
Subject: [PATCH 080/131] =?UTF-8?q?feat:=20userSlice=20id=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/modules/user.ts | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 26b0f9b..06b1f3d 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -5,12 +5,14 @@ import { createSlice, createAction } from '@reduxjs/toolkit';
 import type { PayloadAction } from '@reduxjs/toolkit';
 
 type UserState = {
-  token: string;
+  id: number | undefined;
+  token: string | undefined;
 };
 
 const hydrate = createAction<UserState>(HYDRATE);
 const initialState: UserState = {
-  token: '',
+  id: undefined,
+  token: undefined,
 };
 const userSlice = createSlice({
   name: 'user',
@@ -19,6 +21,9 @@ const userSlice = createSlice({
     setToken: (state, action: PayloadAction<string>) => {
       state.token = action.payload;
     },
+    setId: (state, action: PayloadAction<number>) => {
+      state.id = action.payload;
+    },
   },
   extraReducers: (builder) => {
     builder.addCase(hydrate, (state, action) => {
@@ -31,5 +36,5 @@ const userSlice = createSlice({
   },
 });
 
-export const { setToken } = userSlice.actions;
+export const { setToken, setId } = userSlice.actions;
 export default userSlice;

From 7113d3ab0dbb7f6fcbfd59b9f7777e745964dc88 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Wed, 1 Mar 2023 15:23:51 +0900
Subject: [PATCH 081/131] =?UTF-8?q?refactor:=20=EC=86=8C=EC=85=9C=20?=
 =?UTF-8?q?=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=EB=B2=84=ED=8A=BC=20=EB=8F=99?=
 =?UTF-8?q?=EC=A0=81=20url?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SocialLoginBtn.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/SocialLoginBtn.tsx b/src/components/SocialLoginBtn.tsx
index 441d1fc..6d134d0 100644
--- a/src/components/SocialLoginBtn.tsx
+++ b/src/components/SocialLoginBtn.tsx
@@ -11,7 +11,7 @@ interface PropsType {
 const SocialLoginBtn = ({ socialType }: PropsType) => {
   return (
     <Link
-      href="/oauth2/authorization/google"
+      href={`/oauth2/authorization/${socialType.toLowerCase()}`}
       className="btn w-96 gap-8 border-black/10 bg-transparent font-bold normal-case text-black hover:border-transparent hover:bg-main hover:text-white"
     >
       {/* socialType: 소셜 로그인 방식 */}

From 327203764b7baa7072ab29dab5fd672d61445392 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Wed, 1 Mar 2023 16:42:23 +0900
Subject: [PATCH 082/131] =?UTF-8?q?chore:=20=EC=84=9C=EB=B2=84=20=EB=8F=84?=
 =?UTF-8?q?=EB=A9=94=EC=9D=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.env b/.env
index 492d810..50583e7 100644
--- a/.env
+++ b/.env
@@ -1 +1 @@
-SERVER_DOMAIN=http://43.201.148.129:8080
\ No newline at end of file
+SERVER_DOMAIN=http://wealth-server.kro.kr
\ No newline at end of file

From 4ee0399f72e64b4a02a6e8a02a588b65e263f026 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Wed, 1 Mar 2023 16:43:26 +0900
Subject: [PATCH 083/131] =?UTF-8?q?fix:=20=EC=86=8C=EC=85=9C=20=EB=A1=9C?=
 =?UTF-8?q?=EA=B7=B8=EC=9D=B8=20href=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- rewrites 방식 대신 직접 서버 url로 이동
---
 next.config.js                    | 8 +-------
 src/components/SocialLoginBtn.tsx | 2 +-
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/next.config.js b/next.config.js
index b4ee93f..e26d355 100644
--- a/next.config.js
+++ b/next.config.js
@@ -18,13 +18,7 @@ const moduleExports = {
   },
 
   async rewrites() {
-    return [
-      { source: '/api/:path*', destination: `${process.env.SERVER_DOMAIN}/api/:path*` },
-      {
-        source: '/oauth2/authorization/:path*',
-        destination: `${process.env.SERVER_DOMAIN}/oauth2/authorization/:path*`,
-      },
-    ];
+    return [{ source: '/api/:path*', destination: `${process.env.SERVER_DOMAIN}/api/:path*` }];
   },
   sentry: {
     // Use `hidden-source-map` rather than `source-map` as the Webpack `devtool`
diff --git a/src/components/SocialLoginBtn.tsx b/src/components/SocialLoginBtn.tsx
index 6d134d0..f794bd1 100644
--- a/src/components/SocialLoginBtn.tsx
+++ b/src/components/SocialLoginBtn.tsx
@@ -11,7 +11,7 @@ interface PropsType {
 const SocialLoginBtn = ({ socialType }: PropsType) => {
   return (
     <Link
-      href={`/oauth2/authorization/${socialType.toLowerCase()}`}
+      href={`http://wealth-server.kro.kr/oauth2/authorization/${socialType.toLowerCase()}`}
       className="btn w-96 gap-8 border-black/10 bg-transparent font-bold normal-case text-black hover:border-transparent hover:bg-main hover:text-white"
     >
       {/* socialType: 소셜 로그인 방식 */}

From 9b842a0c445e61c8d87bc195a80ec9de88aca7de Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Wed, 1 Mar 2023 17:24:22 +0900
Subject: [PATCH 084/131] =?UTF-8?q?feat:=20userSlice=20logout=20action=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/modules/user.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 06b1f3d..1d80727 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -24,6 +24,10 @@ const userSlice = createSlice({
     setId: (state, action: PayloadAction<number>) => {
       state.id = action.payload;
     },
+    logout: (state) => {
+      state.token = undefined;
+      state.id = undefined;
+    },
   },
   extraReducers: (builder) => {
     builder.addCase(hydrate, (state, action) => {
@@ -36,5 +40,5 @@ const userSlice = createSlice({
   },
 });
 
-export const { setToken, setId } = userSlice.actions;
+export const { setToken, setId, logout } = userSlice.actions;
 export default userSlice;

From 49b9d509196b0b22ac0faad6032fb8a8e3323cea Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Wed, 1 Mar 2023 17:25:21 +0900
Subject: [PATCH 085/131] =?UTF-8?q?feat:=20=ED=97=A4=EB=8D=94=20=EB=A1=9C?=
 =?UTF-8?q?=EA=B7=B8=EC=9D=B8=20=EC=83=81=ED=83=9C=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 로그인 상태에 따라 유저 버튼 드롭다운 아이템 변경
---
 src/components/common/Header.tsx | 65 +++++++++++++++++++++-----------
 1 file changed, 43 insertions(+), 22 deletions(-)

diff --git a/src/components/common/Header.tsx b/src/components/common/Header.tsx
index 11ae0e4..8652948 100644
--- a/src/components/common/Header.tsx
+++ b/src/components/common/Header.tsx
@@ -1,5 +1,8 @@
 import Link from 'next/link';
 
+import { useTypeDispatch, useTypeSelector } from '@/store';
+import { logout } from '@/store/modules/user';
+
 import Icon from './Icons';
 
 interface HeaderPropsType {
@@ -7,21 +10,28 @@ interface HeaderPropsType {
 }
 
 const Header = ({ hideOnMobile = false }: HeaderPropsType) => {
+  const dispatch = useTypeDispatch();
+  const { id } = useTypeSelector((state) => state.user);
+
+  const onLogoutClick = () => {
+    dispatch(logout());
+  };
+
   return (
     <div
       className={`${
-        hideOnMobile ? 'md:visible invisible' : ''
-      } fixed z-50 bg-base-100 navbar border-b border-grey md:shadow-md md:border-none justify-center`}
+        hideOnMobile ? 'invisible md:visible' : ''
+      } navbar fixed z-50 justify-center border-b border-grey bg-base-100 md:border-none md:shadow-md`}
     >
-      <div className="max-w-3xl justify-center w-full">
+      <div className="w-full max-w-3xl justify-center">
         <div className="navbar-start flex">
           <Link
             href="/"
-            className="hidden md:inline-flex btn btn-ghost normal-case text-2xl font-black text-main"
+            className="btn-ghost btn hidden text-2xl font-black normal-case text-main md:inline-flex"
           >
             Marble
           </Link>
-          <ul className="hidden md:flex menu menu-horizontal px-1">
+          <ul className="menu menu-horizontal hidden px-1 md:flex">
             <li>
               <Link href="/cahoots" className="font-black">
                 공모
@@ -35,21 +45,21 @@ const Header = ({ hideOnMobile = false }: HeaderPropsType) => {
           </ul>
         </div>
         <div className="navbar-center flex md:hidden">
-          <Link href="/" className="btn btn-ghost normal-case text-2xl font-black text-main">
+          <Link href="/" className="btn-ghost btn text-2xl font-black normal-case text-main">
             Marble
           </Link>
         </div>
         <div className="navbar-end flex">
-          <div className="dropdown dropdown-end">
-            <label tabIndex={0} className="btn btn-ghost btn-circle">
+          <div className="dropdown-end dropdown">
+            <label tabIndex={0} className="btn-ghost btn-circle btn">
               <div className="indicator">
                 <Icon.Bell />
-                <span className="badge badge-xs bg-main border-main indicator-item"></span>
+                <span className="badge badge-xs indicator-item border-main bg-main"></span>
               </div>
             </label>
             <ul
               tabIndex={0}
-              className="menu menu-compact dropdown-content mt-3 p-2 shadow bg-base-100 rounded-box w-60"
+              className="dropdown-content menu rounded-box menu-compact mt-3 w-60 bg-base-100 p-2 shadow"
             >
               <li>
                 <a>알림 내역입니다.</a>
@@ -68,23 +78,34 @@ const Header = ({ hideOnMobile = false }: HeaderPropsType) => {
               </li>
             </ul>
           </div>
-          <div className="hidden md:inline-block dropdown dropdown-end">
-            <label tabIndex={0} className="btn btn-ghost btn-circle">
+          <div className="dropdown-end dropdown hidden md:inline-block">
+            <label tabIndex={0} className="btn-ghost btn-circle btn">
               <Icon.User />
             </label>
             <ul
               tabIndex={0}
-              className="menu menu-compact dropdown-content mt-3 p-2 shadow bg-base-100 rounded-box accent-main"
+              className="dropdown-content menu rounded-box menu-compact mt-3 bg-base-100 p-2 accent-main shadow"
             >
-              <li>
-                <a>Profile</a>
-              </li>
-              <li>
-                <a>Settings</a>
-              </li>
-              <li>
-                <a>Logout</a>
-              </li>
+              {id ? (
+                <>
+                  <li>
+                    <Link href="/mypage" className="break-keep">
+                      마이페이지
+                    </Link>
+                  </li>
+                  <li>
+                    <button onClick={onLogoutClick}>로그아웃</button>
+                  </li>
+                </>
+              ) : (
+                <>
+                  <li>
+                    <Link href="/login" className="break-keep">
+                      로그인
+                    </Link>
+                  </li>
+                </>
+              )}
             </ul>
           </div>
         </div>

From e97557296ccecf5541d2cf411800eacd0cf54c91 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Wed, 1 Mar 2023 17:42:34 +0900
Subject: [PATCH 086/131] =?UTF-8?q?feat:=20=EA=B2=80=EC=83=89=20=EB=AA=A9?=
 =?UTF-8?q?=EB=A1=9D=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=B5=9C?=
 =?UTF-8?q?=EC=86=8C=20=EB=86=92=EC=9D=B4=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cahoot/List.tsx | 2 +-
 src/components/market/List.tsx | 2 +-
 tailwind.config.js             | 3 +++
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/cahoot/List.tsx b/src/components/cahoot/List.tsx
index f1a5e0c..b76a3d9 100644
--- a/src/components/cahoot/List.tsx
+++ b/src/components/cahoot/List.tsx
@@ -17,7 +17,7 @@ const List = () => {
   };
 
   return (
-    <div className="flex flex-col gap-4 px-4 md:px-0">
+    <div className="flex min-h-list flex-col gap-4 px-4 md:px-0">
       <div className="flex items-center justify-between">
         <label className="font-bold">공모 목록</label>
         <form onSubmit={onSubmit}>
diff --git a/src/components/market/List.tsx b/src/components/market/List.tsx
index 5cf6a27..61f0660 100644
--- a/src/components/market/List.tsx
+++ b/src/components/market/List.tsx
@@ -16,7 +16,7 @@ const List = () => {
   };
 
   return (
-    <div className="flex flex-col gap-4 px-4 md:px-0">
+    <div className="flex min-h-list flex-col gap-4 px-4 md:px-0">
       <div className="flex items-center justify-between">
         <label className="font-bold">마켓 목록</label>
         <form onSubmit={onSubmit}>
diff --git a/tailwind.config.js b/tailwind.config.js
index 5df1bb3..b0c0c0c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -33,6 +33,9 @@ module.exports = {
       padding: {
         18: '4.5rem',
       },
+      minHeight: {
+        list: 'calc(100vh - 70px)',
+      },
     },
   },
   daisyui: {

From 9be513a92ca7ff5fa4d66b27fbd389af761bc1f3 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Wed, 1 Mar 2023 17:46:37 +0900
Subject: [PATCH 087/131] =?UTF-8?q?feat:=20=EA=B4=80=EC=8B=AC=20=EA=B3=B5?=
 =?UTF-8?q?=EB=AA=A8=20=EC=BA=90=EB=9F=AC=EC=85=80=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/market/Interests.tsx | 12 +++++++++---
 src/pages/cahoots/index.tsx         |  9 ++++++++-
 src/pages/markets/index.tsx         |  6 ++----
 3 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/components/market/Interests.tsx b/src/components/market/Interests.tsx
index e3fea74..1d15036 100644
--- a/src/components/market/Interests.tsx
+++ b/src/components/market/Interests.tsx
@@ -7,13 +7,19 @@ import Carousel from '../common/Carousel';
 import Icon from '../common/Icons';
 
 interface InterestsProps {
+  type: 'cahoot' | 'market';
   scrollRef: React.RefObject<HTMLDivElement>;
 }
 
-const Interests = ({ scrollRef }: InterestsProps) => {
+const TypeUrlPathMap = {
+  cahoot: 'cahoots',
+  market: 'markets',
+} as const;
+
+const Interests = ({ scrollRef, type }: InterestsProps) => {
   const {
     data: { data: interests },
-  } = useSuspendedQuery<Response<{ id: number; title: string }[]>>(['market/interests'], () =>
+  } = useSuspendedQuery<Response<{ id: number; title: string }[]>>([`${type}/interests`], () =>
     fetch(`${process.env.NEXT_PUBLIC_HOST}/api/mock/markets/interests`).then((res) => res.json())
   );
 
@@ -40,7 +46,7 @@ const Interests = ({ scrollRef }: InterestsProps) => {
         {interests.map(({ id, title }) => (
           <Link
             key={id}
-            href={`/markets/detail/${id}`}
+            href={`/${TypeUrlPathMap[type]}/detail/${id}`}
             className="carousel-item flex-col items-center font-semibold"
           >
             <div className="relative flex h-24 w-52 items-center break-keep rounded bg-gradient-to-br from-blue-start to-blue-end p-6 text-center text-sm text-white">
diff --git a/src/pages/cahoots/index.tsx b/src/pages/cahoots/index.tsx
index 30a417a..52b50a6 100644
--- a/src/pages/cahoots/index.tsx
+++ b/src/pages/cahoots/index.tsx
@@ -1,15 +1,18 @@
-import { Suspense } from 'react';
+import { Suspense, useRef } from 'react';
 
 import DeadlineBanner from '@/components/cahoot/DeadlineBanner';
 import DeadlineCarousel from '@/components/cahoot/DeadlineCarousel';
 import List from '@/components/cahoot/List';
 import Recap from '@/components/cahoot/Recap';
 import Layout from '@/components/common/Layout';
+import Interests from '@/components/market/Interests';
 import { ErrorBoundary } from '@sentry/nextjs';
 
 import type { GetServerSideProps } from 'next';
 
 const Cahoots = () => {
+  const scrollRef = useRef<HTMLDivElement>(null);
+
   return (
     <Layout>
       <div className="space-y-4">
@@ -24,12 +27,16 @@ const Cahoots = () => {
           <Suspense fallback={<p>로딩...</p>}>
             <DeadlineBanner />
           </Suspense>
+          <Suspense fallback={<p>로딩...</p>}>
+            <Interests type="cahoot" scrollRef={scrollRef} />
+          </Suspense>
           <Suspense fallback={<p>로딩...</p>}>
             <DeadlineCarousel />
           </Suspense>
           <Suspense fallback={<p>로딩...</p>}>
             <Recap />
           </Suspense>
+          <div ref={scrollRef}></div>
           <List />
         </ErrorBoundary>
       </div>
diff --git a/src/pages/markets/index.tsx b/src/pages/markets/index.tsx
index 5faa207..fe3a245 100644
--- a/src/pages/markets/index.tsx
+++ b/src/pages/markets/index.tsx
@@ -28,7 +28,7 @@ const Markets = () => {
             <DeadlineBanner />
           </Suspense>
           <Suspense fallback={<p>로딩...</p>}>
-            <Interests scrollRef={scrollRef} />
+            <Interests type="market" scrollRef={scrollRef} />
           </Suspense>
           <div className="flex flex-col-reverse md:flex-row md:justify-center">
             <div className="md:w-1/2 md:pr-2">
@@ -41,9 +41,7 @@ const Markets = () => {
             </div>
           </div>
           <div ref={scrollRef}></div>
-          <Suspense fallback={<p>로딩...</p>}>
-            <List />
-          </Suspense>
+          <List />
         </ErrorBoundary>
       </div>
     </Layout>

From c6c917b48ae9fc7ffda0247c1fde4d74e2624380 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Wed, 1 Mar 2023 19:52:59 +0900
Subject: [PATCH 088/131] =?UTF-8?q?style:=20=EB=A7=88=EC=9D=B4=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EB=8D=B0=EC=8A=A4=ED=81=AC=ED=83=91=20?=
 =?UTF-8?q?=EB=A9=94=EB=89=B4=20UI=20=EA=B5=AC=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/mypage.tsx | 83 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 83 insertions(+)
 create mode 100644 src/pages/mypage.tsx

diff --git a/src/pages/mypage.tsx b/src/pages/mypage.tsx
new file mode 100644
index 0000000..5fc1d6e
--- /dev/null
+++ b/src/pages/mypage.tsx
@@ -0,0 +1,83 @@
+import { Suspense } from 'react';
+
+import { GetServerSideProps } from 'next';
+import Image from 'next/image';
+import Link from 'next/link';
+
+import Layout from '@/components/common/Layout';
+import { ErrorBoundary } from '@sentry/nextjs';
+
+const Mypage = () => {
+  return (
+    <Layout>
+      <div className="mb-60 flex flex-col gap-6 md:mb-0">
+        <Suspense fallback={<p>로딩...</p>}>
+          <ErrorBoundary
+            fallback={({ resetError, error }) => (
+              <>
+                <p>{error.message}</p>
+                <button onClick={() => resetError()}>reset</button>
+              </>
+            )}
+          >
+            <div className="flex justify-between py-12">
+              <div className="hidden w-1/4 md:block">
+                <p className="text-xl font-black">마이페이지</p>
+                <div className="avatar my-4">
+                  <div className="w-32 rounded-l-lg md:rounded-lg"></div>
+                  {/* {images[0] && ( */}
+                  <Image
+                    src="/images/thumbnail.jpeg"
+                    alt=""
+                    className="rounded-full"
+                    fill
+                    sizes="128px"
+                  />
+                  {/* )} */}
+                </div>
+                <ul className="menu w-4/5 bg-base-100">
+                  <hr className="my-2 border border-main"></hr>
+                  <li>
+                    <Link href="/" className="font-medium">
+                      내 정보
+                    </Link>
+                  </li>
+                  <li>
+                    <Link href="/" className="font-medium">
+                      공모 내역
+                    </Link>
+                  </li>{' '}
+                  <li>
+                    <Link href="/" className="font-medium">
+                      거래 현황
+                    </Link>
+                  </li>
+                  <li>
+                    <Link href="/" className="font-medium">
+                      자산 현황
+                    </Link>
+                  </li>
+                  <hr className="my-2 border border-main"></hr>
+                  <li>
+                    <Link href="/" className="font-medium">
+                      로그아웃
+                    </Link>
+                  </li>
+                </ul>
+              </div>
+              <div className="w-full bg-main md:w-3/4">우측</div>
+            </div>
+          </ErrorBoundary>
+        </Suspense>
+      </div>
+    </Layout>
+  );
+};
+
+export const getServerSideProps: GetServerSideProps = async () => {
+  return {
+    props: {},
+  };
+};
+
+export default Mypage;

From d4922d1aa1ddba10306f9a2e93cd7d5afe888e41 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Wed, 1 Mar 2023 23:24:33 +0900
Subject: [PATCH 089/131] =?UTF-8?q?style:=20=EC=9C=A0=EC=A0=80=20=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/UserInfo.tsx     | 66 +++++++++++++++++++++++++++++++++
 src/components/common/Icons.tsx | 18 +++++++++
 src/pages/mypage.tsx            |  7 +++-
 3 files changed, 89 insertions(+), 2 deletions(-)
 create mode 100644 src/components/UserInfo.tsx

diff --git a/src/components/UserInfo.tsx b/src/components/UserInfo.tsx
new file mode 100644
index 0000000..0e7a604
--- /dev/null
+++ b/src/components/UserInfo.tsx
@@ -0,0 +1,66 @@
+import Icon from '@/components/common/Icons';
+const UserInfo = () => {
+  return (
+    <>
+      {/* only desktop */}
+      <div className="my-2 hidden rounded-md border border-grey px-6 py-6 pt-4 md:block">
+        <p className="text-lg font-bold text-main">홍길동님</p>
+        <hr className="my-2 border border-grey"></hr>
+        <div className="flex flex-col gap-3">
+          <p className="flex gap-6 text-sm">
+            <span className="w-20">보유 캐쉬:</span>
+            <span className="font-bold text-main">{Number(4000000).toLocaleString()}원</span>
+          </p>
+          <p className="flex gap-6 text-sm">
+            <span className="w-20">총 지분 가치:</span>
+            <span className="font-bold text-main">{Number(4000000).toLocaleString()}원</span>
+          </p>
+          <div className="flex gap-6 text-sm">
+            <span className="w-20">Email:</span>
+            <div className="flex flex-col gap-1">
+              <span className="">test@gmail.com</span>
+              <span className="">구글 연동</span>
+            </div>
+          </div>
+          <p className="flex gap-6 text-sm">
+            <span className="w-20">권한:</span>
+            <span className="">사용자</span>
+            <button className="btn-primary btn-xs btn ml-auto">운영자 신청</button>
+          </p>
+        </div>
+      </div>
+      {/* only mobile */}
+      <div className="block md:hidden">
+        <div className="border-y-1 border border-grey bg-black/5 py-2 px-4">
+          <p className="text-base font-black">홍길동님</p>
+          <p className="text-xs text-grey-middle">test@gmail.com</p>
+        </div>
+        <div className="my-6 mx-12 rounded-md border border-main px-6 pt-4 pb-6">
+          <p className="text-xl font-bold">내 지갑</p>
+          <hr className="my-2 border border-grey"></hr>
+          <p className="py-1 text-xs font-black">보유캐쉬</p>
+          <p className="flex items-center gap-1">
+            <span>
+              <Icon.Money />
+            </span>
+            <span className="text-base font-bold text-main">
+              {Number(4000000).toLocaleString()}원
+            </span>
+          </p>
+          <hr className="my-2 border border-grey"></hr>
+          <p className="py-1 text-xs font-black">총 지분 가치</p>
+          <p className="flex items-center gap-1">
+            <span>
+              <Icon.Money />
+            </span>
+            <span className="text-base font-bold text-main">
+              {Number(4000000).toLocaleString()}원
+            </span>
+          </p>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default UserInfo;
diff --git a/src/components/common/Icons.tsx b/src/components/common/Icons.tsx
index f407e64..1230d2c 100644
--- a/src/components/common/Icons.tsx
+++ b/src/components/common/Icons.tsx
@@ -291,6 +291,23 @@ const Clock = () => (
   </svg>
 );
 
+const Money = () => (
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11.9887 10.2779C11.8737 9.95293 11.6609 9.67156 11.3794 9.47255C11.0979 9.27354 10.7617 9.16667 10.417 9.16667V8.75H9.58366V9.16667C9.14163 9.16667 8.71771 9.34226 8.40515 9.65482C8.09259 9.96738 7.91699 10.3913 7.91699 10.8333C7.91699 11.2754 8.09259 11.6993 8.40515 12.0118C8.71771 12.3244 9.14163 12.5 9.58366 12.5V14.1667C9.22116 14.1667 8.91241 13.9354 8.79741 13.6112C8.78035 13.5582 8.75282 13.5091 8.71646 13.4669C8.6801 13.4247 8.63565 13.3902 8.58573 13.3655C8.5358 13.3408 8.48143 13.3263 8.42582 13.3229C8.37021 13.3196 8.31449 13.3274 8.26196 13.346C8.20943 13.3645 8.16115 13.3935 8.11999 13.431C8.07883 13.4685 8.04561 13.514 8.0223 13.5646C7.999 13.6152 7.98608 13.6699 7.98431 13.7256C7.98254 13.7813 7.99195 13.8368 8.01199 13.8887C8.12693 14.2137 8.33978 14.4951 8.62124 14.6941C8.90271 14.8931 9.23894 15 9.58366 15V15.4167H10.417V15C10.859 15 11.2829 14.8244 11.5955 14.5118C11.9081 14.1993 12.0837 13.7754 12.0837 13.3333C12.0837 12.8913 11.9081 12.4674 11.5955 12.1548C11.2829 11.8423 10.859 11.6667 10.417 11.6667V10C10.5893 9.99996 10.7574 10.0533 10.8982 10.1528C11.0389 10.2523 11.1454 10.3929 11.2028 10.5554C11.2396 10.6596 11.3163 10.7449 11.416 10.7926C11.4654 10.8162 11.5189 10.8299 11.5736 10.8328C11.6282 10.8357 11.6829 10.8278 11.7345 10.8096C11.7861 10.7914 11.8336 10.7632 11.8743 10.7266C11.915 10.69 11.9481 10.6458 11.9717 10.5964C11.9953 10.547 12.0089 10.4935 12.0118 10.4388C12.0148 10.3842 12.0069 10.3295 11.9887 10.2779ZM9.58366 10C9.36265 10 9.15068 10.0878 8.9944 10.2441C8.83812 10.4004 8.75033 10.6123 8.75033 10.8333C8.75033 11.0543 8.83812 11.2663 8.9944 11.4226C9.15068 11.5789 9.36265 11.6667 9.58366 11.6667V10ZM10.417 14.1667C10.638 14.1667 10.85 14.0789 11.0062 13.9226C11.1625 13.7663 11.2503 13.5543 11.2503 13.3333C11.2503 13.1123 11.1625 12.9004 11.0062 12.7441C10.85 12.5878 10.638 12.5 10.417 12.5V14.1667Z"
+      fill="#91D3C8"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5.48073 3.59208C6.50323 3.09167 8.18073 2.5 10.0166 2.5C11.8141 2.5 13.4474 3.06708 14.4645 3.56083L14.522 3.58875C14.8287 3.74042 15.0761 3.88375 15.2503 4L13.7112 6.25C17.2595 9.8775 20.0003 17.4988 10.0166 17.4988C0.0328174 17.4988 2.6999 10.0158 6.27907 6.25L4.7499 4C4.86782 3.92292 5.0174 3.83333 5.19573 3.73833C5.28407 3.69083 5.37907 3.64208 5.48073 3.5925V3.59208ZM12.722 6.22L13.9541 4.41875C12.8082 4.50125 11.4449 4.77042 10.1324 5.15042C9.1949 5.42125 8.15323 5.38 7.18865 5.20208C6.94558 5.15702 6.70418 5.10338 6.4649 5.04125L7.2649 6.21917C8.97948 6.82958 11.007 6.82958 12.722 6.22ZM6.78365 6.92917C8.7899 7.70417 11.2012 7.70417 13.2074 6.92833C14.0448 7.81112 14.7454 8.81433 15.2857 9.90458C15.8491 11.0538 16.1557 12.2025 16.1057 13.1925C16.0574 14.1479 15.6816 14.9642 14.8232 15.5708C13.9287 16.2029 12.4241 16.6654 10.0162 16.6654C7.60573 16.6654 6.09407 16.2108 5.19115 15.5858C4.32657 14.9867 3.94698 14.1817 3.89323 13.2392C3.83698 12.26 4.13698 11.1171 4.69823 9.96C5.23365 8.85667 5.98073 7.79458 6.78365 6.92917ZM6.30448 4.13167C6.63782 4.23083 6.98615 4.31708 7.33948 4.3825C8.23532 4.5475 9.13365 4.57167 9.90032 4.34958C10.7937 4.08931 11.7024 3.88461 12.6212 3.73667C11.8545 3.50583 10.9578 3.33333 10.0162 3.33333C8.58073 3.33333 7.24198 3.73375 6.30448 4.13167Z"
+      fill="#91D3C8"
+    />
+  </svg>
+);
+
 const Icon = {
   Home,
   Gavel,
@@ -310,6 +327,7 @@ const Icon = {
   Plus,
   PlusCircle,
   Clock,
+  Money,
 };
 
 export default Icon;
diff --git a/src/pages/mypage.tsx b/src/pages/mypage.tsx
index 5fc1d6e..859908e 100644
--- a/src/pages/mypage.tsx
+++ b/src/pages/mypage.tsx
@@ -5,6 +5,7 @@ import Image from 'next/image';
 import Link from 'next/link';
 
 import Layout from '@/components/common/Layout';
+import UserInfo from '@/components/UserInfo';
 import { ErrorBoundary } from '@sentry/nextjs';
 
 const Mypage = () => {
@@ -20,7 +21,7 @@ const Mypage = () => {
               </>
             )}
           >
-            <div className="flex justify-between py-12">
+            <div className="flex justify-between md:py-12">
               <div className="hidden w-1/4 md:block">
                 <p className="text-xl font-black">마이페이지</p>
                 <div className="avatar my-4">
@@ -65,7 +66,9 @@ const Mypage = () => {
                   </li>
                 </ul>
               </div>
-              <div className="w-full bg-main md:w-3/4">우측</div>
+              <div className="w-full md:w-3/4">
+                <UserInfo />
+              </div>
             </div>
           </ErrorBoundary>
         </Suspense>

From bf20460e80f38de0870c3e594e21a046871a2cdc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Wed, 1 Mar 2023 23:26:43 +0900
Subject: [PATCH 090/131] =?UTF-8?q?chore:=20=EB=A9=94=EB=89=B4=20=ED=83=AD?=
 =?UTF-8?q?=EC=97=90=20=EA=B4=80=EC=8B=AC=20=EC=83=81=ED=92=88=20=ED=95=AD?=
 =?UTF-8?q?=EB=AA=A9=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/mypage.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/pages/mypage.tsx b/src/pages/mypage.tsx
index 859908e..77efbda 100644
--- a/src/pages/mypage.tsx
+++ b/src/pages/mypage.tsx
@@ -43,11 +43,16 @@ const Mypage = () => {
                       내 정보
                     </Link>
                   </li>
+                  <li>
+                    <Link href="/" className="font-medium">
+                      관심 상품
+                    </Link>
+                  </li>
                   <li>
                     <Link href="/" className="font-medium">
                       공모 내역
                     </Link>
-                  </li>{' '}
+                  </li>
                   <li>
                     <Link href="/" className="font-medium">
                       거래 현황

From 835a0ff25a1e3cf975b9b25669b1db9b2dfc4a7f Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 03:00:05 +0900
Subject: [PATCH 091/131] =?UTF-8?q?chore:=20next-redux-cookie-wrapper=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

- redux-persist 제거
---
 package-lock.json | 111 +++++++++++++++++++++++++++++++++++++++-------
 package.json      |   2 +-
 2 files changed, 97 insertions(+), 16 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 12f6342..07d1236 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,6 +22,7 @@
         "eslint-config-next": "13.1.2",
         "moment": "^2.29.4",
         "next": "13.1.2",
+        "next-redux-cookie-wrapper": "^2.2.1",
         "next-redux-wrapper": "^8.1.0",
         "react": "18.2.0",
         "react-dates": "^21.8.0",
@@ -29,7 +30,6 @@
         "react-google-autocomplete": "^2.7.3",
         "react-hook-form": "^7.42.1",
         "react-redux": "^8.0.5",
-        "redux-persist": "^6.0.0",
         "sharp": "^0.31.3",
         "typescript": "4.9.4"
       },
@@ -771,6 +771,11 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/@types/cookie": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.4.1.tgz",
+      "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q=="
+    },
     "node_modules/@types/googlemaps": {
       "version": "3.43.3",
       "resolved": "https://registry.npmjs.org/@types/googlemaps/-/googlemaps-3.43.3.tgz",
@@ -3660,6 +3665,11 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+    },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -3697,6 +3707,14 @@
         "node": ">=10"
       }
     },
+    "node_modules/lz-string": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.4.4.tgz",
+      "integrity": "sha512-0ckx7ZHRPqb0oUm8zNr+90mtf9DQB60H1wMCjBtfi62Kl3a7JbHob6gA2bC+xRvZoOL+1hzUK8jeuEIQE8svEQ==",
+      "bin": {
+        "lz-string": "bin/bin.js"
+      }
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -3864,6 +3882,26 @@
         }
       }
     },
+    "node_modules/next-redux-cookie-wrapper": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/next-redux-cookie-wrapper/-/next-redux-cookie-wrapper-2.2.1.tgz",
+      "integrity": "sha512-d2CHkV9Y9vxBtibqPrM8R9WAtPdpmyCZUAUgOZIxcbKKjONtwwpJ/ZpkF5xzsoE1ieq5bcJoP1nQbBtBJtEjzg==",
+      "dependencies": {
+        "@types/cookie": "0.4.1",
+        "fast-deep-equal": "^3.1.3",
+        "immer": "^9.0.15",
+        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
+        "lz-string": "^1.4.4",
+        "nookies": "2.5.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "next-redux-wrapper": ">=6"
+      }
+    },
     "node_modules/next-redux-wrapper": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/next-redux-wrapper/-/next-redux-wrapper-8.1.0.tgz",
@@ -3937,6 +3975,15 @@
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.8.tgz",
       "integrity": "sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A=="
     },
+    "node_modules/nookies": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/nookies/-/nookies-2.5.2.tgz",
+      "integrity": "sha512-x0TRSaosAEonNKyCrShoUaJ5rrT5KHRNZ5DwPCuizjgrnkpE5DRf3VL7AyyQin4htict92X1EQ7ejDbaHDVdYA==",
+      "dependencies": {
+        "cookie": "^0.4.1",
+        "set-cookie-parser": "^2.4.6"
+      }
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -4869,14 +4916,6 @@
         "deep-diff": "^0.3.5"
       }
     },
-    "node_modules/redux-persist": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/redux-persist/-/redux-persist-6.0.0.tgz",
-      "integrity": "sha512-71LLMbUq2r02ng2We9S215LtPu3fY0KgaGE0k8WRgl6RkqxtGfl7HUozz1Dftwsb0D/5mZ8dwAaPbtnzfvbEwQ==",
-      "peerDependencies": {
-        "redux": ">4.0.0"
-      }
-    },
     "node_modules/redux-thunk": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.2.tgz",
@@ -5060,6 +5099,11 @@
       "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
       "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
     },
+    "node_modules/set-cookie-parser": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.5.1.tgz",
+      "integrity": "sha512-1jeBGaKNGdEq4FgIrORu/N570dwoPYio8lSoYLWmX7sQ//0JY08Xh9o5pBcgmHQ/MbsYp/aZnOe1s1lIsbLprQ=="
+    },
     "node_modules/sharp": {
       "version": "0.31.3",
       "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.31.3.tgz",
@@ -6311,6 +6355,11 @@
         "use-sync-external-store": "^1.2.0"
       }
     },
+    "@types/cookie": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.4.1.tgz",
+      "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q=="
+    },
     "@types/googlemaps": {
       "version": "3.43.3",
       "resolved": "https://registry.npmjs.org/@types/googlemaps/-/googlemaps-3.43.3.tgz",
@@ -8368,6 +8417,11 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+    },
     "lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -8399,6 +8453,11 @@
         "yallist": "^4.0.0"
       }
     },
+    "lz-string": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.4.4.tgz",
+      "integrity": "sha512-0ckx7ZHRPqb0oUm8zNr+90mtf9DQB60H1wMCjBtfi62Kl3a7JbHob6gA2bC+xRvZoOL+1hzUK8jeuEIQE8svEQ=="
+    },
     "merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -8522,6 +8581,20 @@
         }
       }
     },
+    "next-redux-cookie-wrapper": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/next-redux-cookie-wrapper/-/next-redux-cookie-wrapper-2.2.1.tgz",
+      "integrity": "sha512-d2CHkV9Y9vxBtibqPrM8R9WAtPdpmyCZUAUgOZIxcbKKjONtwwpJ/ZpkF5xzsoE1ieq5bcJoP1nQbBtBJtEjzg==",
+      "requires": {
+        "@types/cookie": "0.4.1",
+        "fast-deep-equal": "^3.1.3",
+        "immer": "^9.0.15",
+        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
+        "lz-string": "^1.4.4",
+        "nookies": "2.5.2"
+      }
+    },
     "next-redux-wrapper": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/next-redux-wrapper/-/next-redux-wrapper-8.1.0.tgz",
@@ -8554,6 +8627,15 @@
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.8.tgz",
       "integrity": "sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A=="
     },
+    "nookies": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/nookies/-/nookies-2.5.2.tgz",
+      "integrity": "sha512-x0TRSaosAEonNKyCrShoUaJ5rrT5KHRNZ5DwPCuizjgrnkpE5DRf3VL7AyyQin4htict92X1EQ7ejDbaHDVdYA==",
+      "requires": {
+        "cookie": "^0.4.1",
+        "set-cookie-parser": "^2.4.6"
+      }
+    },
     "normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -9142,12 +9224,6 @@
         "deep-diff": "^0.3.5"
       }
     },
-    "redux-persist": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/redux-persist/-/redux-persist-6.0.0.tgz",
-      "integrity": "sha512-71LLMbUq2r02ng2We9S215LtPu3fY0KgaGE0k8WRgl6RkqxtGfl7HUozz1Dftwsb0D/5mZ8dwAaPbtnzfvbEwQ==",
-      "requires": {}
-    },
     "redux-thunk": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.2.tgz",
@@ -9269,6 +9345,11 @@
       "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
       "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
     },
+    "set-cookie-parser": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.5.1.tgz",
+      "integrity": "sha512-1jeBGaKNGdEq4FgIrORu/N570dwoPYio8lSoYLWmX7sQ//0JY08Xh9o5pBcgmHQ/MbsYp/aZnOe1s1lIsbLprQ=="
+    },
     "sharp": {
       "version": "0.31.3",
       "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.31.3.tgz",
diff --git a/package.json b/package.json
index 8004cf5..c6ce49b 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "eslint-config-next": "13.1.2",
     "moment": "^2.29.4",
     "next": "13.1.2",
+    "next-redux-cookie-wrapper": "^2.2.1",
     "next-redux-wrapper": "^8.1.0",
     "react": "18.2.0",
     "react-dates": "^21.8.0",
@@ -31,7 +32,6 @@
     "react-google-autocomplete": "^2.7.3",
     "react-hook-form": "^7.42.1",
     "react-redux": "^8.0.5",
-    "redux-persist": "^6.0.0",
     "sharp": "^0.31.3",
     "typescript": "4.9.4"
   },

From 42a6113912264f4b455763127c986cd31d239c54 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 03:00:41 +0900
Subject: [PATCH 092/131] =?UTF-8?q?chore:=20ky,=20ky-universal=20=EC=84=A4?=
 =?UTF-8?q?=EC=B9=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json | 211 ++++++++++++++++++++++++++++++++++++++++++++++
 package.json      |   2 +
 2 files changed, 213 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 07d1236..fd401fc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,8 @@
         "daisyui": "^2.47.0",
         "eslint": "8.31.0",
         "eslint-config-next": "13.1.2",
+        "ky": "^0.33.2",
+        "ky-universal": "^0.11.0",
         "moment": "^2.29.4",
         "next": "13.1.2",
         "next-redux-cookie-wrapper": "^2.2.1",
@@ -1080,6 +1082,17 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
     "node_modules/acorn": {
       "version": "8.8.1",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.1.tgz",
@@ -1789,6 +1802,14 @@
       "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
       "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA=="
     },
+    "node_modules/data-uri-to-buffer": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz",
+      "integrity": "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
     "node_modules/debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -2608,6 +2629,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/expand-template": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
@@ -2670,6 +2699,28 @@
         "reusify": "^1.0.4"
       }
     },
+    "node_modules/fetch-blob": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz",
+      "integrity": "sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "dependencies": {
+        "node-domexception": "^1.0.0",
+        "web-streams-polyfill": "^3.0.3"
+      },
+      "engines": {
+        "node": "^12.20 || >= 14.13"
+      }
+    },
     "node_modules/file-entry-cache": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
@@ -2732,6 +2783,17 @@
         "is-callable": "^1.1.3"
       }
     },
+    "node_modules/formdata-polyfill": {
+      "version": "4.0.10",
+      "resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
+      "integrity": "sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==",
+      "dependencies": {
+        "fetch-blob": "^3.1.2"
+      },
+      "engines": {
+        "node": ">=12.20.0"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -3592,6 +3654,58 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/ky": {
+      "version": "0.33.2",
+      "resolved": "https://registry.npmjs.org/ky/-/ky-0.33.2.tgz",
+      "integrity": "sha512-f6oS2rKUcPu5FzdqCDbFpmzis/JlqFZw8uIHm/jf8Kc3vtnW+VDhuashOAKyBZv8bFiZFZUMNxTC0JtahEvujA==",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/ky?sponsor=1"
+      }
+    },
+    "node_modules/ky-universal": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/ky-universal/-/ky-universal-0.11.0.tgz",
+      "integrity": "sha512-65KyweaWvk+uKKkCrfAf+xqN2/epw1IJDtlyCPxYffFCMR8u1sp2U65NtWpnozYfZxQ6IUzIlvUcw+hQ82U2Xw==",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "node-fetch": "^3.2.10"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/ky-universal?sponsor=1"
+      },
+      "peerDependencies": {
+        "ky": ">=0.31.4",
+        "web-streams-polyfill": ">=3.2.1"
+      },
+      "peerDependenciesMeta": {
+        "web-streams-polyfill": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ky-universal/node_modules/node-fetch": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.0.tgz",
+      "integrity": "sha512-BKwRP/O0UvoMKp7GNdwPlObhYGB5DQqwhEDQlNKuoqwVYSxkSZCSbHjnFFmUEtwSKRPU4kNK8PbDYYitwaE3QA==",
+      "dependencies": {
+        "data-uri-to-buffer": "^4.0.0",
+        "fetch-blob": "^3.1.4",
+        "formdata-polyfill": "^4.0.10"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/node-fetch"
+      }
+    },
     "node_modules/language-subtag-registry": {
       "version": "0.3.22",
       "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
@@ -3951,6 +4065,24 @@
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-5.1.0.tgz",
       "integrity": "sha512-eh0GgfEkpnoWDq+VY8OyvYhFEzBk6jIYbRKdIlyTiAXIVJ8PyBaKb0rp7oDtoddbdoHWhq8wwr+XZ81F1rpNdA=="
     },
+    "node_modules/node-domexception": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
+      "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "github",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "engines": {
+        "node": ">=10.5.0"
+      }
+    },
     "node_modules/node-fetch": {
       "version": "2.6.8",
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.8.tgz",
@@ -5758,6 +5890,14 @@
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
+    "node_modules/web-streams-polyfill": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz",
+      "integrity": "sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q==",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
@@ -6570,6 +6710,14 @@
         "eslint-visitor-keys": "^3.3.0"
       }
     },
+    "abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "requires": {
+        "event-target-shim": "^5.0.0"
+      }
+    },
     "acorn": {
       "version": "8.8.1",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.1.tgz",
@@ -7061,6 +7209,11 @@
       "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
       "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA=="
     },
+    "data-uri-to-buffer": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz",
+      "integrity": "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A=="
+    },
     "debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -7668,6 +7821,11 @@
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="
     },
+    "event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ=="
+    },
     "expand-template": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
@@ -7723,6 +7881,15 @@
         "reusify": "^1.0.4"
       }
     },
+    "fetch-blob": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz",
+      "integrity": "sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==",
+      "requires": {
+        "node-domexception": "^1.0.0",
+        "web-streams-polyfill": "^3.0.3"
+      }
+    },
     "file-entry-cache": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
@@ -7770,6 +7937,14 @@
         "is-callable": "^1.1.3"
       }
     },
+    "formdata-polyfill": {
+      "version": "4.0.10",
+      "resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
+      "integrity": "sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==",
+      "requires": {
+        "fetch-blob": "^3.1.2"
+      }
+    },
     "fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -8356,6 +8531,32 @@
         "object.assign": "^4.1.3"
       }
     },
+    "ky": {
+      "version": "0.33.2",
+      "resolved": "https://registry.npmjs.org/ky/-/ky-0.33.2.tgz",
+      "integrity": "sha512-f6oS2rKUcPu5FzdqCDbFpmzis/JlqFZw8uIHm/jf8Kc3vtnW+VDhuashOAKyBZv8bFiZFZUMNxTC0JtahEvujA=="
+    },
+    "ky-universal": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/ky-universal/-/ky-universal-0.11.0.tgz",
+      "integrity": "sha512-65KyweaWvk+uKKkCrfAf+xqN2/epw1IJDtlyCPxYffFCMR8u1sp2U65NtWpnozYfZxQ6IUzIlvUcw+hQ82U2Xw==",
+      "requires": {
+        "abort-controller": "^3.0.0",
+        "node-fetch": "^3.2.10"
+      },
+      "dependencies": {
+        "node-fetch": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.0.tgz",
+          "integrity": "sha512-BKwRP/O0UvoMKp7GNdwPlObhYGB5DQqwhEDQlNKuoqwVYSxkSZCSbHjnFFmUEtwSKRPU4kNK8PbDYYitwaE3QA==",
+          "requires": {
+            "data-uri-to-buffer": "^4.0.0",
+            "fetch-blob": "^3.1.4",
+            "formdata-polyfill": "^4.0.10"
+          }
+        }
+      }
+    },
     "language-subtag-registry": {
       "version": "0.3.22",
       "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
@@ -8614,6 +8815,11 @@
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-5.1.0.tgz",
       "integrity": "sha512-eh0GgfEkpnoWDq+VY8OyvYhFEzBk6jIYbRKdIlyTiAXIVJ8PyBaKb0rp7oDtoddbdoHWhq8wwr+XZ81F1rpNdA=="
     },
+    "node-domexception": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
+      "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ=="
+    },
     "node-fetch": {
       "version": "2.6.8",
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.8.tgz",
@@ -9810,6 +10016,11 @@
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
+    "web-streams-polyfill": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz",
+      "integrity": "sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q=="
+    },
     "webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
diff --git a/package.json b/package.json
index c6ce49b..7e3f499 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,8 @@
     "daisyui": "^2.47.0",
     "eslint": "8.31.0",
     "eslint-config-next": "13.1.2",
+    "ky": "^0.33.2",
+    "ky-universal": "^0.11.0",
     "moment": "^2.29.4",
     "next": "13.1.2",
     "next-redux-cookie-wrapper": "^2.2.1",

From 701e4f06d8e91b995b045d040880f2671f0b16db Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 03:03:28 +0900
Subject: [PATCH 093/131] =?UTF-8?q?feat:=20redux-persist=20=EC=BD=94?=
 =?UTF-8?q?=EB=93=9C=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/_app.tsx         |  5 +----
 src/store/index.ts         |  2 --
 src/store/modules/index.ts | 10 +---------
 3 files changed, 2 insertions(+), 15 deletions(-)

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 08dfefb..a8b5fd2 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -2,14 +2,13 @@ import '@/styles/globals.css';
 
 import { Provider } from 'react-redux';
 
-import { PersistGate } from 'redux-persist/integration/react';
 
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 
 import type { AppProps } from 'next/app';
 
-import wrapper, { persistor } from '../store';
+import wrapper from '../store';
 
 const queryClient = new QueryClient({
   defaultOptions: { queries: { suspense: true, useErrorBoundary: true } },
@@ -21,9 +20,7 @@ const App = ({ Component, ...rest }: AppProps) => {
   return (
     <Provider store={store}>
       <QueryClientProvider client={queryClient}>
-        <PersistGate loading={null} persistor={persistor}>
           <Component {...pageProps} />
-        </PersistGate>
         <ReactQueryDevtools />
       </QueryClientProvider>
     </Provider>
diff --git a/src/store/index.ts b/src/store/index.ts
index 7d2c9a6..2322e0b 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -2,7 +2,6 @@ import { useDispatch, useSelector, type TypedUseSelectorHook } from 'react-redux
 
 import { createWrapper } from 'next-redux-wrapper';
 import logger from 'redux-logger';
-import { persistStore } from 'redux-persist';
 
 import { configureStore } from '@reduxjs/toolkit';
 import type { ThunkAction } from '@reduxjs/toolkit';
@@ -20,7 +19,6 @@ const store = configureStore({
 
 const makeStore = () => store;
 
-export const persistor = persistStore(store);
 
 const wrapper = createWrapper(makeStore);
 
diff --git a/src/store/modules/index.ts b/src/store/modules/index.ts
index 293d6ae..d5123d9 100644
--- a/src/store/modules/index.ts
+++ b/src/store/modules/index.ts
@@ -1,7 +1,5 @@
 import { HYDRATE } from 'next-redux-wrapper';
 import { combineReducers } from 'redux';
-import { persistReducer } from 'redux-persist';
-import storage from 'redux-persist/lib/storage';
 
 import cahootOrderSlice from './cahootOrder';
 import userSlice from './user';
@@ -11,12 +9,6 @@ const combinedReducer = combineReducers({
   [userSlice.name]: userSlice.reducer,
 });
 
-const persistConfig = {
-  key: 'root',
-  storage,
-  whitelist: ['user'],
-};
-
 const rootReducer: typeof combinedReducer = (state, action) => {
   if (action.type === HYDRATE) {
     const nextState = {
@@ -29,4 +21,4 @@ const rootReducer: typeof combinedReducer = (state, action) => {
   }
 };
 
-export default persistReducer(persistConfig, rootReducer);
+export default rootReducer;

From 95e630a2122b17dd297ab9a92e12ad3ab5ebcb74 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 03:05:37 +0900
Subject: [PATCH 094/131] =?UTF-8?q?feat:=20nextReduxCookieMiddleware=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- SSR에서 redux-persist 사용이 불가하여 next-redux-cookie-wrapper로 전환
---
 src/store/index.ts | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/store/index.ts b/src/store/index.ts
index 2322e0b..53676c0 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,5 +1,6 @@
 import { useDispatch, useSelector, type TypedUseSelectorHook } from 'react-redux';
 
+import { nextReduxCookieMiddleware, wrapMakeStore } from 'next-redux-cookie-wrapper';
 import { createWrapper } from 'next-redux-wrapper';
 import logger from 'redux-logger';
 
@@ -10,15 +11,21 @@ import rootReducer from './modules';
 
 import type { Action } from 'redux';
 
-const store = configureStore({
-  reducer: rootReducer,
-  middleware: (getDefaultMiddleware) =>
-    getDefaultMiddleware({ serializableCheck: false }).concat(logger),
-  devTools: process.env.NODE_ENV === 'development',
-});
-
-const makeStore = () => store;
-
+const makeStore = wrapMakeStore(() =>
+  configureStore({
+    reducer: rootReducer,
+    middleware: (getDefaultMiddleware) =>
+      getDefaultMiddleware()
+        .prepend(
+          nextReduxCookieMiddleware({
+            subtrees: ['user'],
+            sameSite: 'lax',
+          })
+        )
+        .concat(logger),
+    devTools: process.env.NODE_ENV === 'development',
+  })
+);
 
 const wrapper = createWrapper(makeStore);
 

From 683f258059f457f1c87afe63f0e9ed2db037375b Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 03:09:35 +0900
Subject: [PATCH 095/131] =?UTF-8?q?refactor:=20oauth2/redirect=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 서버사이드에서 상태 저장 및 리다이렉트
---
 src/pages/oauth2/redirect.tsx | 33 +++++++++------------------------
 1 file changed, 9 insertions(+), 24 deletions(-)

diff --git a/src/pages/oauth2/redirect.tsx b/src/pages/oauth2/redirect.tsx
index c4a5bd8..bb0cc84 100644
--- a/src/pages/oauth2/redirect.tsx
+++ b/src/pages/oauth2/redirect.tsx
@@ -1,36 +1,21 @@
-import { useEffect } from 'react';
-
-import { useRouter } from 'next/router';
-
-import { useTypeDispatch } from '@/store';
+import wrapper from '@/store';
 import { setId, setToken } from '@/store/modules/user';
 
-import type { GetServerSideProps, InferGetServerSidePropsType } from 'next';
-
-const Redirect = ({ token, id }: InferGetServerSidePropsType<typeof getServerSideProps>) => {
-  const dispatch = useTypeDispatch();
-  const router = useRouter();
-
-  useEffect(() => {
-    dispatch(setToken(token));
-    dispatch(setId(id));
-    router.replace('/');
-  }, [dispatch, router, token, id]);
-
+const Redirect = () => {
   return <></>;
 };
 
-export const getServerSideProps: GetServerSideProps<{ token: string; id: number }> = async (
-  context
-) => {
+export const getServerSideProps = wrapper.getServerSideProps((state) => async (context) => {
   const { token } = context.query;
   if (typeof token !== 'string' || !token) return { notFound: true };
   try {
     const jwtPayload = JSON.parse(Buffer.from(token.split('.')[1], 'base64').toString());
+    state.dispatch(setToken(token));
+    state.dispatch(setId(jwtPayload.id));
     return {
-      props: {
-        token,
-        id: jwtPayload.id,
+      redirect: {
+        destination: '/',
+        permanent: false,
       },
     };
   } catch (e) {
@@ -39,6 +24,6 @@ export const getServerSideProps: GetServerSideProps<{ token: string; id: number
       notFound: true,
     };
   }
-};
+});
 
 export default Redirect;

From 55f04926a2fc913969f5f392e14f1e804babc909 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 03:13:26 +0900
Subject: [PATCH 096/131] =?UTF-8?q?fix:=20Header=20=EC=98=A4=EB=A5=98=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- `Cannot update a component (`Header`) while rendering a different component (`App`).` 오류 수정
---
 src/components/common/Header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/common/Header.tsx b/src/components/common/Header.tsx
index 8652948..8680a04 100644
--- a/src/components/common/Header.tsx
+++ b/src/components/common/Header.tsx
@@ -11,7 +11,7 @@ interface HeaderPropsType {
 
 const Header = ({ hideOnMobile = false }: HeaderPropsType) => {
   const dispatch = useTypeDispatch();
-  const { id } = useTypeSelector((state) => state.user);
+  const id = useTypeSelector((state) => state.user.id);
 
   const onLogoutClick = () => {
     dispatch(logout());

From 47d3c7ffa6c468de834e9a7b07283c046961e37e Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 03:16:15 +0900
Subject: [PATCH 097/131] =?UTF-8?q?fix:=20hydration=20error=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/cahoots/create.tsx      | 7 +++++++
 src/pages/cahoots/detail/[id].tsx | 7 +++----
 src/pages/cahoots/index.tsx       | 6 +++---
 src/pages/index.tsx               | 7 +++----
 src/pages/markets/index.tsx       | 7 +++----
 5 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/pages/cahoots/create.tsx b/src/pages/cahoots/create.tsx
index fbb7406..f17b0ec 100644
--- a/src/pages/cahoots/create.tsx
+++ b/src/pages/cahoots/create.tsx
@@ -13,6 +13,7 @@ import SelectBox from '@/components/common/SelectBox';
 import TextArea from '@/components/common/TextArea';
 import TextInput from '@/components/common/TextInput';
 import PlaceSearchBar from '@/components/PlaceSearchBar';
+import wrapper from '@/store';
 // import Map from '@/components/Map';
 
 const positionOption = [
@@ -346,3 +347,9 @@ export default function CreateCahoot() {
     </Layout>
   );
 }
+
+export const getServerSideProps = wrapper.getServerSideProps(() => async () => {
+  return {
+    props: {},
+  };
+});
diff --git a/src/pages/cahoots/detail/[id].tsx b/src/pages/cahoots/detail/[id].tsx
index 1d51b78..9369e59 100644
--- a/src/pages/cahoots/detail/[id].tsx
+++ b/src/pages/cahoots/detail/[id].tsx
@@ -1,12 +1,11 @@
 import { Suspense } from 'react';
 
-import { GetServerSideProps } from 'next';
-
 import DetailBody from '@/components/cahoot/DetailBody';
 import DetailHeader from '@/components/cahoot/DetailHeader';
 import InterestButton from '@/components/cahoot/InterestButton';
 import OrderMobile from '@/components/cahoot/OrderMobile';
 import Layout from '@/components/common/Layout';
+import wrapper from '@/store';
 import { ErrorBoundary } from '@sentry/nextjs';
 
 const CahootsDetail = () => {
@@ -33,10 +32,10 @@ const CahootsDetail = () => {
   );
 };
 
-export const getServerSideProps: GetServerSideProps = async () => {
+export const getServerSideProps = wrapper.getServerSideProps(() => async () => {
   return {
     props: {},
   };
-};
+});
 
 export default CahootsDetail;
diff --git a/src/pages/cahoots/index.tsx b/src/pages/cahoots/index.tsx
index 52b50a6..831de6b 100644
--- a/src/pages/cahoots/index.tsx
+++ b/src/pages/cahoots/index.tsx
@@ -6,9 +6,9 @@ import List from '@/components/cahoot/List';
 import Recap from '@/components/cahoot/Recap';
 import Layout from '@/components/common/Layout';
 import Interests from '@/components/market/Interests';
+import wrapper from '@/store';
 import { ErrorBoundary } from '@sentry/nextjs';
 
-import type { GetServerSideProps } from 'next';
 
 const Cahoots = () => {
   const scrollRef = useRef<HTMLDivElement>(null);
@@ -46,8 +46,8 @@ const Cahoots = () => {
 
 export default Cahoots;
 
-export const getServerSideProps: GetServerSideProps = async () => {
+export const getServerSideProps = wrapper.getServerSideProps((state) => async () => {
   return {
     props: {},
   };
-};
+});
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 06de75b..dcd90da 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -6,10 +6,9 @@ import RecentUploadCarousel from '@/components/RecentUploadCarousel';
 import RecommendedList from '@/components/RecommendedList';
 import Thumbnail from '@/components/Thumbnail';
 import TopFiveList from '@/components/TopFiveList';
+import wrapper from '@/store';
 import { ErrorBoundary } from '@sentry/nextjs';
 
-import type { GetServerSideProps } from 'next';
-
 export default function Home() {
   return (
     <Layout>
@@ -43,8 +42,8 @@ export default function Home() {
   );
 }
 
-export const getServerSideProps: GetServerSideProps = async () => {
+export const getServerSideProps = wrapper.getServerSideProps(() => async () => {
   return {
     props: {},
   };
-};
+});
diff --git a/src/pages/markets/index.tsx b/src/pages/markets/index.tsx
index fe3a245..d7fe8c0 100644
--- a/src/pages/markets/index.tsx
+++ b/src/pages/markets/index.tsx
@@ -6,10 +6,9 @@ import Interests from '@/components/market/Interests';
 import List from '@/components/market/List';
 import PriceInfo from '@/components/market/PriceInfo';
 import RecentTrade from '@/components/market/RecentTrade';
+import wrapper from '@/store';
 import { ErrorBoundary } from '@sentry/nextjs';
 
-import type { GetServerSideProps } from 'next';
-
 const Markets = () => {
   const scrollRef = useRef<HTMLDivElement>(null);
 
@@ -48,10 +47,10 @@ const Markets = () => {
   );
 };
 
-export const getServerSideProps: GetServerSideProps = async () => {
+export const getServerSideProps = wrapper.getServerSideProps(() => async () => {
   return {
     props: {},
   };
-};
+});
 
 export default Markets;

From 64ba233d8351e92c514638f1608af5a818d7de1a Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 03:18:00 +0900
Subject: [PATCH 098/131] =?UTF-8?q?feat:=20=EA=B4=80=EC=8B=AC=20=EC=83=81?=
 =?UTF-8?q?=ED=92=88=20=EC=9D=91=EB=8B=B5=20=ED=83=80=EC=9E=85=20=EC=9E=91?=
 =?UTF-8?q?=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/types/response.d.ts | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/types/response.d.ts b/src/types/response.d.ts
index 1f9e694..cf4f257 100644
--- a/src/types/response.d.ts
+++ b/src/types/response.d.ts
@@ -3,3 +3,18 @@ export type Response<T = null> = {
   message: string | null;
   data: T;
 };
+
+export type Interests = {
+  result: {
+    title: string;
+    shortDescription: string;
+    location: string;
+    picture: {
+      createdAt: string;
+      updatedAt: string;
+      id: number;
+      type: string;
+      url: string;
+    };
+  }[];
+};

From 92a01bc2d932e75576d065d3b523f51ffbc6df46 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 03:20:16 +0900
Subject: [PATCH 099/131] =?UTF-8?q?feat:=20=EA=B4=80=EC=8B=AC=20=EC=83=81?=
 =?UTF-8?q?=ED=92=88=20API=20=EC=97=B0=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 나의 관심 상품 연동
- 관심 상품 삭제 연동
---
 src/components/market/Interests.tsx | 78 +++++++++++++++++++----------
 1 file changed, 51 insertions(+), 27 deletions(-)

diff --git a/src/components/market/Interests.tsx b/src/components/market/Interests.tsx
index 1d15036..c16ce51 100644
--- a/src/components/market/Interests.tsx
+++ b/src/components/market/Interests.tsx
@@ -1,7 +1,10 @@
+import ky from 'ky-universal';
 import Link from 'next/link';
 
 import { useSuspendedQuery } from '@/hooks/useSuspendedQuery';
-import { Response } from '@/types/response';
+import { useTypeSelector } from '@/store';
+import { Interests, Response } from '@/types/response';
+import { useMutation } from '@tanstack/react-query';
 
 import Carousel from '../common/Carousel';
 import Icon from '../common/Icons';
@@ -17,15 +20,35 @@ const TypeUrlPathMap = {
 } as const;
 
 const Interests = ({ scrollRef, type }: InterestsProps) => {
-  const {
-    data: { data: interests },
-  } = useSuspendedQuery<Response<{ id: number; title: string }[]>>([`${type}/interests`], () =>
-    fetch(`${process.env.NEXT_PUBLIC_HOST}/api/mock/markets/interests`).then((res) => res.json())
+  const userId = useTypeSelector((state) => state.user.id);
+  const token = useTypeSelector((state) => state.user.token);
+  const { data } = useSuspendedQuery<Response<Interests>>(
+    [`${type}/interests`],
+    () =>
+      ky
+        .get(`${process.env.NEXT_PUBLIC_HOST}/api/auth/interests/me?page=0&size=10`, {
+          headers: { Authorization: `Bearer ${token}` },
+        })
+        .json<Response<Interests>>(),
+    { enabled: !!token }
   );
+  const { mutate } = useMutation<Response, Error, { userId: number; vacationId: number }>({
+    mutationFn: (body) =>
+      ky
+        .delete(`${process.env.NEXT_PUBLIC_HOST}/api/auth/interests`, {
+          json: body,
+          headers: { Authorization: `Bearer ${token}` },
+        })
+        .json(),
+  });
 
-  const onBookmarkClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {
-    e.preventDefault();
-  };
+  const onDeleteClick =
+    (interestId: number): React.MouseEventHandler<HTMLButtonElement> =>
+    (e) => {
+      e.preventDefault();
+      if (!userId) return;
+      mutate({ userId, vacationId: interestId });
+    };
   const onAddClick = () => {
     if (!scrollRef.current) return;
     const top = window.scrollY + scrollRef.current.getBoundingClientRect().top - 70;
@@ -35,7 +58,7 @@ const Interests = ({ scrollRef, type }: InterestsProps) => {
   return (
     <div className="flex flex-col gap-2 px-3 md:px-0">
       <label className="font-bold">관심가는 휴양지</label>
-      <Carousel itemCount={interests.length}>
+      <Carousel itemCount={data?.data.result.length || 1}>
         <button
           className="carousel-item h-24 w-52 items-center justify-center gap-1 rounded bg-grey text-sm font-semibold"
           onClick={onAddClick}
@@ -43,25 +66,26 @@ const Interests = ({ scrollRef, type }: InterestsProps) => {
           <Icon.PlusCircle />
           휴양지를 추가해 주세요
         </button>
-        {interests.map(({ id, title }) => (
-          <Link
-            key={id}
-            href={`/${TypeUrlPathMap[type]}/detail/${id}`}
-            className="carousel-item flex-col items-center font-semibold"
-          >
-            <div className="relative flex h-24 w-52 items-center break-keep rounded bg-gradient-to-br from-blue-start to-blue-end p-6 text-center text-sm text-white">
-              {title}
-              <div className="absolute right-1 top-1">
-                <button
-                  onClick={onBookmarkClick}
-                  className="btn-ghost btn-xs btn-circle btn fill-main text-main"
-                >
-                  <Icon.Bookmark />
-                </button>
+        {token &&
+          data?.data.result.filter(Boolean).map(({ title, picture: { id } }) => (
+            <Link
+              key={id}
+              href={`/${TypeUrlPathMap[type]}/detail/${id}`}
+              className="carousel-item flex-col items-center font-semibold"
+            >
+              <div className="relative flex h-24 w-52 items-center justify-center break-keep rounded bg-gradient-to-br from-blue-start to-blue-end p-6 text-center text-sm text-white">
+                {title}
+                <div className="absolute right-1 top-1">
+                  <button
+                    onClick={onDeleteClick(id)}
+                    className="btn-ghost btn-xs btn-circle btn fill-main text-main"
+                  >
+                    <Icon.Bookmark />
+                  </button>
+                </div>
               </div>
-            </div>
-          </Link>
-        ))}
+            </Link>
+          ))}
       </Carousel>
     </div>
   );

From 6322a59e263bdc12587bb40c8fca0b83b4131cc1 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 03:21:18 +0900
Subject: [PATCH 100/131] =?UTF-8?q?feat:=20React=20Query=20prefetching=20?=
 =?UTF-8?q?=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/_app.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index a8b5fd2..0c021e4 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,26 +1,30 @@
 import '@/styles/globals.css';
 
+import { useState } from 'react';
 import { Provider } from 'react-redux';
 
-
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { Hydrate, QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 
-import type { AppProps } from 'next/app';
-
 import wrapper from '../store';
 
-const queryClient = new QueryClient({
-  defaultOptions: { queries: { suspense: true, useErrorBoundary: true } },
-});
+import type { AppProps } from 'next/app';
 
 const App = ({ Component, ...rest }: AppProps) => {
+  const [queryClient] = useState(
+    () =>
+      new QueryClient({
+        defaultOptions: { queries: { suspense: true, useErrorBoundary: true } },
+      })
+  );
   const { store, props } = wrapper.useWrappedStore(rest);
   const { pageProps } = props;
   return (
     <Provider store={store}>
       <QueryClientProvider client={queryClient}>
+        <Hydrate state={pageProps.dehydratedState}>
           <Component {...pageProps} />
+        </Hydrate>
         <ReactQueryDevtools />
       </QueryClientProvider>
     </Provider>

From 8bdc3f6c35de6483c2d2512c698609d496c67611 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 03:21:52 +0900
Subject: [PATCH 101/131] =?UTF-8?q?feat:=20=EA=B4=80=EC=8B=AC=20=EC=83=81?=
 =?UTF-8?q?=ED=92=88=20prefetching=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/cahoots/index.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/pages/cahoots/index.tsx b/src/pages/cahoots/index.tsx
index 831de6b..83840aa 100644
--- a/src/pages/cahoots/index.tsx
+++ b/src/pages/cahoots/index.tsx
@@ -1,5 +1,7 @@
 import { Suspense, useRef } from 'react';
 
+import ky from 'ky-universal';
+
 import DeadlineBanner from '@/components/cahoot/DeadlineBanner';
 import DeadlineCarousel from '@/components/cahoot/DeadlineCarousel';
 import List from '@/components/cahoot/List';
@@ -8,7 +10,7 @@ import Layout from '@/components/common/Layout';
 import Interests from '@/components/market/Interests';
 import wrapper from '@/store';
 import { ErrorBoundary } from '@sentry/nextjs';
-
+import { dehydrate, QueryClient } from '@tanstack/react-query';
 
 const Cahoots = () => {
   const scrollRef = useRef<HTMLDivElement>(null);
@@ -47,7 +49,18 @@ const Cahoots = () => {
 export default Cahoots;
 
 export const getServerSideProps = wrapper.getServerSideProps((state) => async () => {
+  const queryClient = new QueryClient();
+  const { token } = state.getState().user;
+  if (token) {
+    await queryClient.prefetchQuery([`cahoots/interests`], () =>
+      ky
+        .get(`${process.env.NEXT_PUBLIC_HOST}/api/auth/interests/me?page=0&size=10`, {
+          headers: { Authorization: `Bearer ${token}` },
+        })
+        .json()
+    );
+  }
   return {
-    props: {},
+    props: { dehydratedState: dehydrate(queryClient) },
   };
 });

From 475b926721f1c272007e84191c38daf8058666df Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 14:01:07 +0900
Subject: [PATCH 102/131] =?UTF-8?q?refactor:=20Interests=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20=ED=8F=B4=EB=8D=94=20=EC=9D=B4?=
 =?UTF-8?q?=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/{market => common}/Interests.tsx | 6 +++---
 src/pages/cahoots/index.tsx                     | 2 +-
 src/pages/markets/index.tsx                     | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)
 rename src/components/{market => common}/Interests.tsx (96%)

diff --git a/src/components/market/Interests.tsx b/src/components/common/Interests.tsx
similarity index 96%
rename from src/components/market/Interests.tsx
rename to src/components/common/Interests.tsx
index c16ce51..1249ed3 100644
--- a/src/components/market/Interests.tsx
+++ b/src/components/common/Interests.tsx
@@ -6,8 +6,8 @@ import { useTypeSelector } from '@/store';
 import { Interests, Response } from '@/types/response';
 import { useMutation } from '@tanstack/react-query';
 
-import Carousel from '../common/Carousel';
-import Icon from '../common/Icons';
+import Carousel from './Carousel';
+import Icon from './Icons';
 
 interface InterestsProps {
   type: 'cahoot' | 'market';
@@ -26,7 +26,7 @@ const Interests = ({ scrollRef, type }: InterestsProps) => {
     [`${type}/interests`],
     () =>
       ky
-        .get(`${process.env.NEXT_PUBLIC_HOST}/api/auth/interests/me?page=0&size=10`, {
+        .get(`${process.env.NEXT_PUBLIC_HOST}/api/auth/interests/me?page=0&size=10&type=${type}`, {
           headers: { Authorization: `Bearer ${token}` },
         })
         .json<Response<Interests>>(),
diff --git a/src/pages/cahoots/index.tsx b/src/pages/cahoots/index.tsx
index 83840aa..e3dd7c1 100644
--- a/src/pages/cahoots/index.tsx
+++ b/src/pages/cahoots/index.tsx
@@ -7,7 +7,7 @@ import DeadlineCarousel from '@/components/cahoot/DeadlineCarousel';
 import List from '@/components/cahoot/List';
 import Recap from '@/components/cahoot/Recap';
 import Layout from '@/components/common/Layout';
-import Interests from '@/components/market/Interests';
+import Interests from '@/components/common/Interests';
 import wrapper from '@/store';
 import { ErrorBoundary } from '@sentry/nextjs';
 import { dehydrate, QueryClient } from '@tanstack/react-query';
diff --git a/src/pages/markets/index.tsx b/src/pages/markets/index.tsx
index d7fe8c0..3aba6ce 100644
--- a/src/pages/markets/index.tsx
+++ b/src/pages/markets/index.tsx
@@ -2,7 +2,7 @@ import { Suspense, useRef } from 'react';
 
 import DeadlineBanner from '@/components/cahoot/DeadlineBanner';
 import Layout from '@/components/common/Layout';
-import Interests from '@/components/market/Interests';
+import Interests from '@/components/common/Interests';
 import List from '@/components/market/List';
 import PriceInfo from '@/components/market/PriceInfo';
 import RecentTrade from '@/components/market/RecentTrade';

From 53230a5768c93be2fc6359f814e835a625fd6a7f Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 14:02:30 +0900
Subject: [PATCH 103/131] =?UTF-8?q?refactor:=20Interests=20filter=20?=
 =?UTF-8?q?=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Interests.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/common/Interests.tsx b/src/components/common/Interests.tsx
index 1249ed3..55c6baa 100644
--- a/src/components/common/Interests.tsx
+++ b/src/components/common/Interests.tsx
@@ -67,7 +67,7 @@ const Interests = ({ scrollRef, type }: InterestsProps) => {
           휴양지를 추가해 주세요
         </button>
         {token &&
-          data?.data.result.filter(Boolean).map(({ title, picture: { id } }) => (
+          data?.data.result.map(({ title, picture: { id } }) => (
             <Link
               key={id}
               href={`/${TypeUrlPathMap[type]}/detail/${id}`}

From 0447a4f4b6a962f087eefd0e208aac786cf28ba4 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 14:03:30 +0900
Subject: [PATCH 104/131] =?UTF-8?q?feat:=20InterestButton=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=EB=A1=9C=20=EB=B6=84=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cahoot/DetailHeader.tsx   | 20 ++++--
 src/components/cahoot/InterestButton.tsx | 40 -----------
 src/components/cahoot/ListItems.tsx      | 17 +----
 src/components/common/InterestButton.tsx | 86 ++++++++++++++++++++++++
 src/pages/cahoots/detail/[id].tsx        | 25 ++++---
 5 files changed, 119 insertions(+), 69 deletions(-)
 delete mode 100644 src/components/cahoot/InterestButton.tsx
 create mode 100644 src/components/common/InterestButton.tsx

diff --git a/src/components/cahoot/DetailHeader.tsx b/src/components/cahoot/DetailHeader.tsx
index 6153878..3193b14 100644
--- a/src/components/cahoot/DetailHeader.tsx
+++ b/src/components/cahoot/DetailHeader.tsx
@@ -6,18 +6,21 @@ import { fetcher } from '@/libs/client/fetcher';
 import type { CahootDetailType } from '@/types/cahoot';
 import type { Response } from '@/types/response';
 
-import InterestButton from './InterestButton';
 import Order from './Order';
 
+import InterestButton from '../common/InterestButton';
+
 const DetailHeader = () => {
-  const router = useRouter();
+  const {
+    query: { id },
+  } = useRouter();
   const {
     data: {
-      data: { images, title, location, competitionRate, stockPrice, status },
+      data: { images, title, location, competitionRate, stockPrice, status, isInterest },
     },
   } = useSuspendedQuery<Response<CahootDetailType>>(
-    ['cahoot/detail', router.query.id],
-    fetcher(`${process.env.NEXT_PUBLIC_HOST}/api/cahoots/${router.query.id}?info=detail`)
+    ['cahoot/detail', id],
+    fetcher(`${process.env.NEXT_PUBLIC_HOST}/api/cahoots/${id}?info=detail`)
   );
 
   return (
@@ -60,7 +63,12 @@ const DetailHeader = () => {
             <span className="text-black">{stockPrice.toLocaleString()}원</span>
           </div>
           {status === 'CAHOOTS_ONGOING' && <Order />}
-          <InterestButton hideOnMobile />
+          <InterestButton
+            type="large"
+            isInterest={isInterest}
+            id={parseInt(String(id))}
+            hideOnMobile
+          />
         </div>
       </div>
     </div>
diff --git a/src/components/cahoot/InterestButton.tsx b/src/components/cahoot/InterestButton.tsx
deleted file mode 100644
index 9c99dee..0000000
--- a/src/components/cahoot/InterestButton.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { useRouter } from 'next/router';
-
-import { useSuspendedQuery } from '@/hooks/useSuspendedQuery';
-import { fetcher } from '@/libs/client/fetcher';
-import { CahootDetailType } from '@/types/cahoot';
-import { Response } from '@/types/response';
-import classNames from '@/utils/classnames';
-
-import Icon from '../common/Icons';
-
-interface InterestButtonProps {
-  hideOnMobile?: boolean;
-}
-
-const InterestButton = ({ hideOnMobile = false }: InterestButtonProps) => {
-  const router = useRouter();
-  const {
-    data: {
-      data: { interestCount, isInterest },
-    },
-  } = useSuspendedQuery<Response<CahootDetailType>>(
-    ['cahoot/detail', router.query.id],
-    fetcher(`${process.env.NEXT_PUBLIC_HOST}/api/cahoots/${router.query.id}?info=detail`)
-  );
-  return (
-    <button
-      className={classNames(
-        'btn-ghost btn mx-4 gap-1 border-grey',
-        isInterest ? 'fill-main text-main' : 'fill-none',
-        hideOnMobile ? 'hidden md:flex' : 'md:hidden'
-      )}
-    >
-      <Icon.Bookmark />
-      <span className="font-medium">관심상품</span>
-      <span>{interestCount.toLocaleString()}</span>
-    </button>
-  );
-};
-
-export default InterestButton;
diff --git a/src/components/cahoot/ListItems.tsx b/src/components/cahoot/ListItems.tsx
index 17ae2ed..9ef64d9 100644
--- a/src/components/cahoot/ListItems.tsx
+++ b/src/components/cahoot/ListItems.tsx
@@ -6,11 +6,10 @@ import Link from 'next/link';
 import { fetcher } from '@/libs/client/fetcher';
 import type { CahootListType } from '@/types/cahoot';
 import type { Response } from '@/types/response';
-import classNames from '@/utils/classnames';
 import { formatDate } from '@/utils/date';
 import { useInfiniteQuery } from '@tanstack/react-query';
 
-import Icon from '../common/Icons';
+import InterestButton from '../common/InterestButton';
 
 interface ListItemsProps {
   keyword: string;
@@ -31,10 +30,6 @@ const ListItems = ({ keyword }: ListItemsProps) => {
   const observerRef = useRef<IntersectionObserver>();
   const listEndRef = useRef<HTMLDivElement>(null);
 
-  const onBookmarkClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {
-    e.preventDefault();
-  };
-
   useEffect(() => {
     const onIntersection: IntersectionObserverCallback = (entries, observer) => {
       entries.forEach((entry) => {
@@ -90,15 +85,7 @@ const ListItems = ({ keyword }: ListItemsProps) => {
                       {title}
                     </span>
                     <div className="absolute right-3 top-1 md:top-auto">
-                      <button
-                        onClick={onBookmarkClick}
-                        className={classNames(
-                          'btn-ghost btn-xs btn-circle btn',
-                          isInterest ? 'fill-main text-main' : 'fill-none'
-                        )}
-                      >
-                        <Icon.Bookmark />
-                      </button>
+                      <InterestButton type="small" id={id} isInterest={isInterest} />
                     </div>
                   </div>
                   <div className="flex flex-col gap-1 md:flex-row md:gap-4">
diff --git a/src/components/common/InterestButton.tsx b/src/components/common/InterestButton.tsx
new file mode 100644
index 0000000..a8a8e99
--- /dev/null
+++ b/src/components/common/InterestButton.tsx
@@ -0,0 +1,86 @@
+import ky from 'ky-universal';
+
+import { useSuspendedQuery } from '@/hooks/useSuspendedQuery';
+import { useTypeSelector } from '@/store';
+import { CahootDetailType } from '@/types/cahoot';
+import { Response } from '@/types/response';
+import classNames from '@/utils/classnames';
+import { useMutation } from '@tanstack/react-query';
+
+import Icon from './Icons';
+
+interface InterestButtonProps {
+  id: number;
+  isInterest?: boolean;
+  type: 'small' | 'large';
+  hideOnMobile?: boolean;
+}
+
+const InterestButton = ({ id, isInterest, type, hideOnMobile = false }: InterestButtonProps) => {
+  const token = useTypeSelector((state) => state.user.token);
+  const userId = useTypeSelector((state) => state.user.id);
+  const { mutate: addInterest } = useMutation<
+    Response,
+    Error,
+    { userId: number; vacationId: number }
+  >({
+    mutationFn: (body) =>
+      ky.post(`${process.env.NEXT_PUBLIC_HOST}/api/auth/interests`, { json: body }).json(),
+  });
+  const { mutate: deleteInterest } = useMutation<
+    Response,
+    Error,
+    { userId: number; vacationId: number }
+  >({
+    mutationFn: (body) =>
+      ky
+        .delete(`${process.env.NEXT_PUBLIC_HOST}/api/auth/interests`, {
+          json: body,
+          headers: { Authorization: `Bearer ${token}` },
+        })
+        .json(),
+  });
+  const { data } = useSuspendedQuery<Response<CahootDetailType>>(
+    ['cahoot/detail', id],
+    () => ky.get(`${process.env.NEXT_PUBLIC_HOST}/api/cahoots/${id}?info=detail`).json(),
+    { enabled: type === 'large' }
+  );
+
+  const onBookmarkClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {
+    e.preventDefault();
+    if (!userId) return;
+    const body = { userId, vacationId: id };
+    if (isInterest) {
+      deleteInterest(body);
+    } else {
+      addInterest(body);
+    }
+  };
+
+  return type === 'small' ? (
+    <button
+      onClick={onBookmarkClick}
+      className={classNames(
+        'btn-ghost btn-xs btn-circle btn',
+        isInterest ? 'fill-main text-main' : 'fill-none'
+      )}
+    >
+      <Icon.Bookmark />
+    </button>
+  ) : (
+    <button
+      className={classNames(
+        'btn-ghost btn mx-4 gap-1 border-grey',
+        data?.data.isInterest ? 'fill-main text-main' : 'fill-none',
+        hideOnMobile ? 'hidden md:flex' : 'md:hidden'
+      )}
+      onClick={onBookmarkClick}
+    >
+      <Icon.Bookmark />
+      <span className="font-medium">관심상품</span>
+      <span>{data?.data.interestCount.toLocaleString()}</span>
+    </button>
+  );
+};
+
+export default InterestButton;
diff --git a/src/pages/cahoots/detail/[id].tsx b/src/pages/cahoots/detail/[id].tsx
index 9369e59..142da5b 100644
--- a/src/pages/cahoots/detail/[id].tsx
+++ b/src/pages/cahoots/detail/[id].tsx
@@ -2,13 +2,15 @@ import { Suspense } from 'react';
 
 import DetailBody from '@/components/cahoot/DetailBody';
 import DetailHeader from '@/components/cahoot/DetailHeader';
-import InterestButton from '@/components/cahoot/InterestButton';
 import OrderMobile from '@/components/cahoot/OrderMobile';
+import InterestButton from '@/components/common/InterestButton';
 import Layout from '@/components/common/Layout';
 import wrapper from '@/store';
 import { ErrorBoundary } from '@sentry/nextjs';
 
-const CahootsDetail = () => {
+import type { InferGetServerSidePropsType } from 'next';
+
+const CahootsDetail = ({ id }: InferGetServerSidePropsType<typeof getServerSideProps>) => {
   return (
     <Layout>
       <div className="mb-60 flex flex-col gap-6 md:mb-0">
@@ -22,7 +24,7 @@ const CahootsDetail = () => {
             )}
           >
             <DetailHeader />
-            <InterestButton />
+            <InterestButton id={id} type="large" />
             <DetailBody />
             <OrderMobile />
           </ErrorBoundary>
@@ -32,10 +34,17 @@ const CahootsDetail = () => {
   );
 };
 
-export const getServerSideProps = wrapper.getServerSideProps(() => async () => {
-  return {
-    props: {},
-  };
-});
+export const getServerSideProps = wrapper.getServerSideProps<{ id: number }>(
+  () => async (context) => {
+    const { id } = context.query;
+    if (typeof id !== 'string' || !parseInt(id)) return { notFound: true };
+
+    return {
+      props: {
+        id: parseInt(id),
+      },
+    };
+  }
+);
 
 export default CahootsDetail;

From 23185f9dab2cc510849b095838ac808c13d679d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 2 Mar 2023 16:50:27 +0900
Subject: [PATCH 105/131] =?UTF-8?q?style:=20=EA=B3=B5=EB=AA=A8=20=EB=82=B4?=
 =?UTF-8?q?=EC=97=AD=20UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ParticipatedContest.tsx     | 36 ++++++++++++++
 src/components/common/Table.tsx            | 58 ++++++++++++++++++++++
 src/pages/mypage/cahoots.tsx               | 26 ++++++++++
 src/pages/{mypage.tsx => mypage/index.tsx} |  2 +
 tailwind.config.js                         |  1 +
 5 files changed, 123 insertions(+)
 create mode 100644 src/components/ParticipatedContest.tsx
 create mode 100644 src/components/common/Table.tsx
 create mode 100644 src/pages/mypage/cahoots.tsx
 rename src/pages/{mypage.tsx => mypage/index.tsx} (96%)

diff --git a/src/components/ParticipatedContest.tsx b/src/components/ParticipatedContest.tsx
new file mode 100644
index 0000000..591923e
--- /dev/null
+++ b/src/components/ParticipatedContest.tsx
@@ -0,0 +1,36 @@
+import Link from 'next/link';
+
+import Icon from '@/components/common/Icons';
+import Table from '@/components/common/Table';
+
+const ParticapatedContest = () => {
+  return (
+    <>
+      {/* only desktop */}
+      <div className="my-2 hidden rounded-md border border-grey px-6 py-6 pt-4 md:block">
+        <p className="text-lg font-bold text-main">공모 내역</p>
+        <hr className="border-1 my-2 border-grey"></hr>
+        <div className="flex flex-col gap-3">
+          <Table printAllData={false} />
+        </div>
+      </div>
+      {/* only mobile */}
+      <Link href={`/mypage/cahoots`}>
+        <div className="my-6 mx-12 block flex items-center justify-start gap-4 rounded-md border border-grey px-6 py-4 md:hidden">
+          <div>
+            <Icon.Gavel />
+          </div>
+          <div className="flex w-48 flex-col gap-0.5">
+            <p className="text-sm font-bold">공모내역</p>
+            <p className="text-xs font-medium text-grey-middle">참여한 공모 내역</p>
+          </div>
+          <div className="ml-auto text-grey-middle">
+            <Icon.Right />
+          </div>
+        </div>
+      </Link>
+    </>
+  );
+};
+
+export default ParticapatedContest;
diff --git a/src/components/common/Table.tsx b/src/components/common/Table.tsx
new file mode 100644
index 0000000..96267ec
--- /dev/null
+++ b/src/components/common/Table.tsx
@@ -0,0 +1,58 @@
+interface PropsType {
+  // table type
+  printAllData: boolean;
+  border?: boolean;
+}
+
+const Table = ({ printAllData, border }: PropsType) => {
+  // TODO: 데이터 0개일때 처리
+  return (
+    <>
+      <div className={`${border ? 'rounded border border-grey' : ''} overflow-x-auto text-xs`}>
+        <table className={`table-compact table w-full text-center`}>
+          <thead>
+            <tr className="text-bold text-dark-grey">
+              <th className="bg-white px-5">공모명</th>
+              <th className="bg-white px-5">거래 시간</th>
+              <th className="bg-white px-5">가격</th>
+              <th className="bg-white px-5">수량(주)</th>
+              <th className="bg-white px-5">진행도</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td className="w-full truncate">일본 유명 호스트 다나카와 함께</td>
+              <td>23-01-06</td>
+              <td>{Number(28000).toLocaleString()}</td>
+              <td>2</td>
+              <td>
+                <div className="badge w-full border-transparent bg-main text-white">진행 중</div>
+              </td>
+            </tr>
+            <tr>
+              <td className="w-full truncate">일본 유명 호스트 다나카와 함께</td>
+              <td>23-01-06</td>
+              <td>{Number(28000).toLocaleString()}</td>
+              <td>2</td>
+              <td>
+                <div className="badge w-full border-transparent bg-red text-white">취소</div>
+              </td>
+            </tr>
+            <tr>
+              <td className="w-full truncate">일본 유명 호스트 다나카와 함께</td>
+              <td>23-01-06</td>
+              <td>{Number(28000).toLocaleString()}</td>
+              <td>2</td>
+              <td>
+                <div className="badge w-full border-transparent bg-blue text-white">완료</div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      {!printAllData && <button className="btn-primary btn-block btn-sm btn">More</button>}
+    </>
+  );
+};
+
+export default Table;
diff --git a/src/pages/mypage/cahoots.tsx b/src/pages/mypage/cahoots.tsx
new file mode 100644
index 0000000..8b033fe
--- /dev/null
+++ b/src/pages/mypage/cahoots.tsx
@@ -0,0 +1,26 @@
+import Icon from '@/components/common/Icons';
+import Table from '@/components/common/Table';
+
+export default function Cahoots() {
+  return (
+    <>
+      {/* only desktop */}
+      {/* TODO: 데스크탑일 때 처리 */}
+      <div className="hidden md:block">모바일 전용 페이지입니다. 마이페이지로 이동(버튼)</div>
+      {/* only mobile */}
+      <div className="block md:hidden">
+        <section className="flex w-full items-center gap-2.5 px-10 py-4 text-center">
+          <div className="w-1/12">
+            {/* TODO: 뒤로가기 */}
+            <Icon.Left />
+          </div>
+          <h1 className="w-11/12 pr-12 text-xl font-bold">공모 내역</h1>
+        </section>
+        <hr className="border-1 mb-2 border-grey" />
+        <main className="p-4">
+          <Table printAllData={true} border={true} />
+        </main>
+      </div>
+    </>
+  );
+}
diff --git a/src/pages/mypage.tsx b/src/pages/mypage/index.tsx
similarity index 96%
rename from src/pages/mypage.tsx
rename to src/pages/mypage/index.tsx
index 77efbda..6b55aef 100644
--- a/src/pages/mypage.tsx
+++ b/src/pages/mypage/index.tsx
@@ -5,6 +5,7 @@ import Image from 'next/image';
 import Link from 'next/link';
 
 import Layout from '@/components/common/Layout';
+import ParticapatedContest from '@/components/ParticipatedContest';
 import UserInfo from '@/components/UserInfo';
 import { ErrorBoundary } from '@sentry/nextjs';
 
@@ -73,6 +74,7 @@ const Mypage = () => {
               </div>
               <div className="w-full md:w-3/4">
                 <UserInfo />
+                <ParticapatedContest />
               </div>
             </div>
           </ErrorBoundary>
diff --git a/tailwind.config.js b/tailwind.config.js
index 5df1bb3..a1d9cb6 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -23,6 +23,7 @@ module.exports = {
       black: '#000000',
       red: '#DF6B5A',
       blue: '#364BB3',
+      'dark-grey': '#606060',
       'grey-middle': '#8E949F',
     },
     gradientColorStops: {

From 008789d61059a3ce0065ac7285698d19f3812d75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 2 Mar 2023 16:50:51 +0900
Subject: [PATCH 106/131] =?UTF-8?q?style:=20border=20=EA=B5=B5=EA=B8=B0=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/UserInfo.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/UserInfo.tsx b/src/components/UserInfo.tsx
index 0e7a604..927920a 100644
--- a/src/components/UserInfo.tsx
+++ b/src/components/UserInfo.tsx
@@ -1,11 +1,12 @@
 import Icon from '@/components/common/Icons';
+
 const UserInfo = () => {
   return (
     <>
       {/* only desktop */}
       <div className="my-2 hidden rounded-md border border-grey px-6 py-6 pt-4 md:block">
         <p className="text-lg font-bold text-main">홍길동님</p>
-        <hr className="my-2 border border-grey"></hr>
+        <hr className="border-1 my-2 border-grey"></hr>
         <div className="flex flex-col gap-3">
           <p className="flex gap-6 text-sm">
             <span className="w-20">보유 캐쉬:</span>
@@ -37,7 +38,7 @@ const UserInfo = () => {
         </div>
         <div className="my-6 mx-12 rounded-md border border-main px-6 pt-4 pb-6">
           <p className="text-xl font-bold">내 지갑</p>
-          <hr className="my-2 border border-grey"></hr>
+          <hr className="border-1 my-2 border-grey"></hr>
           <p className="py-1 text-xs font-black">보유캐쉬</p>
           <p className="flex items-center gap-1">
             <span>
@@ -47,7 +48,7 @@ const UserInfo = () => {
               {Number(4000000).toLocaleString()}원
             </span>
           </p>
-          <hr className="my-2 border border-grey"></hr>
+          <hr className="border-1 my-2 border-grey"></hr>
           <p className="py-1 text-xs font-black">총 지분 가치</p>
           <p className="flex items-center gap-1">
             <span>

From f447e0138a51f73d0f911564362589fc73412370 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 2 Mar 2023 16:53:39 +0900
Subject: [PATCH 107/131] =?UTF-8?q?chore:=20=EB=A7=88=EC=9D=B4=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=EC=97=90=EC=84=9C=20=EC=82=AC=EC=9A=A9?=
 =?UTF-8?q?=EB=90=98=EB=8A=94=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20?=
 =?UTF-8?q?=ED=8F=B4=EB=8D=94=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/{ => mypage}/ParticipatedContest.tsx | 0
 src/components/{ => mypage}/UserInfo.tsx            | 0
 src/pages/mypage/index.tsx                          | 4 ++--
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename src/components/{ => mypage}/ParticipatedContest.tsx (100%)
 rename src/components/{ => mypage}/UserInfo.tsx (100%)

diff --git a/src/components/ParticipatedContest.tsx b/src/components/mypage/ParticipatedContest.tsx
similarity index 100%
rename from src/components/ParticipatedContest.tsx
rename to src/components/mypage/ParticipatedContest.tsx
diff --git a/src/components/UserInfo.tsx b/src/components/mypage/UserInfo.tsx
similarity index 100%
rename from src/components/UserInfo.tsx
rename to src/components/mypage/UserInfo.tsx
diff --git a/src/pages/mypage/index.tsx b/src/pages/mypage/index.tsx
index 6b55aef..e1bd4e4 100644
--- a/src/pages/mypage/index.tsx
+++ b/src/pages/mypage/index.tsx
@@ -5,8 +5,8 @@ import Image from 'next/image';
 import Link from 'next/link';
 
 import Layout from '@/components/common/Layout';
-import ParticapatedContest from '@/components/ParticipatedContest';
-import UserInfo from '@/components/UserInfo';
+import ParticapatedContest from '@/components/mypage/ParticipatedContest';
+import UserInfo from '@/components/mypage/UserInfo';
 import { ErrorBoundary } from '@sentry/nextjs';
 
 const Mypage = () => {

From 8248e813e75b6dbfd71ad123e0cc77855f04014a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 2 Mar 2023 17:02:54 +0900
Subject: [PATCH 108/131] =?UTF-8?q?style:=20=ED=85=8C=EC=9D=B4=EB=B8=94=20?=
 =?UTF-8?q?=ED=97=A4=EB=8D=94/=EB=B0=94=EB=94=94=20=EA=B5=AC=EB=B6=84?=
 =?UTF-8?q?=EC=84=A0=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Table.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/common/Table.tsx b/src/components/common/Table.tsx
index 96267ec..f8a81ec 100644
--- a/src/components/common/Table.tsx
+++ b/src/components/common/Table.tsx
@@ -10,7 +10,7 @@ const Table = ({ printAllData, border }: PropsType) => {
     <>
       <div className={`${border ? 'rounded border border-grey' : ''} overflow-x-auto text-xs`}>
         <table className={`table-compact table w-full text-center`}>
-          <thead>
+          <thead className={`${border ? 'border-b border-grey' : ''}`}>
             <tr className="text-bold text-dark-grey">
               <th className="bg-white px-5">공모명</th>
               <th className="bg-white px-5">거래 시간</th>

From d8eacb8d618441084906ce55999f042b5aa9962d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 2 Mar 2023 17:03:21 +0900
Subject: [PATCH 109/131] =?UTF-8?q?style:=20=EA=B1=B0=EB=9E=98=20=ED=98=84?=
 =?UTF-8?q?=ED=99=A9=20UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/mypage/Transactions.tsx | 36 ++++++++++++++++++++++++++
 src/pages/mypage/index.tsx             |  2 ++
 src/pages/mypage/transactions.tsx      | 26 +++++++++++++++++++
 3 files changed, 64 insertions(+)
 create mode 100644 src/components/mypage/Transactions.tsx
 create mode 100644 src/pages/mypage/transactions.tsx

diff --git a/src/components/mypage/Transactions.tsx b/src/components/mypage/Transactions.tsx
new file mode 100644
index 0000000..0f580c8
--- /dev/null
+++ b/src/components/mypage/Transactions.tsx
@@ -0,0 +1,36 @@
+import Link from 'next/link';
+
+import Icon from '@/components/common/Icons';
+import Table from '@/components/common/Table';
+
+const Transactions = () => {
+  return (
+    <>
+      {/* only desktop */}
+      <div className="my-2 hidden rounded-md border border-grey px-6 py-6 pt-4 md:block">
+        <p className="text-lg font-bold text-main">거래 현황</p>
+        <hr className="border-1 my-2 border-grey"></hr>
+        <div className="flex flex-col gap-3">
+          <Table printAllData={false} />
+        </div>
+      </div>
+      {/* only mobile */}
+      <Link href={`/mypage/transactions`}>
+        <div className="my-6 mx-12 block flex items-center justify-start gap-4 rounded-md border border-grey px-6 py-4 md:hidden">
+          <div>
+            <Icon.Market />
+          </div>
+          <div className="flex w-48 flex-col gap-0.5">
+            <p className="text-sm font-bold">거래 현황</p>
+            <p className="text-xs font-medium text-grey-middle">마켓 거래 현황</p>
+          </div>
+          <div className="ml-auto text-grey-middle">
+            <Icon.Right />
+          </div>
+        </div>
+      </Link>
+    </>
+  );
+};
+
+export default Transactions;
diff --git a/src/pages/mypage/index.tsx b/src/pages/mypage/index.tsx
index e1bd4e4..c7967ee 100644
--- a/src/pages/mypage/index.tsx
+++ b/src/pages/mypage/index.tsx
@@ -6,6 +6,7 @@ import Link from 'next/link';
 
 import Layout from '@/components/common/Layout';
 import ParticapatedContest from '@/components/mypage/ParticipatedContest';
+import Transactions from '@/components/mypage/Transactions';
 import UserInfo from '@/components/mypage/UserInfo';
 import { ErrorBoundary } from '@sentry/nextjs';
 
@@ -75,6 +76,7 @@ const Mypage = () => {
               <div className="w-full md:w-3/4">
                 <UserInfo />
                 <ParticapatedContest />
+                <Transactions />
               </div>
             </div>
           </ErrorBoundary>
diff --git a/src/pages/mypage/transactions.tsx b/src/pages/mypage/transactions.tsx
new file mode 100644
index 0000000..b227a20
--- /dev/null
+++ b/src/pages/mypage/transactions.tsx
@@ -0,0 +1,26 @@
+import Icon from '@/components/common/Icons';
+import Table from '@/components/common/Table';
+
+export default function Transactions() {
+  return (
+    <>
+      {/* only desktop */}
+      {/* TODO: 데스크탑일 때 처리 */}
+      <div className="hidden md:block">모바일 전용 페이지입니다. 마이페이지로 이동(버튼)</div>
+      {/* only mobile */}
+      <div className="block md:hidden">
+        <section className="flex w-full items-center gap-2.5 px-10 py-4 text-center">
+          <div className="w-1/12">
+            {/* TODO: 뒤로가기 */}
+            <Icon.Left />
+          </div>
+          <h1 className="w-11/12 pr-12 text-xl font-bold">거래 현황</h1>
+        </section>
+        <hr className="border-1 mb-2 border-grey" />
+        <main className="p-4">
+          <Table printAllData={true} border={true} />
+        </main>
+      </div>
+    </>
+  );
+}

From 23e11ce878ce6764410c082d1c875a2d105a6c14 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 17:36:47 +0900
Subject: [PATCH 110/131] =?UTF-8?q?feat:=20ky=20instance=20=EC=84=A4?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/libs/client/api.ts | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 src/libs/client/api.ts

diff --git a/src/libs/client/api.ts b/src/libs/client/api.ts
new file mode 100644
index 0000000..199977d
--- /dev/null
+++ b/src/libs/client/api.ts
@@ -0,0 +1,5 @@
+import kyUniversal from 'ky-universal';
+
+export const api = kyUniversal.create({
+  prefixUrl: `${process.env.NEXT_PUBLIC_HOST}/api`,
+});

From 8d06333c2ea941fb11dfd69a23576d0dacb1744b Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 17:37:23 +0900
Subject: [PATCH 111/131] =?UTF-8?q?fix:=20=EA=B4=80=EC=8B=AC=20=EC=83=81?=
 =?UTF-8?q?=ED=92=88=20API=20=EC=9D=91=EB=8B=B5=20=ED=83=80=EC=9E=85=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/types/response.d.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/types/response.d.ts b/src/types/response.d.ts
index cf4f257..dc9021c 100644
--- a/src/types/response.d.ts
+++ b/src/types/response.d.ts
@@ -9,12 +9,13 @@ export type Interests = {
     title: string;
     shortDescription: string;
     location: string;
+    vacationId: number;
     picture: {
       createdAt: string;
       updatedAt: string;
       id: number;
       type: string;
       url: string;
-    };
+    } | null;
   }[];
 };

From 6fe0d9e48cccf07d6ca776a04ef9c3bc4088808e Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 17:38:20 +0900
Subject: [PATCH 112/131] =?UTF-8?q?feat:=20redux=20cookie=20maxAge=20?=
 =?UTF-8?q?=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 백엔드 jwt 유효기간과 동일하게 설정
---
 src/store/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/store/index.ts b/src/store/index.ts
index 53676c0..4f048cc 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -20,6 +20,7 @@ const makeStore = wrapMakeStore(() =>
           nextReduxCookieMiddleware({
             subtrees: ['user'],
             sameSite: 'lax',
+            maxAge: 60 * 60,
           })
         )
         .concat(logger),

From 1674341c0696088f7036d659817de046855c1178 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 17:42:16 +0900
Subject: [PATCH 113/131] =?UTF-8?q?feat:=20ky=20->=20api=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/InterestButton.tsx | 18 ++++++++----------
 src/components/common/Interests.tsx      |  6 +++---
 src/pages/cahoots/index.tsx              |  9 ++++-----
 3 files changed, 15 insertions(+), 18 deletions(-)

diff --git a/src/components/common/InterestButton.tsx b/src/components/common/InterestButton.tsx
index a8a8e99..64c5abd 100644
--- a/src/components/common/InterestButton.tsx
+++ b/src/components/common/InterestButton.tsx
@@ -1,6 +1,5 @@
-import ky from 'ky-universal';
-
 import { useSuspendedQuery } from '@/hooks/useSuspendedQuery';
+import { api } from '@/libs/client/api';
 import { useTypeSelector } from '@/store';
 import { CahootDetailType } from '@/types/cahoot';
 import { Response } from '@/types/response';
@@ -25,7 +24,9 @@ const InterestButton = ({ id, isInterest, type, hideOnMobile = false }: Interest
     { userId: number; vacationId: number }
   >({
     mutationFn: (body) =>
-      ky.post(`${process.env.NEXT_PUBLIC_HOST}/api/auth/interests`, { json: body }).json(),
+      api
+        .post(`auth/interests`, { json: body, headers: { Authorization: `Bearer ${token}` } })
+        .json(),
   });
   const { mutate: deleteInterest } = useMutation<
     Response,
@@ -33,16 +34,13 @@ const InterestButton = ({ id, isInterest, type, hideOnMobile = false }: Interest
     { userId: number; vacationId: number }
   >({
     mutationFn: (body) =>
-      ky
-        .delete(`${process.env.NEXT_PUBLIC_HOST}/api/auth/interests`, {
-          json: body,
-          headers: { Authorization: `Bearer ${token}` },
-        })
+      api
+        .delete(`auth/interests`, { json: body, headers: { Authorization: `Bearer ${token}` } })
         .json(),
   });
   const { data } = useSuspendedQuery<Response<CahootDetailType>>(
-    ['cahoot/detail', id],
-    () => ky.get(`${process.env.NEXT_PUBLIC_HOST}/api/cahoots/${id}?info=detail`).json(),
+    ['cahoot/detail', `${id}`],
+    () => api.get(`cahoots/${id}?info=detail`).json(),
     { enabled: type === 'large' }
   );
 
diff --git a/src/components/common/Interests.tsx b/src/components/common/Interests.tsx
index 55c6baa..c09d66b 100644
--- a/src/components/common/Interests.tsx
+++ b/src/components/common/Interests.tsx
@@ -1,7 +1,7 @@
-import ky from 'ky-universal';
 import Link from 'next/link';
 
 import { useSuspendedQuery } from '@/hooks/useSuspendedQuery';
+import { api } from '@/libs/client/api';
 import { useTypeSelector } from '@/store';
 import { Interests, Response } from '@/types/response';
 import { useMutation } from '@tanstack/react-query';
@@ -25,8 +25,8 @@ const Interests = ({ scrollRef, type }: InterestsProps) => {
   const { data } = useSuspendedQuery<Response<Interests>>(
     [`${type}/interests`],
     () =>
-      ky
-        .get(`${process.env.NEXT_PUBLIC_HOST}/api/auth/interests/me?page=0&size=10&type=${type}`, {
+      api
+        .get(`auth/interests/me?page=0&size=10&type=${type}`, {
           headers: { Authorization: `Bearer ${token}` },
         })
         .json<Response<Interests>>(),
diff --git a/src/pages/cahoots/index.tsx b/src/pages/cahoots/index.tsx
index e3dd7c1..2816930 100644
--- a/src/pages/cahoots/index.tsx
+++ b/src/pages/cahoots/index.tsx
@@ -1,13 +1,12 @@
 import { Suspense, useRef } from 'react';
 
-import ky from 'ky-universal';
-
 import DeadlineBanner from '@/components/cahoot/DeadlineBanner';
 import DeadlineCarousel from '@/components/cahoot/DeadlineCarousel';
 import List from '@/components/cahoot/List';
 import Recap from '@/components/cahoot/Recap';
-import Layout from '@/components/common/Layout';
 import Interests from '@/components/common/Interests';
+import Layout from '@/components/common/Layout';
+import { api } from '@/libs/client/api';
 import wrapper from '@/store';
 import { ErrorBoundary } from '@sentry/nextjs';
 import { dehydrate, QueryClient } from '@tanstack/react-query';
@@ -53,8 +52,8 @@ export const getServerSideProps = wrapper.getServerSideProps((state) => async ()
   const { token } = state.getState().user;
   if (token) {
     await queryClient.prefetchQuery([`cahoots/interests`], () =>
-      ky
-        .get(`${process.env.NEXT_PUBLIC_HOST}/api/auth/interests/me?page=0&size=10`, {
+      api
+        .get(`auth/interests/me?page=0&size=10`, {
           headers: { Authorization: `Bearer ${token}` },
         })
         .json()

From bada1dca6c1ef1c2700f6cf11fe98c2167f9eec2 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 17:43:06 +0900
Subject: [PATCH 114/131] =?UTF-8?q?feat:=20mutate=20=EC=9D=B4=ED=9B=84=20i?=
 =?UTF-8?q?nvalidateQueries=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/InterestButton.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/common/InterestButton.tsx b/src/components/common/InterestButton.tsx
index 64c5abd..d0b1a11 100644
--- a/src/components/common/InterestButton.tsx
+++ b/src/components/common/InterestButton.tsx
@@ -4,7 +4,7 @@ import { useTypeSelector } from '@/store';
 import { CahootDetailType } from '@/types/cahoot';
 import { Response } from '@/types/response';
 import classNames from '@/utils/classnames';
-import { useMutation } from '@tanstack/react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import Icon from './Icons';
 
@@ -18,7 +18,8 @@ interface InterestButtonProps {
 const InterestButton = ({ id, isInterest, type, hideOnMobile = false }: InterestButtonProps) => {
   const token = useTypeSelector((state) => state.user.token);
   const userId = useTypeSelector((state) => state.user.id);
-  const { mutate: addInterest } = useMutation<
+  const queryClient = useQueryClient();
+  const { mutateAsync: addInterest } = useMutation<
     Response,
     Error,
     { userId: number; vacationId: number }
@@ -28,7 +29,7 @@ const InterestButton = ({ id, isInterest, type, hideOnMobile = false }: Interest
         .post(`auth/interests`, { json: body, headers: { Authorization: `Bearer ${token}` } })
         .json(),
   });
-  const { mutate: deleteInterest } = useMutation<
+  const { mutateAsync: deleteInterest } = useMutation<
     Response,
     Error,
     { userId: number; vacationId: number }
@@ -44,15 +45,19 @@ const InterestButton = ({ id, isInterest, type, hideOnMobile = false }: Interest
     { enabled: type === 'large' }
   );
 
-  const onBookmarkClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {
+  const onBookmarkClick: React.MouseEventHandler<HTMLButtonElement> = async (e) => {
     e.preventDefault();
     if (!userId) return;
     const body = { userId, vacationId: id };
     if (isInterest) {
-      deleteInterest(body);
+      await deleteInterest(body);
     } else {
-      addInterest(body);
+      await addInterest(body);
     }
+    queryClient.invalidateQueries({ queryKey: ['cahoot/list'] });
+    queryClient.invalidateQueries({ queryKey: ['cahoot/interests'] });
+    queryClient.invalidateQueries({ queryKey: ['cahoot/detail', `${id}`] });
+    queryClient.invalidateQueries({ queryKey: ['market/list'] });
   };
 
   return type === 'small' ? (

From 7bc73309e1572069ab87182c596f0982308cc25e Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 17:43:48 +0900
Subject: [PATCH 115/131] =?UTF-8?q?feat:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8?=
 =?UTF-8?q?=ED=96=88=EC=9D=84=20=EB=95=8C=EB=A7=8C=20=EA=B4=80=EC=8B=AC=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EB=A0=8C=EB=8D=94=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/InterestButton.tsx | 50 ++++++++++++------------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/src/components/common/InterestButton.tsx b/src/components/common/InterestButton.tsx
index d0b1a11..891d64d 100644
--- a/src/components/common/InterestButton.tsx
+++ b/src/components/common/InterestButton.tsx
@@ -60,30 +60,32 @@ const InterestButton = ({ id, isInterest, type, hideOnMobile = false }: Interest
     queryClient.invalidateQueries({ queryKey: ['market/list'] });
   };
 
-  return type === 'small' ? (
-    <button
-      onClick={onBookmarkClick}
-      className={classNames(
-        'btn-ghost btn-xs btn-circle btn',
-        isInterest ? 'fill-main text-main' : 'fill-none'
-      )}
-    >
-      <Icon.Bookmark />
-    </button>
-  ) : (
-    <button
-      className={classNames(
-        'btn-ghost btn mx-4 gap-1 border-grey',
-        data?.data.isInterest ? 'fill-main text-main' : 'fill-none',
-        hideOnMobile ? 'hidden md:flex' : 'md:hidden'
-      )}
-      onClick={onBookmarkClick}
-    >
-      <Icon.Bookmark />
-      <span className="font-medium">관심상품</span>
-      <span>{data?.data.interestCount.toLocaleString()}</span>
-    </button>
-  );
+  return userId ? (
+    type === 'small' ? (
+      <button
+        onClick={onBookmarkClick}
+        className={classNames(
+          'btn-ghost btn-xs btn-circle btn',
+          isInterest ? 'fill-main text-main' : 'fill-none'
+        )}
+      >
+        <Icon.Bookmark />
+      </button>
+    ) : (
+      <button
+        className={classNames(
+          'btn-ghost btn mx-4 gap-1 border-grey',
+          data?.data.isInterest ? 'fill-main text-main' : 'fill-none',
+          hideOnMobile ? 'hidden md:flex' : 'md:hidden'
+        )}
+        onClick={onBookmarkClick}
+      >
+        <Icon.Bookmark />
+        <span className="font-medium">관심상품</span>
+        <span>{data?.data.interestCount.toLocaleString()}</span>
+      </button>
+    )
+  ) : null;
 };
 
 export default InterestButton;

From a6b0583858b61848f23b177004c901e6656e8508 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 17:45:38 +0900
Subject: [PATCH 116/131] =?UTF-8?q?feat:=20=EA=B4=80=EC=8B=AC=20=EC=83=81?=
 =?UTF-8?q?=ED=92=88=20=EB=B3=80=EA=B2=BD=EB=90=9C=20=ED=83=80=EC=9E=85=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Interests.tsx | 32 +++++------------------------
 1 file changed, 5 insertions(+), 27 deletions(-)

diff --git a/src/components/common/Interests.tsx b/src/components/common/Interests.tsx
index c09d66b..acbe8f2 100644
--- a/src/components/common/Interests.tsx
+++ b/src/components/common/Interests.tsx
@@ -4,10 +4,10 @@ import { useSuspendedQuery } from '@/hooks/useSuspendedQuery';
 import { api } from '@/libs/client/api';
 import { useTypeSelector } from '@/store';
 import { Interests, Response } from '@/types/response';
-import { useMutation } from '@tanstack/react-query';
 
 import Carousel from './Carousel';
 import Icon from './Icons';
+import InterestButton from './InterestButton';
 
 interface InterestsProps {
   type: 'cahoot' | 'market';
@@ -20,7 +20,6 @@ const TypeUrlPathMap = {
 } as const;
 
 const Interests = ({ scrollRef, type }: InterestsProps) => {
-  const userId = useTypeSelector((state) => state.user.id);
   const token = useTypeSelector((state) => state.user.token);
   const { data } = useSuspendedQuery<Response<Interests>>(
     [`${type}/interests`],
@@ -32,23 +31,7 @@ const Interests = ({ scrollRef, type }: InterestsProps) => {
         .json<Response<Interests>>(),
     { enabled: !!token }
   );
-  const { mutate } = useMutation<Response, Error, { userId: number; vacationId: number }>({
-    mutationFn: (body) =>
-      ky
-        .delete(`${process.env.NEXT_PUBLIC_HOST}/api/auth/interests`, {
-          json: body,
-          headers: { Authorization: `Bearer ${token}` },
-        })
-        .json(),
-  });
 
-  const onDeleteClick =
-    (interestId: number): React.MouseEventHandler<HTMLButtonElement> =>
-    (e) => {
-      e.preventDefault();
-      if (!userId) return;
-      mutate({ userId, vacationId: interestId });
-    };
   const onAddClick = () => {
     if (!scrollRef.current) return;
     const top = window.scrollY + scrollRef.current.getBoundingClientRect().top - 70;
@@ -67,21 +50,16 @@ const Interests = ({ scrollRef, type }: InterestsProps) => {
           휴양지를 추가해 주세요
         </button>
         {token &&
-          data?.data.result.map(({ title, picture: { id } }) => (
+          data?.data.result.map(({ title, vacationId }) => (
             <Link
-              key={id}
-              href={`/${TypeUrlPathMap[type]}/detail/${id}`}
+              key={vacationId}
+              href={`/${TypeUrlPathMap[type]}/detail/${vacationId}`}
               className="carousel-item flex-col items-center font-semibold"
             >
               <div className="relative flex h-24 w-52 items-center justify-center break-keep rounded bg-gradient-to-br from-blue-start to-blue-end p-6 text-center text-sm text-white">
                 {title}
                 <div className="absolute right-1 top-1">
-                  <button
-                    onClick={onDeleteClick(id)}
-                    className="btn-ghost btn-xs btn-circle btn fill-main text-main"
-                  >
-                    <Icon.Bookmark />
-                  </button>
+                  <InterestButton type="small" id={vacationId} isInterest />
                 </div>
               </div>
             </Link>

From b7ba5a52c4ffd8643a8d930391782c185c32f7e7 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 17:46:41 +0900
Subject: [PATCH 117/131] =?UTF-8?q?feat:=20=EC=A1=B4=EC=9E=AC=ED=95=98?=
 =?UTF-8?q?=EC=A7=80=20=EC=95=8A=EB=8A=94=20=EA=B3=B5=EB=AA=A8=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/cahoots/detail/[id].tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/pages/cahoots/detail/[id].tsx b/src/pages/cahoots/detail/[id].tsx
index 142da5b..d27c0a3 100644
--- a/src/pages/cahoots/detail/[id].tsx
+++ b/src/pages/cahoots/detail/[id].tsx
@@ -5,8 +5,10 @@ import DetailHeader from '@/components/cahoot/DetailHeader';
 import OrderMobile from '@/components/cahoot/OrderMobile';
 import InterestButton from '@/components/common/InterestButton';
 import Layout from '@/components/common/Layout';
+import { api } from '@/libs/client/api';
 import wrapper from '@/store';
 import { ErrorBoundary } from '@sentry/nextjs';
+import { QueryClient } from '@tanstack/react-query';
 
 import type { InferGetServerSidePropsType } from 'next';
 
@@ -39,6 +41,17 @@ export const getServerSideProps = wrapper.getServerSideProps<{ id: number }>(
     const { id } = context.query;
     if (typeof id !== 'string' || !parseInt(id)) return { notFound: true };
 
+    const queryClient = new QueryClient();
+    try {
+      await queryClient.fetchQuery(['cahoot/detail', id], () =>
+        api.get(`cahoots/${id}?info=detail`).json()
+      );
+    } catch (e) {
+      return {
+        notFound: true,
+      };
+    }
+
     return {
       props: {
         id: parseInt(id),

From db5cb320bc173cc273dd0fbac21369de3859639b Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 17:47:12 +0900
Subject: [PATCH 118/131] =?UTF-8?q?feat:=20=EA=B3=B5=EB=AA=A8=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EA=B4=80=EC=8B=AC=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cahoot/DetailBody.tsx | 19 ++++++++++++++++++-
 src/pages/cahoots/detail/[id].tsx    |  4 +---
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/components/cahoot/DetailBody.tsx b/src/components/cahoot/DetailBody.tsx
index ca13b63..c9d5faa 100644
--- a/src/components/cahoot/DetailBody.tsx
+++ b/src/components/cahoot/DetailBody.tsx
@@ -1,23 +1,40 @@
 import { useState } from 'react';
 
+import { useSuspendedQuery } from '@/hooks/useSuspendedQuery';
+import { api } from '@/libs/client/api';
+import type { CahootDetailType } from '@/types/cahoot';
+import type { Response } from '@/types/response';
 import classNames from '@/utils/classnames';
 
 import DetailInfo from './DetailInfo';
 import DetailStatus from './DetailStatus';
 
+import InterestButton from '../common/InterestButton';
 import TabButton from '../common/TabButton';
 
 const TABS = ['정보', '공모 현황'] as const;
 
 type TabElements = (typeof TABS)[number];
 
-const DetailBody = () => {
+interface DetailBodyProps {
+  id: number;
+}
+
+const DetailBody = ({ id }: DetailBodyProps) => {
   const [tab, setTab] = useState<TabElements>(TABS[0]);
+  const {
+    data: {
+      data: { isInterest },
+    },
+  } = useSuspendedQuery<Response<CahootDetailType>>(['cahoot/detail', `${id}`], () =>
+    api.get(`cahoots/${id}?info=detail`).json()
+  );
 
   const onTabClick = (tab: TabElements) => () => setTab(tab);
 
   return (
     <>
+      <InterestButton id={id} type="large" isInterest={isInterest} />
       <TabButton tabs={TABS} currentTab={tab} onTabClick={onTabClick} />
       <div className={classNames(tab === '정보' ? 'flex flex-col' : 'hidden', 'gap-[inherit]')}>
         <DetailInfo />
diff --git a/src/pages/cahoots/detail/[id].tsx b/src/pages/cahoots/detail/[id].tsx
index d27c0a3..1b01fd2 100644
--- a/src/pages/cahoots/detail/[id].tsx
+++ b/src/pages/cahoots/detail/[id].tsx
@@ -3,7 +3,6 @@ import { Suspense } from 'react';
 import DetailBody from '@/components/cahoot/DetailBody';
 import DetailHeader from '@/components/cahoot/DetailHeader';
 import OrderMobile from '@/components/cahoot/OrderMobile';
-import InterestButton from '@/components/common/InterestButton';
 import Layout from '@/components/common/Layout';
 import { api } from '@/libs/client/api';
 import wrapper from '@/store';
@@ -26,8 +25,7 @@ const CahootsDetail = ({ id }: InferGetServerSidePropsType<typeof getServerSideP
             )}
           >
             <DetailHeader />
-            <InterestButton id={id} type="large" />
-            <DetailBody />
+            <DetailBody id={id} />
             <OrderMobile />
           </ErrorBoundary>
         </Suspense>

From 22caeb1a0b907081f7d08bcfb9d0693d59b29931 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 17:49:37 +0900
Subject: [PATCH 119/131] =?UTF-8?q?chore:=20lint=20fix=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/markets/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/markets/index.tsx b/src/pages/markets/index.tsx
index 3aba6ce..dbd9b21 100644
--- a/src/pages/markets/index.tsx
+++ b/src/pages/markets/index.tsx
@@ -1,8 +1,8 @@
 import { Suspense, useRef } from 'react';
 
 import DeadlineBanner from '@/components/cahoot/DeadlineBanner';
-import Layout from '@/components/common/Layout';
 import Interests from '@/components/common/Interests';
+import Layout from '@/components/common/Layout';
 import List from '@/components/market/List';
 import PriceInfo from '@/components/market/PriceInfo';
 import RecentTrade from '@/components/market/RecentTrade';

From de701f9c9215d08fb42756e2f8d4c28df13a80d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 2 Mar 2023 17:51:35 +0900
Subject: [PATCH 120/131] =?UTF-8?q?style:=20=EC=9E=90=EC=82=B0=20=ED=98=84?=
 =?UTF-8?q?=ED=99=A9=20UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Icons.tsx  | 18 ++++++++++++++++
 src/components/mypage/Stocks.tsx | 36 ++++++++++++++++++++++++++++++++
 src/pages/mypage/stocks.tsx      | 26 +++++++++++++++++++++++
 3 files changed, 80 insertions(+)
 create mode 100644 src/components/mypage/Stocks.tsx
 create mode 100644 src/pages/mypage/stocks.tsx

diff --git a/src/components/common/Icons.tsx b/src/components/common/Icons.tsx
index 1230d2c..5f23978 100644
--- a/src/components/common/Icons.tsx
+++ b/src/components/common/Icons.tsx
@@ -308,6 +308,23 @@ const Money = () => (
   </svg>
 );
 
+const Wallet = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    strokeWidth={1.5}
+    stroke="currentColor"
+    className="h-6 w-6"
+  >
+    <path
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M21 12a2.25 2.25 0 00-2.25-2.25H15a3 3 0 11-6 0H5.25A2.25 2.25 0 003 12m18 0v6a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 18v-6m18 0V9M3 12V9m18 0a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 9m18 0V6a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 6v3"
+    />
+  </svg>
+);
+
 const Icon = {
   Home,
   Gavel,
@@ -328,6 +345,7 @@ const Icon = {
   PlusCircle,
   Clock,
   Money,
+  Wallet,
 };
 
 export default Icon;
diff --git a/src/components/mypage/Stocks.tsx b/src/components/mypage/Stocks.tsx
new file mode 100644
index 0000000..c14cb3b
--- /dev/null
+++ b/src/components/mypage/Stocks.tsx
@@ -0,0 +1,36 @@
+import Link from 'next/link';
+
+import Icon from '@/components/common/Icons';
+import Table from '@/components/common/Table';
+
+const Stocks = () => {
+  return (
+    <>
+      {/* only desktop */}
+      <div className="my-2 hidden rounded-md border border-grey px-6 py-6 pt-4 md:block">
+        <p className="text-lg font-bold text-main">자산 현황</p>
+        <hr className="border-1 my-2 border-grey"></hr>
+        <div className="flex flex-col gap-3">
+          <Table printAllData={false} />
+        </div>
+      </div>
+      {/* only mobile */}
+      <Link href={`/mypage/stocks`}>
+        <div className="my-6 mx-12 block flex items-center justify-start gap-4 rounded-md border border-grey px-6 py-4 md:hidden">
+          <div>
+            <Icon.Wallet />
+          </div>
+          <div className="flex w-48 flex-col gap-0.5">
+            <p className="text-sm font-bold">자산 현황</p>
+            <p className="text-xs font-medium text-grey-middle">보유 자산 현황</p>
+          </div>
+          <div className="ml-auto text-grey-middle">
+            <Icon.Right />
+          </div>
+        </div>
+      </Link>
+    </>
+  );
+};
+
+export default Stocks;
diff --git a/src/pages/mypage/stocks.tsx b/src/pages/mypage/stocks.tsx
new file mode 100644
index 0000000..4895296
--- /dev/null
+++ b/src/pages/mypage/stocks.tsx
@@ -0,0 +1,26 @@
+import Icon from '@/components/common/Icons';
+import Table from '@/components/common/Table';
+
+export default function Cahoots() {
+  return (
+    <>
+      {/* only desktop */}
+      {/* TODO: 데스크탑일 때 처리 */}
+      <div className="hidden md:block">모바일 전용 페이지입니다. 마이페이지로 이동(버튼)</div>
+      {/* only mobile */}
+      <div className="block md:hidden">
+        <section className="flex w-full items-center gap-2.5 px-10 py-4 text-center">
+          <div className="w-1/12">
+            {/* TODO: 뒤로가기 */}
+            <Icon.Left />
+          </div>
+          <h1 className="w-11/12 pr-12 text-xl font-bold">자산 현황</h1>
+        </section>
+        <hr className="border-1 mb-2 border-grey" />
+        <main className="p-4">
+          <Table printAllData={true} border={true} />
+        </main>
+      </div>
+    </>
+  );
+}

From e978b4c598bfd6412058e1f4830f8edea3b73f7d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 2 Mar 2023 17:52:12 +0900
Subject: [PATCH 121/131] =?UTF-8?q?chore:=20=EB=A7=88=EC=9D=B4=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20-=20=EB=A9=94=EB=89=B4=EC=97=90=EC=84=9C?=
 =?UTF-8?q?=20=EA=B4=80=EC=8B=AC=20=EC=83=81=ED=92=88=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/mypage/index.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/pages/mypage/index.tsx b/src/pages/mypage/index.tsx
index c7967ee..a2fe21b 100644
--- a/src/pages/mypage/index.tsx
+++ b/src/pages/mypage/index.tsx
@@ -6,6 +6,7 @@ import Link from 'next/link';
 
 import Layout from '@/components/common/Layout';
 import ParticapatedContest from '@/components/mypage/ParticipatedContest';
+import Stocks from '@/components/mypage/Stocks';
 import Transactions from '@/components/mypage/Transactions';
 import UserInfo from '@/components/mypage/UserInfo';
 import { ErrorBoundary } from '@sentry/nextjs';
@@ -39,17 +40,12 @@ const Mypage = () => {
                   {/* )} */}
                 </div>
                 <ul className="menu w-4/5 bg-base-100">
-                  <hr className="my-2 border border-main"></hr>
+                  <hr className="border-1 my-2 border-main"></hr>
                   <li>
                     <Link href="/" className="font-medium">
                       내 정보
                     </Link>
                   </li>
-                  <li>
-                    <Link href="/" className="font-medium">
-                      관심 상품
-                    </Link>
-                  </li>
                   <li>
                     <Link href="/" className="font-medium">
                       공모 내역
@@ -65,7 +61,7 @@ const Mypage = () => {
                       자산 현황
                     </Link>
                   </li>
-                  <hr className="my-2 border border-main"></hr>
+                  <hr className="border-1 my-2 border-main"></hr>
                   <li>
                     <Link href="/" className="font-medium">
                       로그아웃
@@ -77,6 +73,7 @@ const Mypage = () => {
                 <UserInfo />
                 <ParticapatedContest />
                 <Transactions />
+                <Stocks />
               </div>
             </div>
           </ErrorBoundary>

From 887721671f70d6015596255a59f0beb660a7b469 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 2 Mar 2023 18:06:09 +0900
Subject: [PATCH 122/131] =?UTF-8?q?style:=20=EB=A7=88=EC=9D=B4=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=ED=85=8C=EC=9D=B4=EB=B8=94-=20=EB=8D=B0?=
 =?UTF-8?q?=EC=8A=A4=ED=81=AC=ED=83=91=EC=9D=BC=20=EB=95=8C=20=EB=94=94?=
 =?UTF-8?q?=EC=9E=90=EC=9D=B8=20=EC=88=98=EC=A0=95=20-=20=EA=B8=B0?=
 =?UTF-8?q?=ED=9A=8D=EC=9E=90=EB=B6=84=EA=B3=BC=20=EB=85=BC=EC=9D=98=20?=
 =?UTF-8?q?=ED=9B=84,=20=EB=8D=B0=EC=8A=A4=ED=81=AC=ED=83=91=EC=9D=BC=20?=
 =?UTF-8?q?=EB=95=8C=20=ED=85=8C=EC=9D=B4=EB=B8=94=EC=9D=84=20=EB=8A=98?=
 =?UTF-8?q?=EB=A0=A4=EC=84=9C=20=EB=B3=B4=EC=97=AC=EC=A3=BC=EA=B8=B0?=
 =?UTF-8?q?=EB=A1=9C=20=EA=B2=B0=EC=A0=95=EB=90=98=EC=96=B4=20=EB=94=94?=
 =?UTF-8?q?=EC=9E=90=EC=9D=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Table.tsx   |  6 +++++-
 src/pages/mypage/cahoots.tsx      | 32 +++++++++++++------------------
 src/pages/mypage/stocks.tsx       | 32 +++++++++++++------------------
 src/pages/mypage/transactions.tsx | 32 +++++++++++++------------------
 4 files changed, 44 insertions(+), 58 deletions(-)

diff --git a/src/components/common/Table.tsx b/src/components/common/Table.tsx
index f8a81ec..00d0082 100644
--- a/src/components/common/Table.tsx
+++ b/src/components/common/Table.tsx
@@ -8,7 +8,11 @@ const Table = ({ printAllData, border }: PropsType) => {
   // TODO: 데이터 0개일때 처리
   return (
     <>
-      <div className={`${border ? 'rounded border border-grey' : ''} overflow-x-auto text-xs`}>
+      <div
+        className={`${
+          border ? 'rounded border border-grey' : ''
+        } w-full max-w-4xl overflow-x-auto text-xs`}
+      >
         <table className={`table-compact table w-full text-center`}>
           <thead className={`${border ? 'border-b border-grey' : ''}`}>
             <tr className="text-bold text-dark-grey">
diff --git a/src/pages/mypage/cahoots.tsx b/src/pages/mypage/cahoots.tsx
index 8b033fe..993e874 100644
--- a/src/pages/mypage/cahoots.tsx
+++ b/src/pages/mypage/cahoots.tsx
@@ -3,24 +3,18 @@ import Table from '@/components/common/Table';
 
 export default function Cahoots() {
   return (
-    <>
-      {/* only desktop */}
-      {/* TODO: 데스크탑일 때 처리 */}
-      <div className="hidden md:block">모바일 전용 페이지입니다. 마이페이지로 이동(버튼)</div>
-      {/* only mobile */}
-      <div className="block md:hidden">
-        <section className="flex w-full items-center gap-2.5 px-10 py-4 text-center">
-          <div className="w-1/12">
-            {/* TODO: 뒤로가기 */}
-            <Icon.Left />
-          </div>
-          <h1 className="w-11/12 pr-12 text-xl font-bold">공모 내역</h1>
-        </section>
-        <hr className="border-1 mb-2 border-grey" />
-        <main className="p-4">
-          <Table printAllData={true} border={true} />
-        </main>
-      </div>
-    </>
+    <div>
+      <section className="flex w-full items-center gap-2.5 px-10 py-4 text-center">
+        <div className="w-1/12">
+          {/* TODO: 뒤로가기 */}
+          <Icon.Left />
+        </div>
+        <h1 className="w-11/12 pr-12 text-xl font-bold">공모 내역</h1>
+      </section>
+      <hr className="border-1 mb-2 border-grey" />
+      <main className="flex justify-center p-4">
+        <Table printAllData={true} border={true} />
+      </main>
+    </div>
   );
 }
diff --git a/src/pages/mypage/stocks.tsx b/src/pages/mypage/stocks.tsx
index 4895296..bc61b59 100644
--- a/src/pages/mypage/stocks.tsx
+++ b/src/pages/mypage/stocks.tsx
@@ -3,24 +3,18 @@ import Table from '@/components/common/Table';
 
 export default function Cahoots() {
   return (
-    <>
-      {/* only desktop */}
-      {/* TODO: 데스크탑일 때 처리 */}
-      <div className="hidden md:block">모바일 전용 페이지입니다. 마이페이지로 이동(버튼)</div>
-      {/* only mobile */}
-      <div className="block md:hidden">
-        <section className="flex w-full items-center gap-2.5 px-10 py-4 text-center">
-          <div className="w-1/12">
-            {/* TODO: 뒤로가기 */}
-            <Icon.Left />
-          </div>
-          <h1 className="w-11/12 pr-12 text-xl font-bold">자산 현황</h1>
-        </section>
-        <hr className="border-1 mb-2 border-grey" />
-        <main className="p-4">
-          <Table printAllData={true} border={true} />
-        </main>
-      </div>
-    </>
+    <div>
+      <section className="flex w-full items-center gap-2.5 px-10 py-4 text-center">
+        <div className="w-1/12">
+          {/* TODO: 뒤로가기 */}
+          <Icon.Left />
+        </div>
+        <h1 className="w-11/12 pr-12 text-xl font-bold">자산 현황</h1>
+      </section>
+      <hr className="border-1 mb-2 border-grey" />
+      <main className="flex justify-center p-4">
+        <Table printAllData={true} border={true} />
+      </main>
+    </div>
   );
 }
diff --git a/src/pages/mypage/transactions.tsx b/src/pages/mypage/transactions.tsx
index b227a20..3fa63cb 100644
--- a/src/pages/mypage/transactions.tsx
+++ b/src/pages/mypage/transactions.tsx
@@ -3,24 +3,18 @@ import Table from '@/components/common/Table';
 
 export default function Transactions() {
   return (
-    <>
-      {/* only desktop */}
-      {/* TODO: 데스크탑일 때 처리 */}
-      <div className="hidden md:block">모바일 전용 페이지입니다. 마이페이지로 이동(버튼)</div>
-      {/* only mobile */}
-      <div className="block md:hidden">
-        <section className="flex w-full items-center gap-2.5 px-10 py-4 text-center">
-          <div className="w-1/12">
-            {/* TODO: 뒤로가기 */}
-            <Icon.Left />
-          </div>
-          <h1 className="w-11/12 pr-12 text-xl font-bold">거래 현황</h1>
-        </section>
-        <hr className="border-1 mb-2 border-grey" />
-        <main className="p-4">
-          <Table printAllData={true} border={true} />
-        </main>
-      </div>
-    </>
+    <div>
+      <section className="flex w-full items-center gap-2.5 px-10 py-4 text-center">
+        <div className="w-1/12">
+          {/* TODO: 뒤로가기 */}
+          <Icon.Left />
+        </div>
+        <h1 className="w-11/12 pr-12 text-xl font-bold">거래 현황</h1>
+      </section>
+      <hr className="border-1 mb-2 border-grey" />
+      <main className="flex justify-center p-4">
+        <Table printAllData={true} border={true} />
+      </main>
+    </div>
   );
 }

From 781bb75ad8ac6bec5141e098c628ad3ac67a8a29 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 18:29:13 +0900
Subject: [PATCH 123/131] =?UTF-8?q?refactor:=20onSuccess=EB=A1=9C=20invali?=
 =?UTF-8?q?dateQueries=20=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/InterestButton.tsx | 39 ++++++++++++------------
 1 file changed, 20 insertions(+), 19 deletions(-)

diff --git a/src/components/common/InterestButton.tsx b/src/components/common/InterestButton.tsx
index 891d64d..1aa47ed 100644
--- a/src/components/common/InterestButton.tsx
+++ b/src/components/common/InterestButton.tsx
@@ -1,8 +1,8 @@
 import { useSuspendedQuery } from '@/hooks/useSuspendedQuery';
 import { api } from '@/libs/client/api';
 import { useTypeSelector } from '@/store';
-import { CahootDetailType } from '@/types/cahoot';
-import { Response } from '@/types/response';
+import type { CahootDetailType } from '@/types/cahoot';
+import type { Response } from '@/types/response';
 import classNames from '@/utils/classnames';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 
@@ -15,29 +15,34 @@ interface InterestButtonProps {
   hideOnMobile?: boolean;
 }
 
+type MutationBody = {
+  userId: number;
+  vacationId: number;
+};
+
 const InterestButton = ({ id, isInterest, type, hideOnMobile = false }: InterestButtonProps) => {
   const token = useTypeSelector((state) => state.user.token);
   const userId = useTypeSelector((state) => state.user.id);
   const queryClient = useQueryClient();
-  const { mutateAsync: addInterest } = useMutation<
-    Response,
-    Error,
-    { userId: number; vacationId: number }
-  >({
+  const onSuccess = () => {
+    queryClient.invalidateQueries({ queryKey: ['cahoot/list'] });
+    queryClient.invalidateQueries({ queryKey: ['cahoot/interests'] });
+    queryClient.invalidateQueries({ queryKey: ['cahoot/detail', `${id}`] });
+    queryClient.invalidateQueries({ queryKey: ['market/list'] });
+  };
+  const { mutate: addInterest } = useMutation<Response, Error, MutationBody>({
     mutationFn: (body) =>
       api
         .post(`auth/interests`, { json: body, headers: { Authorization: `Bearer ${token}` } })
         .json(),
+    onSuccess,
   });
-  const { mutateAsync: deleteInterest } = useMutation<
-    Response,
-    Error,
-    { userId: number; vacationId: number }
-  >({
+  const { mutate: deleteInterest } = useMutation<Response, Error, MutationBody>({
     mutationFn: (body) =>
       api
         .delete(`auth/interests`, { json: body, headers: { Authorization: `Bearer ${token}` } })
         .json(),
+    onSuccess,
   });
   const { data } = useSuspendedQuery<Response<CahootDetailType>>(
     ['cahoot/detail', `${id}`],
@@ -45,19 +50,15 @@ const InterestButton = ({ id, isInterest, type, hideOnMobile = false }: Interest
     { enabled: type === 'large' }
   );
 
-  const onBookmarkClick: React.MouseEventHandler<HTMLButtonElement> = async (e) => {
+  const onBookmarkClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {
     e.preventDefault();
     if (!userId) return;
     const body = { userId, vacationId: id };
     if (isInterest) {
-      await deleteInterest(body);
+      deleteInterest(body);
     } else {
-      await addInterest(body);
+      addInterest(body);
     }
-    queryClient.invalidateQueries({ queryKey: ['cahoot/list'] });
-    queryClient.invalidateQueries({ queryKey: ['cahoot/interests'] });
-    queryClient.invalidateQueries({ queryKey: ['cahoot/detail', `${id}`] });
-    queryClient.invalidateQueries({ queryKey: ['market/list'] });
   };
 
   return userId ? (

From 4d8d30e0f3f4dc7e250c1b5549f10bd2e18ee07f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 2 Mar 2023 20:17:41 +0900
Subject: [PATCH 124/131] =?UTF-8?q?style:=20=EA=B0=9C=EC=9D=B8=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=20=EA=B4=80=EB=A6=AC=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/mypage/management.tsx | 69 +++++++++++++++++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 src/pages/mypage/management.tsx

diff --git a/src/pages/mypage/management.tsx b/src/pages/mypage/management.tsx
new file mode 100644
index 0000000..d3fdd32
--- /dev/null
+++ b/src/pages/mypage/management.tsx
@@ -0,0 +1,69 @@
+import Image from 'next/image';
+
+import Icon from '@/components/common/Icons';
+
+export default function Management() {
+  return (
+    <div>
+      <section className="flex items-center gap-2.5 px-10 py-4 text-center">
+        <div className="w-1/12">
+          {/* TODO: 뒤로가기 */}
+          <Icon.Left />
+        </div>
+        <h1 className="w-11/12 pr-12 text-xl font-bold">개인정보 관리</h1>
+      </section>
+      <hr className="border-1 mb-2 border-grey" />
+      <main className="flex items-center justify-center p-4">
+        <div className="flex w-80 flex-col">
+          <h2 className="items-start text-base font-bold">기본 정보 관리</h2>
+          <div className="avatar my-4 w-32 self-center">
+            <div className="w-32"></div>
+            {/* {images[0] && ( */}
+            <Image
+              src="/images/thumbnail.jpeg"
+              alt=""
+              className="rounded-full"
+              fill
+              sizes="128px"
+            />
+            {/* )} */}
+          </div>
+          {/* 이름 */}
+          <div>
+            <label className="label">
+              <span className="label-text text-xs">이름</span>
+            </label>
+            <p className="rounded-lg border border-black/10 bg-black/5 py-2 px-4 text-dark-grey">
+              권유리
+            </p>
+          </div>
+          {/* 가입 이메일 */}
+          <div>
+            <label className="label">
+              <span className="label-text text-xs">가입 이메일</span>
+            </label>
+            <p className="flex gap-2">
+              <span className="w-2/3 rounded-lg border border-black/10 bg-black/5 py-2 px-4 text-dark-grey">
+                test@gmail.com
+              </span>
+              <span className="w-1/3 rounded-lg bg-black/30 py-2 px-4 text-center text-white">
+                구글 연동
+              </span>
+            </p>
+          </div>
+          <h2 className="mt-4 text-base font-bold">권한 관리</h2>
+          {/* 권한 */}
+          <div>
+            <label className="label">
+              <span className="label-text text-xs">권한</span>
+            </label>
+            <p className="rounded-lg border border-grey bg-black/5 py-2 px-4 text-dark-grey">
+              일반 사용자
+            </p>
+          </div>
+          <button className="btn-primary btn-block btn-sm btn my-6 w-80">업데이트 하기</button>
+        </div>
+      </main>
+    </div>
+  );
+}

From a9e7f35d98aa4693b2bbc46e901a24fe131d0d5a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 2 Mar 2023 20:50:44 +0900
Subject: [PATCH 125/131] =?UTF-8?q?feat:=20=EB=A7=88=EC=9D=B4=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EB=A9=94=EB=89=B4=20=EB=A7=81=ED=81=AC=20?=
 =?UTF-8?q?=EC=97=B0=EA=B2=B0=20=EB=B0=8F=20=EA=B3=B5=EB=AA=A8=20=EB=93=B1?=
 =?UTF-8?q?=EB=A1=9D=20=ED=83=AD=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/mypage/index.tsx | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/pages/mypage/index.tsx b/src/pages/mypage/index.tsx
index a2fe21b..b88f38f 100644
--- a/src/pages/mypage/index.tsx
+++ b/src/pages/mypage/index.tsx
@@ -42,25 +42,30 @@ const Mypage = () => {
                 <ul className="menu w-4/5 bg-base-100">
                   <hr className="border-1 my-2 border-main"></hr>
                   <li>
-                    <Link href="/" className="font-medium">
+                    <Link href="/mypage/management" className="font-medium">
                       내 정보
                     </Link>
                   </li>
                   <li>
-                    <Link href="/" className="font-medium">
+                    <Link href="/mypage/cahoots" className="font-medium">
                       공모 내역
                     </Link>
                   </li>
                   <li>
-                    <Link href="/" className="font-medium">
+                    <Link href="/mypage/transactions" className="font-medium">
                       거래 현황
                     </Link>
                   </li>
                   <li>
-                    <Link href="/" className="font-medium">
+                    <Link href="/mypage/stocks" className="font-medium">
                       자산 현황
                     </Link>
                   </li>
+                  <li>
+                    <Link href="/cahoots/create" className="font-medium">
+                      공모 등록
+                    </Link>
+                  </li>
                   <hr className="border-1 my-2 border-main"></hr>
                   <li>
                     <Link href="/" className="font-medium">
@@ -69,11 +74,17 @@ const Mypage = () => {
                   </li>
                 </ul>
               </div>
-              <div className="w-full md:w-3/4">
+              <div className="flex w-full flex-col md:w-3/4">
                 <UserInfo />
                 <ParticapatedContest />
                 <Transactions />
                 <Stocks />
+                <Link
+                  href="/cahoots/create"
+                  className="mx-6 my-2 ml-auto block w-40 font-medium text-grey-middle md:hidden"
+                >
+                  공모 등록하러가기 {'>'}
+                </Link>
               </div>
             </div>
           </ErrorBoundary>

From 32cb3c5e092ed40231f1a01cc474b1bf23786c52 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 2 Mar 2023 20:50:59 +0900
Subject: [PATCH 126/131] =?UTF-8?q?style:=20=EB=A7=88=EC=9D=B4=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=9D=BC=EB=B6=80=20=EB=A7=88=EC=A7=84?=
 =?UTF-8?q?=EA=B0=92=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/mypage/ParticipatedContest.tsx | 2 +-
 src/components/mypage/Stocks.tsx              | 2 +-
 src/components/mypage/Transactions.tsx        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/mypage/ParticipatedContest.tsx b/src/components/mypage/ParticipatedContest.tsx
index 591923e..62f0a33 100644
--- a/src/components/mypage/ParticipatedContest.tsx
+++ b/src/components/mypage/ParticipatedContest.tsx
@@ -16,7 +16,7 @@ const ParticapatedContest = () => {
       </div>
       {/* only mobile */}
       <Link href={`/mypage/cahoots`}>
-        <div className="my-6 mx-12 block flex items-center justify-start gap-4 rounded-md border border-grey px-6 py-4 md:hidden">
+        <div className="my-2 mx-12 block flex items-center justify-start gap-4 rounded-md border border-grey px-6 py-4 md:hidden">
           <div>
             <Icon.Gavel />
           </div>
diff --git a/src/components/mypage/Stocks.tsx b/src/components/mypage/Stocks.tsx
index c14cb3b..a73a6a0 100644
--- a/src/components/mypage/Stocks.tsx
+++ b/src/components/mypage/Stocks.tsx
@@ -16,7 +16,7 @@ const Stocks = () => {
       </div>
       {/* only mobile */}
       <Link href={`/mypage/stocks`}>
-        <div className="my-6 mx-12 block flex items-center justify-start gap-4 rounded-md border border-grey px-6 py-4 md:hidden">
+        <div className="my-2 mx-12 block flex items-center justify-start gap-4 rounded-md border border-grey px-6 py-4 md:hidden">
           <div>
             <Icon.Wallet />
           </div>
diff --git a/src/components/mypage/Transactions.tsx b/src/components/mypage/Transactions.tsx
index 0f580c8..fddda94 100644
--- a/src/components/mypage/Transactions.tsx
+++ b/src/components/mypage/Transactions.tsx
@@ -16,7 +16,7 @@ const Transactions = () => {
       </div>
       {/* only mobile */}
       <Link href={`/mypage/transactions`}>
-        <div className="my-6 mx-12 block flex items-center justify-start gap-4 rounded-md border border-grey px-6 py-4 md:hidden">
+        <div className="my-2 mx-12 block flex items-center justify-start gap-4 rounded-md border border-grey px-6 py-4 md:hidden">
           <div>
             <Icon.Market />
           </div>

From 8618bea91fd6ab69df7e8c51c48af1b6c774de75 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 20:54:37 +0900
Subject: [PATCH 127/131] =?UTF-8?q?feat:=20=EB=A7=88=EC=BC=93=20=EB=AA=A9?=
 =?UTF-8?q?=EB=A1=9D=20=EC=9D=91=EB=8B=B5=20=ED=83=80=EC=9E=85=20=EC=9E=91?=
 =?UTF-8?q?=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/types/market.d.ts | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 src/types/market.d.ts

diff --git a/src/types/market.d.ts b/src/types/market.d.ts
new file mode 100644
index 0000000..f2c4bcb
--- /dev/null
+++ b/src/types/market.d.ts
@@ -0,0 +1,12 @@
+export type MarketType = {
+  vacationId: number;
+  picture: string | null;
+  country: string;
+  shortDescription: string;
+  price: number;
+  priceStatus: 'DOWN' | 'UP' | 'SAME';
+};
+
+export type MarketListType = {
+  result: MarketType[];
+};

From 2d91a3dc22b1e89fd345d9f6ba383edb01595b3d Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 20:56:13 +0900
Subject: [PATCH 128/131] =?UTF-8?q?feat:=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EC=A0=91=EC=86=8D=20=EC=8B=9C=20=ED=86=A0=ED=81=B0=20=EC=9C=A0?=
 =?UTF-8?q?=ED=9A=A8=EC=84=B1=20=EA=B2=80=EC=82=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 유효하지 않은 경우 로그아웃 처리
---
 src/pages/_app.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 0c021e4..5c544da 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,15 +1,17 @@
 import '@/styles/globals.css';
 
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { Provider } from 'react-redux';
 
+import { api } from '@/libs/client/api';
+import { logout } from '@/store/modules/user';
 import { Hydrate, QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 
-import wrapper from '../store';
-
 import type { AppProps } from 'next/app';
 
+import wrapper from '../store';
+
 const App = ({ Component, ...rest }: AppProps) => {
   const [queryClient] = useState(
     () =>
@@ -19,6 +21,14 @@ const App = ({ Component, ...rest }: AppProps) => {
   );
   const { store, props } = wrapper.useWrappedStore(rest);
   const { pageProps } = props;
+  useEffect(() => {
+    const token = store.getState().user.token;
+    if (token) {
+      api
+        .get('auth/users/me', { headers: { Authorization: `Bearer ${token}` } })
+        .catch(() => store.dispatch(logout()));
+    }
+  }, [store]);
   return (
     <Provider store={store}>
       <QueryClientProvider client={queryClient}>

From fb6ce826f5c2429d0b5d4b0510f1ecf16a4a33dc Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 20:56:48 +0900
Subject: [PATCH 129/131] =?UTF-8?q?feat:=20=EB=A7=88=EC=BC=93=20=EB=AA=A9?=
 =?UTF-8?q?=EB=A1=9D=20API=20=EC=97=B0=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/market/ListItems.tsx | 90 ++++++++++++++---------------
 src/constants/market.ts             | 14 +++++
 2 files changed, 57 insertions(+), 47 deletions(-)
 create mode 100644 src/constants/market.ts

diff --git a/src/components/market/ListItems.tsx b/src/components/market/ListItems.tsx
index 03f5740..a8a53fc 100644
--- a/src/components/market/ListItems.tsx
+++ b/src/components/market/ListItems.tsx
@@ -3,7 +3,9 @@ import { Fragment, useEffect, useRef } from 'react';
 import Image from 'next/image';
 import Link from 'next/link';
 
-import { fetcher } from '@/libs/client/fetcher';
+import { PRICE_STATUS_MAP } from '@/constants/market';
+import { api } from '@/libs/client/api';
+import { MarketListType } from '@/types/market';
 import type { Response } from '@/types/response';
 import classNames from '@/utils/classnames';
 import { useInfiniteQuery } from '@tanstack/react-query';
@@ -12,26 +14,11 @@ interface ListItemsProps {
   keyword: string;
 }
 
-interface MockType {
-  result: {
-    id: number;
-    title: string;
-    location: string;
-    price: number;
-    diff: number;
-    images: string[];
-  }[];
-}
-
 const ListItems = ({ keyword }: ListItemsProps) => {
-  const { data, fetchNextPage, hasNextPage } = useInfiniteQuery<Response<MockType>>({
+  const { data, fetchNextPage, hasNextPage } = useInfiniteQuery<Response<MarketListType>>({
     queryKey: ['market/list', keyword],
     queryFn: ({ pageParam = 0 }) =>
-      fetcher(
-        `${
-          process.env.NEXT_PUBLIC_HOST
-        }/api/mock/markets?status=ongoing&page=${pageParam}&keyword=${encodeURIComponent(keyword)}`
-      )(),
+      api.get(`markets?page=${pageParam}&keyword=${encodeURIComponent(keyword)}&size=10`).json(),
     getNextPageParam: (lastPage, allPages) =>
       lastPage.data.result.length ? allPages.length : false,
   });
@@ -56,36 +43,45 @@ const ListItems = ({ keyword }: ListItemsProps) => {
     <>
       {data?.pages.map((page, index) => (
         <Fragment key={index}>
-          {page.data.result.map(({ id, diff, images, location, price, title }) => (
-            <Link
-              href={`/cahoots/detail/${id}`}
-              key={id}
-              className="flex gap-2 rounded-lg border border-grey shadow-md md:gap-4 md:p-2"
-            >
-              <div className="avatar">
-                <div className="w-24 rounded-l-lg md:w-32 md:rounded-lg"></div>
-                <Image
-                  src={images[0]}
-                  alt=""
-                  className="rounded-l-lg md:rounded-lg"
-                  fill
-                  sizes="128px"
-                />
-              </div>
-              <div className="relative flex w-full flex-col justify-center gap-1 overflow-hidden py-2 pr-2 text-sm md:pr-4 md:text-base">
-                <div className="flex flex-col gap-1 border-grey font-bold md:flex-row md:gap-2">
-                  <span className="break-keep text-main md:text-black">{location}</span>
-                  <div className="mx-2 hidden border-l-2 py-0.5 md:block"></div>
-                  <span className="truncate">{title}</span>
-                  <span
-                    className={classNames('whitespace-nowrap', diff < 0 ? 'text-blue' : 'text-red')}
-                  >
-                    {`${diff < 0 ? '▼' : '▲'} ${price.toLocaleString()}원`}
-                  </span>
+          {page.data.result.map(
+            ({ country, price, picture, priceStatus, shortDescription, vacationId }) => (
+              <Link
+                href={`/markets/detail/${vacationId}`}
+                key={vacationId}
+                className="flex gap-2 rounded-lg border border-grey shadow-md md:gap-4 md:p-2"
+              >
+                <div className="avatar">
+                  <div className="w-24 rounded-l-lg md:w-32 md:rounded-lg"></div>
+                  {picture && (
+                    <Image
+                      src={picture}
+                      alt=""
+                      className="rounded-l-lg md:rounded-lg"
+                      fill
+                      sizes="128px"
+                    />
+                  )}
+                </div>
+                <div className="flex w-full flex-col justify-center gap-1 overflow-hidden py-2 pr-2 text-sm md:pr-4 md:text-base">
+                  <div className="flex flex-col gap-1 border-grey font-bold md:flex-row md:gap-2">
+                    <span className="break-keep text-main md:text-black">{country}</span>
+                    <div className="mx-2 hidden border-l-2 py-0.5 md:block"></div>
+                    <div className="flex w-full justify-between gap-4 overflow-hidden pr-2 md:pr-0">
+                      <span className="truncate">{shortDescription}</span>
+                      <span
+                        className={classNames(
+                          'whitespace-nowrap',
+                          PRICE_STATUS_MAP[priceStatus].COLOR
+                        )}
+                      >
+                        {`${PRICE_STATUS_MAP[priceStatus].TEXT} ${price?.toLocaleString() ?? 0}원`}
+                      </span>
+                    </div>
+                  </div>
                 </div>
-              </div>
-            </Link>
-          ))}
+              </Link>
+            )
+          )}
         </Fragment>
       ))}
       <div ref={hasNextPage ? listEndRef : null}></div>
diff --git a/src/constants/market.ts b/src/constants/market.ts
new file mode 100644
index 0000000..859774f
--- /dev/null
+++ b/src/constants/market.ts
@@ -0,0 +1,14 @@
+export const PRICE_STATUS_MAP = {
+  DOWN: {
+    COLOR: 'text-blue',
+    TEXT: '▼',
+  },
+  UP: {
+    COLOR: 'text-red',
+    TEXT: '▲',
+  },
+  SAME: {
+    COLOR: 'text-grey-middle',
+    TEXT: '',
+  },
+} as const;

From 3edeff95b773e28cd5bdac31ce929a6b86466036 Mon Sep 17 00:00:00 2001
From: m4nd4r1n <kara.mandarin99@gmail.com>
Date: Thu, 2 Mar 2023 20:57:14 +0900
Subject: [PATCH 130/131] =?UTF-8?q?feat:=20=EB=AA=A9=EB=A1=9D=20=EA=B2=80?=
 =?UTF-8?q?=EC=83=89=20=EC=8B=9C=20=EC=8A=A4=ED=81=AC=EB=A1=A4=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cahoot/List.tsx | 9 ++++++++-
 src/components/market/List.tsx | 9 ++++++++-
 src/pages/cahoots/index.tsx    | 2 +-
 src/pages/markets/index.tsx    | 2 +-
 4 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/components/cahoot/List.tsx b/src/components/cahoot/List.tsx
index b76a3d9..e829c1d 100644
--- a/src/components/cahoot/List.tsx
+++ b/src/components/cahoot/List.tsx
@@ -4,7 +4,11 @@ import ListItems from './ListItems';
 
 import Search from '../common/Search';
 
-const List = () => {
+interface ListProps {
+  scrollRef: React.RefObject<HTMLDivElement>;
+}
+
+const List = ({ scrollRef }: ListProps) => {
   const [keyword, setKeyword] = useState('');
 
   const onSubmit: React.FormEventHandler<HTMLFormElement> = (e) => {
@@ -14,6 +18,9 @@ const List = () => {
       search: { value: string };
     };
     setKeyword(target.search.value);
+    if (!scrollRef.current) return;
+    const top = window.scrollY + scrollRef.current.getBoundingClientRect().top - 70;
+    window.scrollTo({ top });
   };
 
   return (
diff --git a/src/components/market/List.tsx b/src/components/market/List.tsx
index 61f0660..4d2a7ab 100644
--- a/src/components/market/List.tsx
+++ b/src/components/market/List.tsx
@@ -4,7 +4,11 @@ import ListItems from './ListItems';
 
 import Search from '../common/Search';
 
-const List = () => {
+interface ListProps {
+  scrollRef: React.RefObject<HTMLDivElement>;
+}
+
+const List = ({ scrollRef }: ListProps) => {
   const [keyword, setKeyword] = useState('');
 
   const onSubmit: React.FormEventHandler<HTMLFormElement> = (e) => {
@@ -13,6 +17,9 @@ const List = () => {
       search: { value: string };
     };
     setKeyword(target.search.value);
+    if (!scrollRef.current) return;
+    const top = window.scrollY + scrollRef.current.getBoundingClientRect().top - 70;
+    window.scrollTo({ top });
   };
 
   return (
diff --git a/src/pages/cahoots/index.tsx b/src/pages/cahoots/index.tsx
index 2816930..c0d9e0a 100644
--- a/src/pages/cahoots/index.tsx
+++ b/src/pages/cahoots/index.tsx
@@ -38,7 +38,7 @@ const Cahoots = () => {
             <Recap />
           </Suspense>
           <div ref={scrollRef}></div>
-          <List />
+          <List scrollRef={scrollRef} />
         </ErrorBoundary>
       </div>
     </Layout>
diff --git a/src/pages/markets/index.tsx b/src/pages/markets/index.tsx
index dbd9b21..f548b67 100644
--- a/src/pages/markets/index.tsx
+++ b/src/pages/markets/index.tsx
@@ -40,7 +40,7 @@ const Markets = () => {
             </div>
           </div>
           <div ref={scrollRef}></div>
-          <List />
+          <List scrollRef={scrollRef} />
         </ErrorBoundary>
       </div>
     </Layout>

From 0eee84f7425e4740aee781bd3447b844b8577294 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=EC=9C=A0=EB=A6=AC?= <99jiyusu@gmail.com>
Date: Thu, 2 Mar 2023 21:00:57 +0900
Subject: [PATCH 131/131] =?UTF-8?q?feat:=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20?=
 =?UTF-8?q?=ED=99=94=EB=A9=B4=EC=97=90=EC=84=9C=20=EA=B0=9C=EC=9D=B8?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20=EA=B4=80=EB=A6=AC=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EC=97=B0=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/mypage/UserInfo.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/mypage/UserInfo.tsx b/src/components/mypage/UserInfo.tsx
index 927920a..471d305 100644
--- a/src/components/mypage/UserInfo.tsx
+++ b/src/components/mypage/UserInfo.tsx
@@ -1,3 +1,5 @@
+import Link from 'next/link';
+
 import Icon from '@/components/common/Icons';
 
 const UserInfo = () => {
@@ -32,10 +34,17 @@ const UserInfo = () => {
       </div>
       {/* only mobile */}
       <div className="block md:hidden">
-        <div className="border-y-1 border border-grey bg-black/5 py-2 px-4">
-          <p className="text-base font-black">홍길동님</p>
-          <p className="text-xs text-grey-middle">test@gmail.com</p>
-        </div>
+        <Link href={`/mypage/management`}>
+          <div className="border-y-1 border border-grey bg-black/5 py-2 px-4">
+            <p className="flex text-base font-black">
+              <span>홍길동님</span>
+              <span>
+                <Icon.Right />
+              </span>
+            </p>
+            <p className="text-xs text-grey-middle">test@gmail.com</p>
+          </div>
+        </Link>
         <div className="my-6 mx-12 rounded-md border border-main px-6 pt-4 pb-6">
           <p className="text-xl font-bold">내 지갑</p>
           <hr className="border-1 my-2 border-grey"></hr>