Feat/my page

client/package.json

@@ -13,20 +13,24 @@
   },
   "dependencies": {
     "@reduxjs/toolkit": "^1.9.5",
+    "@types/pica": "^9.0.1",
     "@types/react-redux": "^7.1.25",
-    "@types/react-router-dom": "^5.3.3",
     "axios": "^1.4.0",
+    "pica": "^9.0.1",
     "react": "^18.2.0",
+    "react-cookie": "^4.1.1",
     "react-dom": "^18.2.0",
     "react-icons": "^4.10.1",
     "react-rating-stars-component": "^2.2.0",
     "react-redux": "^8.1.1",
-    "react-router-dom": "^6.14.1"
+    "react-router-dom": "^6.14.1",
+    "react-spinners": "^0.13.8"
   },
   "devDependencies": {
     "@types/node": "^20.4.0",
     "@types/react": "^18.0.37",
     "@types/react-dom": "^18.0.11",
+    "@types/react-router-dom": "^5.3.3",
     "@typescript-eslint/eslint-plugin": "^5.60.1",
     "@typescript-eslint/parser": "^5.60.1",
     "@vitejs/plugin-react": "^4.0.0",

client/public/mockupdata/highscoredata.json

@@ -0,0 +1,39 @@
+{
+    "data": [
+      {
+        "docId": "K28661",
+        "title": "스파이더맨: 어크로스 더 유니버스",
+        "repRlsDate": "20230602",
+        "score": 4.6,
+        "posterUrl": "https://i.namu.wiki/i/YaOX0b7cNnR9sLNgLAncoYcIHJ71PLcvP1FC89HWvwGxoXG6wuUlXAsBFHI_f6lvahFXRhljZis-zI4PFA1ys4wJtoBgYIINQCAPNWqW-uo2Lk3nNu_NMLvMI9vbWPhfBoqYdY8s5C7NOtKPMFiqGA.webp"
+      },
+      {
+        "docId": "K28662",
+        "title": "인터스텔라",
+        "repRlsDate": "20141107",
+        "score": 4.5,
+        "posterUrl": "https://i.namu.wiki/i/ei0XJc1X5aV2Z9rEN1L9BnJVfQ0VfizGdGK3QTFwhz5QXOxGSeZ2zWcJsvFZ2FjXl23ajEOeCE4msO1EZ6xHFMDi_YafkaoFB9jPS7HExnYJMmwbJxh2XStOdh4Wtp24sTKvTAsltpYceUiOcgwa-Q.webp"
+      },
+      {
+        "docId": "K28663",
+        "title": "겨울왕국",
+        "repRlsDate": "20131127",
+        "score": 4.3,
+        "posterUrl": "https://i.namu.wiki/i/mvGynWOsOvDngjMlad2Kz5JxZQ1BqcTtPkAg2P3oE5FA6RAvYTAlcbt8rP8iNjBC4kQ3z4JLJRg1m6IzLkKrOjAmss32AVu_4uedeWfsjmunm61tfxeDGQd-VYt51nhpJjMaoxTwhm9KLmxcMJrsdQ.webp"
+      },
+      {
+        "docId": "K28664",
+        "title": "범죄와의 전쟁",
+        "repRlsDate": "20120202",
+        "score": 4.1,
+        "posterUrl": "https://i.namu.wiki/i/kUuVAVNy0jTXcSQ6xPvGDpN9BUOkdxtPuki4RCYHpb9eD5YFYbvbsPWNerBfqTIqGeTzB2OF9EJ1RyA6PNXVi0vRzY0d3dQsSzgkpRw75xsonNpl3ZPX2uhr9Gc6NBLLKqy4UT0DmeqdIy9SnpvnoQ.webp"
+      },
+      {
+        "docId": "K28665",
+        "title": "해리포터와 마법사의 돌",
+        "repRlsDate": "20011114",
+        "score": 4.0,
+        "posterUrl": "https://i.namu.wiki/i/_pr1mVcm6gjM8u7gz6kDuVfUSOn0UeYrXDPNWNHAVRS0FikoDjTpg9hBOBo3erF-FK5FRkkJgqZd8GmfHia3Y-8JpbWdXxBqF0vQCAD--iXiAb1D2O82ZgHCZlxS1whQdPiwgTxvCV4BN9bxdXZTYQ.webp"
+      }
+    ]
+}