From a6416e7f8110c01a9e42f4f1a041b2500dfd2299 Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Mon, 11 Nov 2024 03:04:55 +0900 Subject: [PATCH 01/18] =?UTF-8?q?init:=20=EC=B4=88=EA=B8=B0=20=ED=94=84?= =?UTF-8?q?=EB=A1=9C=EC=A0=9D=ED=8A=B8=20=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- week4/week4_assignment/.gitignore | 24 + week4/week4_assignment/README.md | 50 + week4/week4_assignment/eslint.config.js | 28 + week4/week4_assignment/index.html | 13 + week4/week4_assignment/package.json | 29 + week4/week4_assignment/public/vite.svg | 1 + week4/week4_assignment/src/App.tsx | 5 + week4/week4_assignment/src/main.tsx | 9 + week4/week4_assignment/src/vite-env.d.ts | 1 + week4/week4_assignment/tsconfig.app.json | 26 + week4/week4_assignment/tsconfig.json | 7 + week4/week4_assignment/tsconfig.node.json | 24 + week4/week4_assignment/vite.config.ts | 7 + week4/week4_assignment/yarn.lock | 1265 +++++++++++++++++++++ 14 files changed, 1489 insertions(+) create mode 100644 week4/week4_assignment/.gitignore create mode 100644 week4/week4_assignment/README.md create mode 100644 week4/week4_assignment/eslint.config.js create mode 100644 week4/week4_assignment/index.html create mode 100644 week4/week4_assignment/package.json create mode 100644 week4/week4_assignment/public/vite.svg create mode 100644 week4/week4_assignment/src/App.tsx create mode 100644 week4/week4_assignment/src/main.tsx create mode 100644 week4/week4_assignment/src/vite-env.d.ts create mode 100644 week4/week4_assignment/tsconfig.app.json create mode 100644 week4/week4_assignment/tsconfig.json create mode 100644 week4/week4_assignment/tsconfig.node.json create mode 100644 week4/week4_assignment/vite.config.ts create mode 100644 week4/week4_assignment/yarn.lock diff --git a/week4/week4_assignment/.gitignore b/week4/week4_assignment/.gitignore new file mode 100644 index 0000000..a547bf3 --- /dev/null +++ b/week4/week4_assignment/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/week4/week4_assignment/README.md b/week4/week4_assignment/README.md new file mode 100644 index 0000000..74872fd --- /dev/null +++ b/week4/week4_assignment/README.md @@ -0,0 +1,50 @@ +# React + TypeScript + Vite + +This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. + +Currently, two official plugins are available: + +- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh +- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh + +## Expanding the ESLint configuration + +If you are developing a production application, we recommend updating the configuration to enable type aware lint rules: + +- Configure the top-level `parserOptions` property like this: + +```js +export default tseslint.config({ + languageOptions: { + // other options... + parserOptions: { + project: ['./tsconfig.node.json', './tsconfig.app.json'], + tsconfigRootDir: import.meta.dirname, + }, + }, +}) +``` + +- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked` +- Optionally add `...tseslint.configs.stylisticTypeChecked` +- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config: + +```js +// eslint.config.js +import react from 'eslint-plugin-react' + +export default tseslint.config({ + // Set the react version + settings: { react: { version: '18.3' } }, + plugins: { + // Add the react plugin + react, + }, + rules: { + // other rules... + // Enable its recommended rules + ...react.configs.recommended.rules, + ...react.configs['jsx-runtime'].rules, + }, +}) +``` diff --git a/week4/week4_assignment/eslint.config.js b/week4/week4_assignment/eslint.config.js new file mode 100644 index 0000000..092408a --- /dev/null +++ b/week4/week4_assignment/eslint.config.js @@ -0,0 +1,28 @@ +import js from '@eslint/js' +import globals from 'globals' +import reactHooks from 'eslint-plugin-react-hooks' +import reactRefresh from 'eslint-plugin-react-refresh' +import tseslint from 'typescript-eslint' + +export default tseslint.config( + { ignores: ['dist'] }, + { + extends: [js.configs.recommended, ...tseslint.configs.recommended], + files: ['**/*.{ts,tsx}'], + languageOptions: { + ecmaVersion: 2020, + globals: globals.browser, + }, + plugins: { + 'react-hooks': reactHooks, + 'react-refresh': reactRefresh, + }, + rules: { + ...reactHooks.configs.recommended.rules, + 'react-refresh/only-export-components': [ + 'warn', + { allowConstantExport: true }, + ], + }, + }, +) diff --git a/week4/week4_assignment/index.html b/week4/week4_assignment/index.html new file mode 100644 index 0000000..e4b78ea --- /dev/null +++ b/week4/week4_assignment/index.html @@ -0,0 +1,13 @@ + + + + + + + Vite + React + TS + + +
+ + + diff --git a/week4/week4_assignment/package.json b/week4/week4_assignment/package.json new file mode 100644 index 0000000..22809af --- /dev/null +++ b/week4/week4_assignment/package.json @@ -0,0 +1,29 @@ +{ + "name": "week4_assignment", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "tsc -b && vite build", + "lint": "eslint .", + "preview": "vite preview" + }, + "dependencies": { + "react": "^18.3.1", + "react-dom": "^18.3.1" + }, + "devDependencies": { + "@eslint/js": "^9.13.0", + "@types/react": "^18.3.12", + "@types/react-dom": "^18.3.1", + "@vitejs/plugin-react-swc": "^3.5.0", + "eslint": "^9.13.0", + "eslint-plugin-react-hooks": "^5.0.0", + "eslint-plugin-react-refresh": "^0.4.14", + "globals": "^15.11.0", + "typescript": "~5.6.2", + "typescript-eslint": "^8.11.0", + "vite": "^5.4.10" + } +} diff --git a/week4/week4_assignment/public/vite.svg b/week4/week4_assignment/public/vite.svg new file mode 100644 index 0000000..e7b8dfb --- /dev/null +++ b/week4/week4_assignment/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/week4/week4_assignment/src/App.tsx b/week4/week4_assignment/src/App.tsx new file mode 100644 index 0000000..729b1ea --- /dev/null +++ b/week4/week4_assignment/src/App.tsx @@ -0,0 +1,5 @@ +const App = () => { + return
App
; +}; + +export default App; diff --git a/week4/week4_assignment/src/main.tsx b/week4/week4_assignment/src/main.tsx new file mode 100644 index 0000000..98ccb21 --- /dev/null +++ b/week4/week4_assignment/src/main.tsx @@ -0,0 +1,9 @@ +import { StrictMode } from "react"; +import { createRoot } from "react-dom/client"; +import App from "./App.tsx"; + +createRoot(document.getElementById("root")!).render( + + + +); diff --git a/week4/week4_assignment/src/vite-env.d.ts b/week4/week4_assignment/src/vite-env.d.ts new file mode 100644 index 0000000..11f02fe --- /dev/null +++ b/week4/week4_assignment/src/vite-env.d.ts @@ -0,0 +1 @@ +/// diff --git a/week4/week4_assignment/tsconfig.app.json b/week4/week4_assignment/tsconfig.app.json new file mode 100644 index 0000000..f867de0 --- /dev/null +++ b/week4/week4_assignment/tsconfig.app.json @@ -0,0 +1,26 @@ +{ + "compilerOptions": { + "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo", + "target": "ES2020", + "useDefineForClassFields": true, + "lib": ["ES2020", "DOM", "DOM.Iterable"], + "module": "ESNext", + "skipLibCheck": true, + + /* Bundler mode */ + "moduleResolution": "Bundler", + "allowImportingTsExtensions": true, + "isolatedModules": true, + "moduleDetection": "force", + "noEmit": true, + "jsx": "react-jsx", + + /* Linting */ + "strict": true, + "noUnusedLocals": true, + "noUnusedParameters": true, + "noFallthroughCasesInSwitch": true, + "noUncheckedSideEffectImports": true + }, + "include": ["src"] +} diff --git a/week4/week4_assignment/tsconfig.json b/week4/week4_assignment/tsconfig.json new file mode 100644 index 0000000..1ffef60 --- /dev/null +++ b/week4/week4_assignment/tsconfig.json @@ -0,0 +1,7 @@ +{ + "files": [], + "references": [ + { "path": "./tsconfig.app.json" }, + { "path": "./tsconfig.node.json" } + ] +} diff --git a/week4/week4_assignment/tsconfig.node.json b/week4/week4_assignment/tsconfig.node.json new file mode 100644 index 0000000..abcd7f0 --- /dev/null +++ b/week4/week4_assignment/tsconfig.node.json @@ -0,0 +1,24 @@ +{ + "compilerOptions": { + "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo", + "target": "ES2022", + "lib": ["ES2023"], + "module": "ESNext", + "skipLibCheck": true, + + /* Bundler mode */ + "moduleResolution": "Bundler", + "allowImportingTsExtensions": true, + "isolatedModules": true, + "moduleDetection": "force", + "noEmit": true, + + /* Linting */ + "strict": true, + "noUnusedLocals": true, + "noUnusedParameters": true, + "noFallthroughCasesInSwitch": true, + "noUncheckedSideEffectImports": true + }, + "include": ["vite.config.ts"] +} diff --git a/week4/week4_assignment/vite.config.ts b/week4/week4_assignment/vite.config.ts new file mode 100644 index 0000000..2328e17 --- /dev/null +++ b/week4/week4_assignment/vite.config.ts @@ -0,0 +1,7 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react-swc' + +// https://vite.dev/config/ +export default defineConfig({ + plugins: [react()], +}) diff --git a/week4/week4_assignment/yarn.lock b/week4/week4_assignment/yarn.lock new file mode 100644 index 0000000..2157ea7 --- /dev/null +++ b/week4/week4_assignment/yarn.lock @@ -0,0 +1,1265 @@ +# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. +# yarn lockfile v1 + + +"@esbuild/aix-ppc64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz#c7184a326533fcdf1b8ee0733e21c713b975575f" + integrity sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ== + +"@esbuild/android-arm64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz#09d9b4357780da9ea3a7dfb833a1f1ff439b4052" + integrity sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A== + +"@esbuild/android-arm@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.21.5.tgz#9b04384fb771926dfa6d7ad04324ecb2ab9b2e28" + integrity sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg== + +"@esbuild/android-x64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.21.5.tgz#29918ec2db754cedcb6c1b04de8cd6547af6461e" + integrity sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA== + +"@esbuild/darwin-arm64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz#e495b539660e51690f3928af50a76fb0a6ccff2a" + integrity sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ== + +"@esbuild/darwin-x64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz#c13838fa57372839abdddc91d71542ceea2e1e22" + integrity sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw== + +"@esbuild/freebsd-arm64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz#646b989aa20bf89fd071dd5dbfad69a3542e550e" + integrity sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g== + +"@esbuild/freebsd-x64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz#aa615cfc80af954d3458906e38ca22c18cf5c261" + integrity sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ== + +"@esbuild/linux-arm64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz#70ac6fa14f5cb7e1f7f887bcffb680ad09922b5b" + integrity sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q== + +"@esbuild/linux-arm@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz#fc6fd11a8aca56c1f6f3894f2bea0479f8f626b9" + integrity sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA== + +"@esbuild/linux-ia32@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz#3271f53b3f93e3d093d518d1649d6d68d346ede2" + integrity sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg== + +"@esbuild/linux-loong64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz#ed62e04238c57026aea831c5a130b73c0f9f26df" + integrity sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg== + +"@esbuild/linux-mips64el@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz#e79b8eb48bf3b106fadec1ac8240fb97b4e64cbe" + integrity sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg== + +"@esbuild/linux-ppc64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz#5f2203860a143b9919d383ef7573521fb154c3e4" + integrity sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w== + +"@esbuild/linux-riscv64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz#07bcafd99322d5af62f618cb9e6a9b7f4bb825dc" + integrity sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA== + +"@esbuild/linux-s390x@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz#b7ccf686751d6a3e44b8627ababc8be3ef62d8de" + integrity sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A== + +"@esbuild/linux-x64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz#6d8f0c768e070e64309af8004bb94e68ab2bb3b0" + integrity sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ== + +"@esbuild/netbsd-x64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz#bbe430f60d378ecb88decb219c602667387a6047" + integrity sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg== + +"@esbuild/openbsd-x64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz#99d1cf2937279560d2104821f5ccce220cb2af70" + integrity sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow== + +"@esbuild/sunos-x64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz#08741512c10d529566baba837b4fe052c8f3487b" + integrity sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg== + +"@esbuild/win32-arm64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz#675b7385398411240735016144ab2e99a60fc75d" + integrity sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A== + +"@esbuild/win32-ia32@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz#1bfc3ce98aa6ca9a0969e4d2af72144c59c1193b" + integrity sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA== + +"@esbuild/win32-x64@0.21.5": + version "0.21.5" + resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz#acad351d582d157bb145535db2a6ff53dd514b5c" + integrity sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw== + +"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0": + version "4.4.1" + resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz#d1145bf2c20132d6400495d6df4bf59362fd9d56" + integrity sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA== + dependencies: + eslint-visitor-keys "^3.4.3" + +"@eslint-community/regexpp@^4.10.0", "@eslint-community/regexpp@^4.12.1": + version "4.12.1" + resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0" + integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ== + +"@eslint/config-array@^0.18.0": + version "0.18.0" + resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.18.0.tgz#37d8fe656e0d5e3dbaea7758ea56540867fd074d" + integrity sha512-fTxvnS1sRMu3+JjXwJG0j/i4RT9u4qJ+lqS/yCGap4lH4zZGzQ7tu+xZqQmcMZq5OBZDL4QRxQzRjkWcGt8IVw== + dependencies: + "@eslint/object-schema" "^2.1.4" + debug "^4.3.1" + minimatch "^3.1.2" + +"@eslint/core@^0.7.0": + version "0.7.0" + resolved "https://registry.yarnpkg.com/@eslint/core/-/core-0.7.0.tgz#a1bb4b6a4e742a5ff1894b7ee76fbf884ec72bd3" + integrity sha512-xp5Jirz5DyPYlPiKat8jaq0EmYvDXKKpzTbxXMpT9eqlRJkRKIz9AGMdlvYjih+im+QlhWrpvVjl8IPC/lHlUw== + +"@eslint/eslintrc@^3.1.0": + version "3.1.0" + resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-3.1.0.tgz#dbd3482bfd91efa663cbe7aa1f506839868207b6" + integrity sha512-4Bfj15dVJdoy3RfZmmo86RK1Fwzn6SstsvK9JS+BaVKqC6QQQQyXekNaC+g+LKNgkQ+2VhGAzm6hO40AhMR3zQ== + dependencies: + ajv "^6.12.4" + debug "^4.3.2" + espree "^10.0.1" + globals "^14.0.0" + ignore "^5.2.0" + import-fresh "^3.2.1" + js-yaml "^4.1.0" + minimatch "^3.1.2" + strip-json-comments "^3.1.1" + +"@eslint/js@9.14.0", "@eslint/js@^9.13.0": + version "9.14.0" + resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.14.0.tgz#2347a871042ebd11a00fd8c2d3d56a265ee6857e" + integrity sha512-pFoEtFWCPyDOl+C6Ift+wC7Ro89otjigCf5vcuWqWgqNSQbRrpjSvdeE6ofLz4dHmyxD5f7gIdGT4+p36L6Twg== + +"@eslint/object-schema@^2.1.4": + version "2.1.4" + resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.4.tgz#9e69f8bb4031e11df79e03db09f9dbbae1740843" + integrity sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ== + +"@eslint/plugin-kit@^0.2.0": + version "0.2.2" + resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.2.2.tgz#5eff371953bc13e3f4d88150e2c53959f64f74f6" + integrity sha512-CXtq5nR4Su+2I47WPOlWud98Y5Lv8Kyxp2ukhgFx/eW6Blm18VXJO5WuQylPugRo8nbluoi6GvvxBLqHcvqUUw== + dependencies: + levn "^0.4.1" + +"@humanfs/core@^0.19.1": + version "0.19.1" + resolved "https://registry.yarnpkg.com/@humanfs/core/-/core-0.19.1.tgz#17c55ca7d426733fe3c561906b8173c336b40a77" + integrity sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA== + +"@humanfs/node@^0.16.6": + version "0.16.6" + resolved "https://registry.yarnpkg.com/@humanfs/node/-/node-0.16.6.tgz#ee2a10eaabd1131987bf0488fd9b820174cd765e" + integrity sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw== + dependencies: + "@humanfs/core" "^0.19.1" + "@humanwhocodes/retry" "^0.3.0" + +"@humanwhocodes/module-importer@^1.0.1": + version "1.0.1" + resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c" + integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA== + +"@humanwhocodes/retry@^0.3.0": + version "0.3.1" + resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.3.1.tgz#c72a5c76a9fbaf3488e231b13dc52c0da7bab42a" + integrity sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA== + +"@humanwhocodes/retry@^0.4.0": + version "0.4.1" + resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.4.1.tgz#9a96ce501bc62df46c4031fbd970e3cc6b10f07b" + integrity sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA== + +"@nodelib/fs.scandir@2.1.5": + version "2.1.5" + resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5" + integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g== + dependencies: + "@nodelib/fs.stat" "2.0.5" + run-parallel "^1.1.9" + +"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2": + version "2.0.5" + resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b" + integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A== + +"@nodelib/fs.walk@^1.2.3": + version "1.2.8" + resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a" + integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg== + dependencies: + "@nodelib/fs.scandir" "2.1.5" + fastq "^1.6.0" + +"@rollup/rollup-android-arm-eabi@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.25.0.tgz#3e7eda4c0c1de6d2415343002d742ff95e38dca7" + integrity sha512-CC/ZqFZwlAIbU1wUPisHyV/XRc5RydFrNLtgl3dGYskdwPZdt4HERtKm50a/+DtTlKeCq9IXFEWR+P6blwjqBA== + +"@rollup/rollup-android-arm64@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.25.0.tgz#04f679231acf7284f1f8a1f7250d0e0944865ba8" + integrity sha512-/Y76tmLGUJqVBXXCfVS8Q8FJqYGhgH4wl4qTA24E9v/IJM0XvJCGQVSW1QZ4J+VURO9h8YCa28sTFacZXwK7Rg== + +"@rollup/rollup-darwin-arm64@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.25.0.tgz#ecea723041621747d0772af93b54752edf26467a" + integrity sha512-YVT6L3UrKTlC0FpCZd0MGA7NVdp7YNaEqkENbWQ7AOVOqd/7VzyHpgIpc1mIaxRAo1ZsJRH45fq8j4N63I/vvg== + +"@rollup/rollup-darwin-x64@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.25.0.tgz#28e6e0687092f31e20982fc104779d48c643fc21" + integrity sha512-ZRL+gexs3+ZmmWmGKEU43Bdn67kWnMeWXLFhcVv5Un8FQcx38yulHBA7XR2+KQdYIOtD0yZDWBCudmfj6lQJoA== + +"@rollup/rollup-freebsd-arm64@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.25.0.tgz#99e9173b8aef3d1ef086983da70413988206e530" + integrity sha512-xpEIXhiP27EAylEpreCozozsxWQ2TJbOLSivGfXhU4G1TBVEYtUPi2pOZBnvGXHyOdLAUUhPnJzH3ah5cqF01g== + +"@rollup/rollup-freebsd-x64@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.25.0.tgz#f3a1ef941f8d3c6b2b036484c69a7b2d3d9ebbd7" + integrity sha512-sC5FsmZGlJv5dOcURrsnIK7ngc3Kirnx3as2XU9uER+zjfyqIjdcMVgzy4cOawhsssqzoAX19qmxgJ8a14Qrqw== + +"@rollup/rollup-linux-arm-gnueabihf@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.25.0.tgz#9ba6adcc33f26f2a0c6ee658f0bbda4de8da2f75" + integrity sha512-uD/dbLSs1BEPzg564TpRAQ/YvTnCds2XxyOndAO8nJhaQcqQGFgv/DAVko/ZHap3boCvxnzYMa3mTkV/B/3SWA== + +"@rollup/rollup-linux-arm-musleabihf@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.25.0.tgz#62f2426fa9016ec884f4fa779d7b62d5ba02a41a" + integrity sha512-ZVt/XkrDlQWegDWrwyC3l0OfAF7yeJUF4fq5RMS07YM72BlSfn2fQQ6lPyBNjt+YbczMguPiJoCfaQC2dnflpQ== + +"@rollup/rollup-linux-arm64-gnu@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.25.0.tgz#f98ec111a231d35e0c6d3404e3d80f67f9d5b9f8" + integrity sha512-qboZ+T0gHAW2kkSDPHxu7quaFaaBlynODXpBVnPxUgvWYaE84xgCKAPEYE+fSMd3Zv5PyFZR+L0tCdYCMAtG0A== + +"@rollup/rollup-linux-arm64-musl@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.25.0.tgz#4b36ffb8359f959f2c29afd187603c53368b6723" + integrity sha512-ndWTSEmAaKr88dBuogGH2NZaxe7u2rDoArsejNslugHZ+r44NfWiwjzizVS1nUOHo+n1Z6qV3X60rqE/HlISgw== + +"@rollup/rollup-linux-powerpc64le-gnu@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.25.0.tgz#52f4b39e6783505d168a745b79d86474fde71680" + integrity sha512-BVSQvVa2v5hKwJSy6X7W1fjDex6yZnNKy3Kx1JGimccHft6HV0THTwNtC2zawtNXKUu+S5CjXslilYdKBAadzA== + +"@rollup/rollup-linux-riscv64-gnu@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.25.0.tgz#49195be7e6a7d68d482b12461e2ea914e31ff977" + integrity sha512-G4hTREQrIdeV0PE2JruzI+vXdRnaK1pg64hemHq2v5fhv8C7WjVaeXc9P5i4Q5UC06d/L+zA0mszYIKl+wY8oA== + +"@rollup/rollup-linux-s390x-gnu@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.25.0.tgz#4b8d50a205eac7b46cdcb9c50d4a6ae5994c02e0" + integrity sha512-9T/w0kQ+upxdkFL9zPVB6zy9vWW1deA3g8IauJxojN4bnz5FwSsUAD034KpXIVX5j5p/rn6XqumBMxfRkcHapQ== + +"@rollup/rollup-linux-x64-gnu@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.25.0.tgz#dfcceebc5ccac7fc2db19471996026258c81b55f" + integrity sha512-ThcnU0EcMDn+J4B9LD++OgBYxZusuA7iemIIiz5yzEcFg04VZFzdFjuwPdlURmYPZw+fgVrFzj4CA64jSTG4Ig== + +"@rollup/rollup-linux-x64-musl@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.25.0.tgz#192f78bad8429711d63a31dc0a7d3312e2df850e" + integrity sha512-zx71aY2oQxGxAT1JShfhNG79PnjYhMC6voAjzpu/xmMjDnKNf6Nl/xv7YaB/9SIa9jDYf8RBPWEnjcdlhlv1rQ== + +"@rollup/rollup-win32-arm64-msvc@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.25.0.tgz#f4ec076579634f780b4e5896ae7f59f3e38e0c60" + integrity sha512-JT8tcjNocMs4CylWY/CxVLnv8e1lE7ff1fi6kbGocWwxDq9pj30IJ28Peb+Y8yiPNSF28oad42ApJB8oUkwGww== + +"@rollup/rollup-win32-ia32-msvc@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.25.0.tgz#5458eab1929827e4f805cefb90bd09ecf7eeed2b" + integrity sha512-dRLjLsO3dNOfSN6tjyVlG+Msm4IiZnGkuZ7G5NmpzwF9oOc582FZG05+UdfTbz5Jd4buK/wMb6UeHFhG18+OEg== + +"@rollup/rollup-win32-x64-msvc@4.25.0": + version "4.25.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.25.0.tgz#93415e7e707e4b156d77c5950b983b58f4bc33f3" + integrity sha512-/RqrIFtLB926frMhZD0a5oDa4eFIbyNEwLLloMTEjmqfwZWXywwVVOVmwTsuyhC9HKkVEZcOOi+KV4U9wmOdlg== + +"@swc/core-darwin-arm64@1.9.1": + version "1.9.1" + resolved "https://registry.yarnpkg.com/@swc/core-darwin-arm64/-/core-darwin-arm64-1.9.1.tgz#0fd83e5febe1044c7b12f128089cb8b213e14d0b" + integrity sha512-2/ncHSCdAh5OHem1fMITrWEzzl97OdMK1PHc9CkxSJnphLjRubfxB5sbc5tDhcO68a5tVy+DxwaBgDec3PXnOg== + +"@swc/core-darwin-x64@1.9.1": + version "1.9.1" + resolved "https://registry.yarnpkg.com/@swc/core-darwin-x64/-/core-darwin-x64-1.9.1.tgz#da28fcd37207655d2ad34dcb0d0819f20decb57a" + integrity sha512-4MDOFC5zmNqRJ9RGFOH95oYf27J9HniLVpB1pYm2gGeNHdl2QvDMtx2QTuMHQ6+OTn/3y1BHYuhBGp7d405oLA== + +"@swc/core-linux-arm-gnueabihf@1.9.1": + version "1.9.1" + resolved "https://registry.yarnpkg.com/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.9.1.tgz#dde1a15d1b88a6be000bbcecebe301227eb76c57" + integrity sha512-eVW/BjRW8/HpLe3+1jRU7w7PdRLBgnEEYTkHJISU8805/EKT03xNZn6CfaBpKfeAloY4043hbGzE/NP9IahdpQ== + +"@swc/core-linux-arm64-gnu@1.9.1": + version "1.9.1" + resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.9.1.tgz#8b6d15b56597ba5e097932d3a305e88c3d749cec" + integrity sha512-8m3u1v8R8NgI/9+cHMkzk14w87blSy3OsQPWPfhOL+XPwhyLPvat+ahQJb2nZmltjTgkB4IbzKFSfbuA34LmNA== + +"@swc/core-linux-arm64-musl@1.9.1": + version "1.9.1" + resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.9.1.tgz#dd822efe61b2bbbd378e6ca8d80b4ba992c34ad8" + integrity sha512-hpT0sQAZnW8l02I289yeyFfT9llGO9PzKDxUq8pocKtioEHiElRqR53juCWoSmzuWi+6KX7zUJ0NKCBrc8pmDg== + +"@swc/core-linux-x64-gnu@1.9.1": + version "1.9.1" + resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.9.1.tgz#d02c63e96d4137c988e71189ccf1c40deb43b4cc" + integrity sha512-sGFdpdAYusk/ropHiwtXom2JrdaKPxl8MqemRv6dvxZq1Gm/GdmOowxdXIPjCgBGMgoXVcgNviH6CgiO5q+UtA== + +"@swc/core-linux-x64-musl@1.9.1": + version "1.9.1" + resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.9.1.tgz#a8736ddb8e573aa59ccceb50813badff806b299b" + integrity sha512-YtNLNwIWs0Z2+XgBs6+LrCIGtfCDtNr4S4b6Q5HDOreEIGzSvhkef8eyBI5L+fJ2eGov4b7iEo61C4izDJS5RA== + +"@swc/core-win32-arm64-msvc@1.9.1": + version "1.9.1" + resolved "https://registry.yarnpkg.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.9.1.tgz#91c75fe95cd7bb7f7ae85c6b3bd405af63dc5984" + integrity sha512-qSxD3uZW2vSiHqUt30vUi0PB92zDh9bjqh5YKpfhhVa7h1vt/xXhlid8yMvSNToTfzhRrTEffOAPUr7WVoyQUA== + +"@swc/core-win32-ia32-msvc@1.9.1": + version "1.9.1" + resolved "https://registry.yarnpkg.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.9.1.tgz#e2ea0be7ca34b642b3adbb6c1fad34fb7874514b" + integrity sha512-C3fPEwyX/WRPlX6zIToNykJuz1JkZX0sk8H1QH2vpnKuySUkt/Ur5K2FzLgSWzJdbfxstpgS151/es0VGAD+ZA== + +"@swc/core-win32-x64-msvc@1.9.1": + version "1.9.1" + resolved "https://registry.yarnpkg.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.9.1.tgz#c9e532a791fdf44e3c9635135b1026f140d06483" + integrity sha512-2XZ+U1AyVsOAXeH6WK1syDm7+gwTjA8fShs93WcbxnK7HV+NigDlvr4124CeJLTHyh3fMh1o7+CnQnaBJhlysQ== + +"@swc/core@^1.7.26": + version "1.9.1" + resolved "https://registry.yarnpkg.com/@swc/core/-/core-1.9.1.tgz#1a1b8378e4b64b74e7f932014ca800ea6133ac27" + integrity sha512-OnPc+Kt5oy3xTvr/KCUOqE9ptJcWbyQgAUr1ydh9EmbBcmJTaO1kfQCxm/axzJi6sKeDTxL9rX5zvLOhoYIaQw== + dependencies: + "@swc/counter" "^0.1.3" + "@swc/types" "^0.1.14" + optionalDependencies: + "@swc/core-darwin-arm64" "1.9.1" + "@swc/core-darwin-x64" "1.9.1" + "@swc/core-linux-arm-gnueabihf" "1.9.1" + "@swc/core-linux-arm64-gnu" "1.9.1" + "@swc/core-linux-arm64-musl" "1.9.1" + "@swc/core-linux-x64-gnu" "1.9.1" + "@swc/core-linux-x64-musl" "1.9.1" + "@swc/core-win32-arm64-msvc" "1.9.1" + "@swc/core-win32-ia32-msvc" "1.9.1" + "@swc/core-win32-x64-msvc" "1.9.1" + +"@swc/counter@^0.1.3": + version "0.1.3" + resolved "https://registry.yarnpkg.com/@swc/counter/-/counter-0.1.3.tgz#cc7463bd02949611c6329596fccd2b0ec782b0e9" + integrity sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ== + +"@swc/types@^0.1.14": + version "0.1.14" + resolved "https://registry.yarnpkg.com/@swc/types/-/types-0.1.14.tgz#0a0a3f60f801c5d7d52ab02fd5f924d9c6dbcb0d" + integrity sha512-PbSmTiYCN+GMrvfjrMo9bdY+f2COnwbdnoMw7rqU/PI5jXpKjxOGZ0qqZCImxnT81NkNsKnmEpvu+hRXLBeCJg== + dependencies: + "@swc/counter" "^0.1.3" + +"@types/estree@1.0.6", "@types/estree@^1.0.6": + version "1.0.6" + resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.6.tgz#628effeeae2064a1b4e79f78e81d87b7e5fc7b50" + integrity sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw== + +"@types/json-schema@^7.0.15": + version "7.0.15" + resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841" + integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA== + +"@types/prop-types@*": + version "15.7.13" + resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.13.tgz#2af91918ee12d9d32914feb13f5326658461b451" + integrity sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA== + +"@types/react-dom@^18.3.1": + version "18.3.1" + resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.3.1.tgz#1e4654c08a9cdcfb6594c780ac59b55aad42fe07" + integrity sha512-qW1Mfv8taImTthu4KoXgDfLuk4bydU6Q/TkADnDWWHwi4NX4BR+LWfTp2sVmTqRrsHvyDDTelgelxJ+SsejKKQ== + dependencies: + "@types/react" "*" + +"@types/react@*", "@types/react@^18.3.12": + version "18.3.12" + resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.12.tgz#99419f182ccd69151813b7ee24b792fe08774f60" + integrity sha512-D2wOSq/d6Agt28q7rSI3jhU7G6aiuzljDGZ2hTZHIkrTLUI+AF3WMeKkEZ9nN2fkBAlcktT6vcZjDFiIhMYEQw== + dependencies: + "@types/prop-types" "*" + csstype "^3.0.2" + +"@typescript-eslint/eslint-plugin@8.13.0": + version "8.13.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.13.0.tgz#650c50b8c795b5d092189f139f6d00535b5b0f3d" + integrity sha512-nQtBLiZYMUPkclSeC3id+x4uVd1SGtHuElTxL++SfP47jR0zfkZBJHc+gL4qPsgTuypz0k8Y2GheaDYn6Gy3rg== + dependencies: + "@eslint-community/regexpp" "^4.10.0" + "@typescript-eslint/scope-manager" "8.13.0" + "@typescript-eslint/type-utils" "8.13.0" + "@typescript-eslint/utils" "8.13.0" + "@typescript-eslint/visitor-keys" "8.13.0" + graphemer "^1.4.0" + ignore "^5.3.1" + natural-compare "^1.4.0" + ts-api-utils "^1.3.0" + +"@typescript-eslint/parser@8.13.0": + version "8.13.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.13.0.tgz#ef76203b7cac515aa3ccc4f7ce5320dd61c46b29" + integrity sha512-w0xp+xGg8u/nONcGw1UXAr6cjCPU1w0XVyBs6Zqaj5eLmxkKQAByTdV/uGgNN5tVvN/kKpoQlP2cL7R+ajZZIQ== + dependencies: + "@typescript-eslint/scope-manager" "8.13.0" + "@typescript-eslint/types" "8.13.0" + "@typescript-eslint/typescript-estree" "8.13.0" + "@typescript-eslint/visitor-keys" "8.13.0" + debug "^4.3.4" + +"@typescript-eslint/scope-manager@8.13.0": + version "8.13.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.13.0.tgz#2f4aed0b87d72360e64e4ea194b1fde14a59082e" + integrity sha512-XsGWww0odcUT0gJoBZ1DeulY1+jkaHUciUq4jKNv4cpInbvvrtDoyBH9rE/n2V29wQJPk8iCH1wipra9BhmiMA== + dependencies: + "@typescript-eslint/types" "8.13.0" + "@typescript-eslint/visitor-keys" "8.13.0" + +"@typescript-eslint/type-utils@8.13.0": + version "8.13.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.13.0.tgz#8c8fa68490dcb9ae1687ffc7de8fbe23c26417bd" + integrity sha512-Rqnn6xXTR316fP4D2pohZenJnp+NwQ1mo7/JM+J1LWZENSLkJI8ID8QNtlvFeb0HnFSK94D6q0cnMX6SbE5/vA== + dependencies: + "@typescript-eslint/typescript-estree" "8.13.0" + "@typescript-eslint/utils" "8.13.0" + debug "^4.3.4" + ts-api-utils "^1.3.0" + +"@typescript-eslint/types@8.13.0": + version "8.13.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.13.0.tgz#3f35dead2b2491a04339370dcbcd17bbdfc204d8" + integrity sha512-4cyFErJetFLckcThRUFdReWJjVsPCqyBlJTi6IDEpc1GWCIIZRFxVppjWLIMcQhNGhdWJJRYFHpHoDWvMlDzng== + +"@typescript-eslint/typescript-estree@8.13.0": + version "8.13.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.13.0.tgz#db8c93dd5437ca3ce417a255fb35ddc3c12c3e95" + integrity sha512-v7SCIGmVsRK2Cy/LTLGN22uea6SaUIlpBcO/gnMGT/7zPtxp90bphcGf4fyrCQl3ZtiBKqVTG32hb668oIYy1g== + dependencies: + "@typescript-eslint/types" "8.13.0" + "@typescript-eslint/visitor-keys" "8.13.0" + debug "^4.3.4" + fast-glob "^3.3.2" + is-glob "^4.0.3" + minimatch "^9.0.4" + semver "^7.6.0" + ts-api-utils "^1.3.0" + +"@typescript-eslint/utils@8.13.0": + version "8.13.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.13.0.tgz#f6d40e8b5053dcaeabbd2e26463857abf27d62c0" + integrity sha512-A1EeYOND6Uv250nybnLZapeXpYMl8tkzYUxqmoKAWnI4sei3ihf2XdZVd+vVOmHGcp3t+P7yRrNsyyiXTvShFQ== + dependencies: + "@eslint-community/eslint-utils" "^4.4.0" + "@typescript-eslint/scope-manager" "8.13.0" + "@typescript-eslint/types" "8.13.0" + "@typescript-eslint/typescript-estree" "8.13.0" + +"@typescript-eslint/visitor-keys@8.13.0": + version "8.13.0" + resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.13.0.tgz#e97b0d92b266ef38a1faf40a74da289b66683a5b" + integrity sha512-7N/+lztJqH4Mrf0lb10R/CbI1EaAMMGyF5y0oJvFoAhafwgiRA7TXyd8TFn8FC8k5y2dTsYogg238qavRGNnlw== + dependencies: + "@typescript-eslint/types" "8.13.0" + eslint-visitor-keys "^3.4.3" + +"@vitejs/plugin-react-swc@^3.5.0": + version "3.7.1" + resolved "https://registry.yarnpkg.com/@vitejs/plugin-react-swc/-/plugin-react-swc-3.7.1.tgz#bc5af48ef35c525d623fa14177c912cbaa86a846" + integrity sha512-vgWOY0i1EROUK0Ctg1hwhtC3SdcDjZcdit4Ups4aPkDcB1jYhmo+RMYWY87cmXMhvtD5uf8lV89j2w16vkdSVg== + dependencies: + "@swc/core" "^1.7.26" + +acorn-jsx@^5.3.2: + version "5.3.2" + resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937" + integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ== + +acorn@^8.14.0: + version "8.14.0" + resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.0.tgz#063e2c70cac5fb4f6467f0b11152e04c682795b0" + integrity sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA== + +ajv@^6.12.4: + version "6.12.6" + resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4" + integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g== + dependencies: + fast-deep-equal "^3.1.1" + fast-json-stable-stringify "^2.0.0" + json-schema-traverse "^0.4.1" + uri-js "^4.2.2" + +ansi-styles@^4.1.0: + version "4.3.0" + resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937" + integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg== + dependencies: + color-convert "^2.0.1" + +argparse@^2.0.1: + version "2.0.1" + resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38" + integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q== + +balanced-match@^1.0.0: + version "1.0.2" + resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee" + integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw== + +brace-expansion@^1.1.7: + version "1.1.11" + resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd" + integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA== + dependencies: + balanced-match "^1.0.0" + concat-map "0.0.1" + +brace-expansion@^2.0.1: + version "2.0.1" + resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae" + integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA== + dependencies: + balanced-match "^1.0.0" + +braces@^3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789" + integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA== + dependencies: + fill-range "^7.1.1" + +callsites@^3.0.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73" + integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ== + +chalk@^4.0.0: + version "4.1.2" + resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01" + integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA== + dependencies: + ansi-styles "^4.1.0" + supports-color "^7.1.0" + +color-convert@^2.0.1: + version "2.0.1" + resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3" + integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ== + dependencies: + color-name "~1.1.4" + +color-name@~1.1.4: + version "1.1.4" + resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2" + integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA== + +concat-map@0.0.1: + version "0.0.1" + resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" + integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg== + +cross-spawn@^7.0.2: + version "7.0.5" + resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.5.tgz#910aac880ff5243da96b728bc6521a5f6c2f2f82" + integrity sha512-ZVJrKKYunU38/76t0RMOulHOnUcbU9GbpWKAOZ0mhjr7CX6FVrH+4FrAapSOekrgFQ3f/8gwMEuIft0aKq6Hug== + dependencies: + path-key "^3.1.0" + shebang-command "^2.0.0" + which "^2.0.1" + +csstype@^3.0.2: + version "3.1.3" + resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81" + integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw== + +debug@^4.3.1, debug@^4.3.2, debug@^4.3.4: + version "4.3.7" + resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.7.tgz#87945b4151a011d76d95a198d7111c865c360a52" + integrity sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ== + dependencies: + ms "^2.1.3" + +deep-is@^0.1.3: + version "0.1.4" + resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831" + integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ== + +esbuild@^0.21.3: + version "0.21.5" + resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.21.5.tgz#9ca301b120922959b766360d8ac830da0d02997d" + integrity sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw== + optionalDependencies: + "@esbuild/aix-ppc64" "0.21.5" + "@esbuild/android-arm" "0.21.5" + "@esbuild/android-arm64" "0.21.5" + "@esbuild/android-x64" "0.21.5" + "@esbuild/darwin-arm64" "0.21.5" + "@esbuild/darwin-x64" "0.21.5" + "@esbuild/freebsd-arm64" "0.21.5" + "@esbuild/freebsd-x64" "0.21.5" + "@esbuild/linux-arm" "0.21.5" + "@esbuild/linux-arm64" "0.21.5" + "@esbuild/linux-ia32" "0.21.5" + "@esbuild/linux-loong64" "0.21.5" + "@esbuild/linux-mips64el" "0.21.5" + "@esbuild/linux-ppc64" "0.21.5" + "@esbuild/linux-riscv64" "0.21.5" + "@esbuild/linux-s390x" "0.21.5" + "@esbuild/linux-x64" "0.21.5" + "@esbuild/netbsd-x64" "0.21.5" + "@esbuild/openbsd-x64" "0.21.5" + "@esbuild/sunos-x64" "0.21.5" + "@esbuild/win32-arm64" "0.21.5" + "@esbuild/win32-ia32" "0.21.5" + "@esbuild/win32-x64" "0.21.5" + +escape-string-regexp@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34" + integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA== + +eslint-plugin-react-hooks@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.0.0.tgz#72e2eefbac4b694f5324154619fee44f5f60f101" + integrity sha512-hIOwI+5hYGpJEc4uPRmz2ulCjAGD/N13Lukkh8cLV0i2IRk/bdZDYjgLVHj+U9Z704kLIdIO6iueGvxNur0sgw== + +eslint-plugin-react-refresh@^0.4.14: + version "0.4.14" + resolved "https://registry.yarnpkg.com/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.14.tgz#e3c611ead69bbf7436d01295c853d4abb8c59f68" + integrity sha512-aXvzCTK7ZBv1e7fahFuR3Z/fyQQSIQ711yPgYRj+Oj64tyTgO4iQIDmYXDBqvSWQ/FA4OSCsXOStlF+noU0/NA== + +eslint-scope@^8.2.0: + version "8.2.0" + resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.2.0.tgz#377aa6f1cb5dc7592cfd0b7f892fd0cf352ce442" + integrity sha512-PHlWUfG6lvPc3yvP5A4PNyBL1W8fkDUccmI21JUu/+GKZBoH/W5u6usENXUrWFRsyoW5ACUjFGgAFQp5gUlb/A== + dependencies: + esrecurse "^4.3.0" + estraverse "^5.2.0" + +eslint-visitor-keys@^3.4.3: + version "3.4.3" + resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800" + integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag== + +eslint-visitor-keys@^4.2.0: + version "4.2.0" + resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz#687bacb2af884fcdda8a6e7d65c606f46a14cd45" + integrity sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw== + +eslint@^9.13.0: + version "9.14.0" + resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.14.0.tgz#534180a97c00af08bcf2b60b0ebf0c4d6c1b2c95" + integrity sha512-c2FHsVBr87lnUtjP4Yhvk4yEhKrQavGafRA/Se1ouse8PfbfC/Qh9Mxa00yWsZRlqeUB9raXip0aiiUZkgnr9g== + dependencies: + "@eslint-community/eslint-utils" "^4.2.0" + "@eslint-community/regexpp" "^4.12.1" + "@eslint/config-array" "^0.18.0" + "@eslint/core" "^0.7.0" + "@eslint/eslintrc" "^3.1.0" + "@eslint/js" "9.14.0" + "@eslint/plugin-kit" "^0.2.0" + "@humanfs/node" "^0.16.6" + "@humanwhocodes/module-importer" "^1.0.1" + "@humanwhocodes/retry" "^0.4.0" + "@types/estree" "^1.0.6" + "@types/json-schema" "^7.0.15" + ajv "^6.12.4" + chalk "^4.0.0" + cross-spawn "^7.0.2" + debug "^4.3.2" + escape-string-regexp "^4.0.0" + eslint-scope "^8.2.0" + eslint-visitor-keys "^4.2.0" + espree "^10.3.0" + esquery "^1.5.0" + esutils "^2.0.2" + fast-deep-equal "^3.1.3" + file-entry-cache "^8.0.0" + find-up "^5.0.0" + glob-parent "^6.0.2" + ignore "^5.2.0" + imurmurhash "^0.1.4" + is-glob "^4.0.0" + json-stable-stringify-without-jsonify "^1.0.1" + lodash.merge "^4.6.2" + minimatch "^3.1.2" + natural-compare "^1.4.0" + optionator "^0.9.3" + text-table "^0.2.0" + +espree@^10.0.1, espree@^10.3.0: + version "10.3.0" + resolved "https://registry.yarnpkg.com/espree/-/espree-10.3.0.tgz#29267cf5b0cb98735b65e64ba07e0ed49d1eed8a" + integrity sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg== + dependencies: + acorn "^8.14.0" + acorn-jsx "^5.3.2" + eslint-visitor-keys "^4.2.0" + +esquery@^1.5.0: + version "1.6.0" + resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.6.0.tgz#91419234f804d852a82dceec3e16cdc22cf9dae7" + integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg== + dependencies: + estraverse "^5.1.0" + +esrecurse@^4.3.0: + version "4.3.0" + resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921" + integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag== + dependencies: + estraverse "^5.2.0" + +estraverse@^5.1.0, estraverse@^5.2.0: + version "5.3.0" + resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123" + integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA== + +esutils@^2.0.2: + version "2.0.3" + resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64" + integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g== + +fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3: + version "3.1.3" + resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525" + integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q== + +fast-glob@^3.3.2: + version "3.3.2" + resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129" + integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow== + dependencies: + "@nodelib/fs.stat" "^2.0.2" + "@nodelib/fs.walk" "^1.2.3" + glob-parent "^5.1.2" + merge2 "^1.3.0" + micromatch "^4.0.4" + +fast-json-stable-stringify@^2.0.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633" + integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw== + +fast-levenshtein@^2.0.6: + version "2.0.6" + resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917" + integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw== + +fastq@^1.6.0: + version "1.17.1" + resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.17.1.tgz#2a523f07a4e7b1e81a42b91b8bf2254107753b47" + integrity sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w== + dependencies: + reusify "^1.0.4" + +file-entry-cache@^8.0.0: + version "8.0.0" + resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-8.0.0.tgz#7787bddcf1131bffb92636c69457bbc0edd6d81f" + integrity sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ== + dependencies: + flat-cache "^4.0.0" + +fill-range@^7.1.1: + version "7.1.1" + resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292" + integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg== + dependencies: + to-regex-range "^5.0.1" + +find-up@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc" + integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng== + dependencies: + locate-path "^6.0.0" + path-exists "^4.0.0" + +flat-cache@^4.0.0: + version "4.0.1" + resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-4.0.1.tgz#0ece39fcb14ee012f4b0410bd33dd9c1f011127c" + integrity sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw== + dependencies: + flatted "^3.2.9" + keyv "^4.5.4" + +flatted@^3.2.9: + version "3.3.1" + resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.1.tgz#21db470729a6734d4997002f439cb308987f567a" + integrity sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw== + +fsevents@~2.3.2, fsevents@~2.3.3: + version "2.3.3" + resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6" + integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw== + +glob-parent@^5.1.2: + version "5.1.2" + resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4" + integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow== + dependencies: + is-glob "^4.0.1" + +glob-parent@^6.0.2: + version "6.0.2" + resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3" + integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A== + dependencies: + is-glob "^4.0.3" + +globals@^14.0.0: + version "14.0.0" + resolved "https://registry.yarnpkg.com/globals/-/globals-14.0.0.tgz#898d7413c29babcf6bafe56fcadded858ada724e" + integrity sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ== + +globals@^15.11.0: + version "15.12.0" + resolved "https://registry.yarnpkg.com/globals/-/globals-15.12.0.tgz#1811872883ad8f41055b61457a130221297de5b5" + integrity sha512-1+gLErljJFhbOVyaetcwJiJ4+eLe45S2E7P5UiZ9xGfeq3ATQf5DOv9G7MH3gGbKQLkzmNh2DxfZwLdw+j6oTQ== + +graphemer@^1.4.0: + version "1.4.0" + resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6" + integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag== + +has-flag@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b" + integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ== + +ignore@^5.2.0, ignore@^5.3.1: + version "5.3.2" + resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5" + integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g== + +import-fresh@^3.2.1: + version "3.3.0" + resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b" + integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw== + dependencies: + parent-module "^1.0.0" + resolve-from "^4.0.0" + +imurmurhash@^0.1.4: + version "0.1.4" + resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea" + integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA== + +is-extglob@^2.1.1: + version "2.1.1" + resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2" + integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ== + +is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3: + version "4.0.3" + resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084" + integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg== + dependencies: + is-extglob "^2.1.1" + +is-number@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b" + integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng== + +isexe@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10" + integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw== + +"js-tokens@^3.0.0 || ^4.0.0": + version "4.0.0" + resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499" + integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ== + +js-yaml@^4.1.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602" + integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA== + dependencies: + argparse "^2.0.1" + +json-buffer@3.0.1: + version "3.0.1" + resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13" + integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ== + +json-schema-traverse@^0.4.1: + version "0.4.1" + resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660" + integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg== + +json-stable-stringify-without-jsonify@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651" + integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw== + +keyv@^4.5.4: + version "4.5.4" + resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93" + integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw== + dependencies: + json-buffer "3.0.1" + +levn@^0.4.1: + version "0.4.1" + resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade" + integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ== + dependencies: + prelude-ls "^1.2.1" + type-check "~0.4.0" + +locate-path@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286" + integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw== + dependencies: + p-locate "^5.0.0" + +lodash.merge@^4.6.2: + version "4.6.2" + resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a" + integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ== + +loose-envify@^1.1.0: + version "1.4.0" + resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf" + integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q== + dependencies: + js-tokens "^3.0.0 || ^4.0.0" + +merge2@^1.3.0: + version "1.4.1" + resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae" + integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg== + +micromatch@^4.0.4: + version "4.0.8" + resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202" + integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA== + dependencies: + braces "^3.0.3" + picomatch "^2.3.1" + +minimatch@^3.1.2: + version "3.1.2" + resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b" + integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw== + dependencies: + brace-expansion "^1.1.7" + +minimatch@^9.0.4: + version "9.0.5" + resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5" + integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow== + dependencies: + brace-expansion "^2.0.1" + +ms@^2.1.3: + version "2.1.3" + resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2" + integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA== + +nanoid@^3.3.7: + version "3.3.7" + resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8" + integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g== + +natural-compare@^1.4.0: + version "1.4.0" + resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7" + integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw== + +optionator@^0.9.3: + version "0.9.4" + resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.4.tgz#7ea1c1a5d91d764fb282139c88fe11e182a3a734" + integrity sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g== + dependencies: + deep-is "^0.1.3" + fast-levenshtein "^2.0.6" + levn "^0.4.1" + prelude-ls "^1.2.1" + type-check "^0.4.0" + word-wrap "^1.2.5" + +p-limit@^3.0.2: + version "3.1.0" + resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b" + integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ== + dependencies: + yocto-queue "^0.1.0" + +p-locate@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834" + integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw== + dependencies: + p-limit "^3.0.2" + +parent-module@^1.0.0: + version "1.0.1" + resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2" + integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g== + dependencies: + callsites "^3.0.0" + +path-exists@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3" + integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w== + +path-key@^3.1.0: + version "3.1.1" + resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375" + integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q== + +picocolors@^1.1.0: + version "1.1.1" + resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b" + integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA== + +picomatch@^2.3.1: + version "2.3.1" + resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42" + integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA== + +postcss@^8.4.43: + version "8.4.47" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.47.tgz#5bf6c9a010f3e724c503bf03ef7947dcb0fea365" + integrity sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ== + dependencies: + nanoid "^3.3.7" + picocolors "^1.1.0" + source-map-js "^1.2.1" + +prelude-ls@^1.2.1: + version "1.2.1" + resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396" + integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g== + +punycode@^2.1.0: + version "2.3.1" + resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5" + integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg== + +queue-microtask@^1.2.2: + version "1.2.3" + resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243" + integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A== + +react-dom@^18.3.1: + version "18.3.1" + resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.3.1.tgz#c2265d79511b57d479b3dd3fdfa51536494c5cb4" + integrity sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw== + dependencies: + loose-envify "^1.1.0" + scheduler "^0.23.2" + +react@^18.3.1: + version "18.3.1" + resolved "https://registry.yarnpkg.com/react/-/react-18.3.1.tgz#49ab892009c53933625bd16b2533fc754cab2891" + integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ== + dependencies: + loose-envify "^1.1.0" + +resolve-from@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6" + integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g== + +reusify@^1.0.4: + version "1.0.4" + resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76" + integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw== + +rollup@^4.20.0: + version "4.25.0" + resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.25.0.tgz#74dff4b5c2777dfc490f9711393925da50171787" + integrity sha512-uVbClXmR6wvx5R1M3Od4utyLUxrmOcEm3pAtMphn73Apq19PDtHpgZoEvqH2YnnaNUuvKmg2DgRd2Sqv+odyqg== + dependencies: + "@types/estree" "1.0.6" + optionalDependencies: + "@rollup/rollup-android-arm-eabi" "4.25.0" + "@rollup/rollup-android-arm64" "4.25.0" + "@rollup/rollup-darwin-arm64" "4.25.0" + "@rollup/rollup-darwin-x64" "4.25.0" + "@rollup/rollup-freebsd-arm64" "4.25.0" + "@rollup/rollup-freebsd-x64" "4.25.0" + "@rollup/rollup-linux-arm-gnueabihf" "4.25.0" + "@rollup/rollup-linux-arm-musleabihf" "4.25.0" + "@rollup/rollup-linux-arm64-gnu" "4.25.0" + "@rollup/rollup-linux-arm64-musl" "4.25.0" + "@rollup/rollup-linux-powerpc64le-gnu" "4.25.0" + "@rollup/rollup-linux-riscv64-gnu" "4.25.0" + "@rollup/rollup-linux-s390x-gnu" "4.25.0" + "@rollup/rollup-linux-x64-gnu" "4.25.0" + "@rollup/rollup-linux-x64-musl" "4.25.0" + "@rollup/rollup-win32-arm64-msvc" "4.25.0" + "@rollup/rollup-win32-ia32-msvc" "4.25.0" + "@rollup/rollup-win32-x64-msvc" "4.25.0" + fsevents "~2.3.2" + +run-parallel@^1.1.9: + version "1.2.0" + resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee" + integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA== + dependencies: + queue-microtask "^1.2.2" + +scheduler@^0.23.2: + version "0.23.2" + resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.2.tgz#414ba64a3b282892e944cf2108ecc078d115cdc3" + integrity sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ== + dependencies: + loose-envify "^1.1.0" + +semver@^7.6.0: + version "7.6.3" + resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.3.tgz#980f7b5550bc175fb4dc09403085627f9eb33143" + integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A== + +shebang-command@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea" + integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA== + dependencies: + shebang-regex "^3.0.0" + +shebang-regex@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172" + integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A== + +source-map-js@^1.2.1: + version "1.2.1" + resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46" + integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA== + +strip-json-comments@^3.1.1: + version "3.1.1" + resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006" + integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig== + +supports-color@^7.1.0: + version "7.2.0" + resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da" + integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw== + dependencies: + has-flag "^4.0.0" + +text-table@^0.2.0: + version "0.2.0" + resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4" + integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw== + +to-regex-range@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4" + integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ== + dependencies: + is-number "^7.0.0" + +ts-api-utils@^1.3.0: + version "1.4.0" + resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.4.0.tgz#709c6f2076e511a81557f3d07a0cbd566ae8195c" + integrity sha512-032cPxaEKwM+GT3vA5JXNzIaizx388rhsSW79vGRNGXfRRAdEAn2mvk36PvK5HnOchyWZ7afLEXqYCvPCrzuzQ== + +type-check@^0.4.0, type-check@~0.4.0: + version "0.4.0" + resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1" + integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew== + dependencies: + prelude-ls "^1.2.1" + +typescript-eslint@^8.11.0: + version "8.13.0" + resolved "https://registry.yarnpkg.com/typescript-eslint/-/typescript-eslint-8.13.0.tgz#c7d92cc06188176c7d0e3825e10305b9c22fb102" + integrity sha512-vIMpDRJrQd70au2G8w34mPps0ezFSPMEX4pXkTzUkrNbRX+36ais2ksGWN0esZL+ZMaFJEneOBHzCgSqle7DHw== + dependencies: + "@typescript-eslint/eslint-plugin" "8.13.0" + "@typescript-eslint/parser" "8.13.0" + "@typescript-eslint/utils" "8.13.0" + +typescript@~5.6.2: + version "5.6.3" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.6.3.tgz#5f3449e31c9d94febb17de03cc081dd56d81db5b" + integrity sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw== + +uri-js@^4.2.2: + version "4.4.1" + resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e" + integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg== + dependencies: + punycode "^2.1.0" + +vite@^5.4.10: + version "5.4.10" + resolved "https://registry.yarnpkg.com/vite/-/vite-5.4.10.tgz#d358a7bd8beda6cf0f3b7a450a8c7693a4f80c18" + integrity sha512-1hvaPshuPUtxeQ0hsVH3Mud0ZanOLwVTneA1EgbAM5LhaZEqyPWGRQ7BtaMvUrTDeEaC8pxtj6a6jku3x4z6SQ== + dependencies: + esbuild "^0.21.3" + postcss "^8.4.43" + rollup "^4.20.0" + optionalDependencies: + fsevents "~2.3.3" + +which@^2.0.1: + version "2.0.2" + resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1" + integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA== + dependencies: + isexe "^2.0.0" + +word-wrap@^1.2.5: + version "1.2.5" + resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34" + integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA== + +yocto-queue@^0.1.0: + version "0.1.0" + resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b" + integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q== From cd5a1f8b58595f44da384ca5b39745733389afff Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Mon, 11 Nov 2024 03:26:38 +0900 Subject: [PATCH 02/18] =?UTF-8?q?chore:=20=EB=9D=BC=EC=9A=B0=ED=84=B0=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 --- week4/week4_assignment/package.json | 4 +- week4/week4_assignment/src/App.tsx | 5 ++- week4/week4_assignment/src/Roots.tsx | 7 ++++ week4/week4_assignment/src/Router.tsx | 26 ++++++++++++ .../src/pages/Login/Login.tsx | 5 +++ .../src/pages/Mypage/MyPage.tsx | 5 +++ .../src/pages/SignUpPage/SignUpPage.tsx | 5 +++ week4/week4_assignment/yarn.lock | 42 +++++++++++++++++++ 8 files changed, 97 insertions(+), 2 deletions(-) create mode 100644 week4/week4_assignment/src/Roots.tsx create mode 100644 week4/week4_assignment/src/Router.tsx create mode 100644 week4/week4_assignment/src/pages/Login/Login.tsx create mode 100644 week4/week4_assignment/src/pages/Mypage/MyPage.tsx create mode 100644 week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx diff --git a/week4/week4_assignment/package.json b/week4/week4_assignment/package.json index 22809af..6d8b760 100644 --- a/week4/week4_assignment/package.json +++ b/week4/week4_assignment/package.json @@ -11,12 +11,14 @@ }, "dependencies": { "react": "^18.3.1", - "react-dom": "^18.3.1" + "react-dom": "^18.3.1", + "react-router-dom": "^6.28.0" }, "devDependencies": { "@eslint/js": "^9.13.0", "@types/react": "^18.3.12", "@types/react-dom": "^18.3.1", + "@types/react-router-dom": "^5.3.3", "@vitejs/plugin-react-swc": "^3.5.0", "eslint": "^9.13.0", "eslint-plugin-react-hooks": "^5.0.0", diff --git a/week4/week4_assignment/src/App.tsx b/week4/week4_assignment/src/App.tsx index 729b1ea..d37dd58 100644 --- a/week4/week4_assignment/src/App.tsx +++ b/week4/week4_assignment/src/App.tsx @@ -1,5 +1,8 @@ +import { RouterProvider } from "react-router-dom"; +import { router } from "./Router"; + const App = () => { - return
App
; + return ; }; export default App; diff --git a/week4/week4_assignment/src/Roots.tsx b/week4/week4_assignment/src/Roots.tsx new file mode 100644 index 0000000..7d66f86 --- /dev/null +++ b/week4/week4_assignment/src/Roots.tsx @@ -0,0 +1,7 @@ +import { Outlet } from "react-router-dom"; + +const Roots = () => { + return ; +}; + +export default Roots; diff --git a/week4/week4_assignment/src/Router.tsx b/week4/week4_assignment/src/Router.tsx new file mode 100644 index 0000000..c04d7ff --- /dev/null +++ b/week4/week4_assignment/src/Router.tsx @@ -0,0 +1,26 @@ +import { createBrowserRouter } from "react-router-dom"; +import Login from "./pages/Login/Login"; +import SignUpPage from "./pages/SignUpPage/SignUpPage"; +import MyPage from "./pages/Mypage/MyPage"; +import Roots from "./Roots"; + +export const router = createBrowserRouter([ + { + path: "/", + element: , + children: [ + { + path: "/login", + element: , + }, + { + path: "/signup", + element: , + }, + { + path: "/mypage", + element: , + }, + ], + }, +]); diff --git a/week4/week4_assignment/src/pages/Login/Login.tsx b/week4/week4_assignment/src/pages/Login/Login.tsx new file mode 100644 index 0000000..2fcee40 --- /dev/null +++ b/week4/week4_assignment/src/pages/Login/Login.tsx @@ -0,0 +1,5 @@ +const Login = () => { + return
Login
; +}; + +export default Login; diff --git a/week4/week4_assignment/src/pages/Mypage/MyPage.tsx b/week4/week4_assignment/src/pages/Mypage/MyPage.tsx new file mode 100644 index 0000000..706b622 --- /dev/null +++ b/week4/week4_assignment/src/pages/Mypage/MyPage.tsx @@ -0,0 +1,5 @@ +const MyPage = () => { + return
MyPage
; +}; + +export default MyPage; diff --git a/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx b/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx new file mode 100644 index 0000000..b49703c --- /dev/null +++ b/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx @@ -0,0 +1,5 @@ +const SignUpPage = () => { + return
SignUpPage
; +}; + +export default SignUpPage; diff --git a/week4/week4_assignment/yarn.lock b/week4/week4_assignment/yarn.lock index 2157ea7..920ed85 100644 --- a/week4/week4_assignment/yarn.lock +++ b/week4/week4_assignment/yarn.lock @@ -224,6 +224,11 @@ "@nodelib/fs.scandir" "2.1.5" fastq "^1.6.0" +"@remix-run/router@1.21.0": + version "1.21.0" + resolved "https://registry.yarnpkg.com/@remix-run/router/-/router-1.21.0.tgz#c65ae4262bdcfe415dbd4f64ec87676e4a56e2b5" + integrity sha512-xfSkCAchbdG5PnbrKqFWwia4Bi61nH+wm8wLEqfHDyp7Y3dZzgqS2itV8i4gAq9pC2HsTpwyBC6Ds8VHZ96JlA== + "@rollup/rollup-android-arm-eabi@4.25.0": version "4.25.0" resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.25.0.tgz#3e7eda4c0c1de6d2415343002d742ff95e38dca7" @@ -400,6 +405,11 @@ resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.6.tgz#628effeeae2064a1b4e79f78e81d87b7e5fc7b50" integrity sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw== +"@types/history@^4.7.11": + version "4.7.11" + resolved "https://registry.yarnpkg.com/@types/history/-/history-4.7.11.tgz#56588b17ae8f50c53983a524fc3cc47437969d64" + integrity sha512-qjDJRrmvBMiTx+jyLxvLfJU7UznFuokDv4f3WRuriHKERccVpFU+8XMQUAbDzoiJCsmexxRExQeMwwCdamSKDA== + "@types/json-schema@^7.0.15": version "7.0.15" resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841" @@ -417,6 +427,23 @@ dependencies: "@types/react" "*" +"@types/react-router-dom@^5.3.3": + version "5.3.3" + resolved "https://registry.yarnpkg.com/@types/react-router-dom/-/react-router-dom-5.3.3.tgz#e9d6b4a66fcdbd651a5f106c2656a30088cc1e83" + integrity sha512-kpqnYK4wcdm5UaWI3fLcELopqLrHgLqNsdpHauzlQktfkHL3npOSwtj1Uz9oKBAzs7lFtVkV8j83voAz2D8fhw== + dependencies: + "@types/history" "^4.7.11" + "@types/react" "*" + "@types/react-router" "*" + +"@types/react-router@*": + version "5.1.20" + resolved "https://registry.yarnpkg.com/@types/react-router/-/react-router-5.1.20.tgz#88eccaa122a82405ef3efbcaaa5dcdd9f021387c" + integrity sha512-jGjmu/ZqS7FjSH6owMcD5qpq19+1RS9DeVRqfl1FeBMxTDQAGwlMWOcs52NDoXaNKyG3d1cYQFMs9rCrb88o9Q== + dependencies: + "@types/history" "^4.7.11" + "@types/react" "*" + "@types/react@*", "@types/react@^18.3.12": version "18.3.12" resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.12.tgz#99419f182ccd69151813b7ee24b792fe08774f60" @@ -1099,6 +1126,21 @@ react-dom@^18.3.1: loose-envify "^1.1.0" scheduler "^0.23.2" +react-router-dom@^6.28.0: + version "6.28.0" + resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-6.28.0.tgz#f73ebb3490e59ac9f299377062ad1d10a9f579e6" + integrity sha512-kQ7Unsl5YdyOltsPGl31zOjLrDv+m2VcIEcIHqYYD3Lp0UppLjrzcfJqDJwXxFw3TH/yvapbnUvPlAj7Kx5nbg== + dependencies: + "@remix-run/router" "1.21.0" + react-router "6.28.0" + +react-router@6.28.0: + version "6.28.0" + resolved "https://registry.yarnpkg.com/react-router/-/react-router-6.28.0.tgz#29247c86d7ba901d7e5a13aa79a96723c3e59d0d" + integrity sha512-HrYdIFqdrnhDw0PqG/AKjAqEqM7AvxCz0DQ4h2W8k6nqmc5uRBYDag0SBxx9iYz5G8gnuNVLzUe13wl9eAsXXg== + dependencies: + "@remix-run/router" "1.21.0" + react@^18.3.1: version "18.3.1" resolved "https://registry.yarnpkg.com/react/-/react-18.3.1.tgz#49ab892009c53933625bd16b2533fc754cab2891" From 45925fd61375b4a55a99e3577dff84e4d31addf6 Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Mon, 11 Nov 2024 03:49:32 +0900 Subject: [PATCH 03/18] =?UTF-8?q?chore:=20theme,=20=EA=B8=80=EB=A1=9C?= =?UTF-8?q?=EB=B2=8C=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=84=A4=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- week4/week4_assignment/index.html | 6 +- week4/week4_assignment/package.json | 3 +- week4/week4_assignment/public/vite.svg | 1 - week4/week4_assignment/src/App.tsx | 10 +- week4/week4_assignment/src/Roots.tsx | 6 +- .../week4_assignment/src/styles/\btheme.ts" | 36 ++++ .../src/styles/GlobalStyle.ts | 162 ++++++++++++++++++ week4/week4_assignment/yarn.lock | 91 +++++++++- 8 files changed, 305 insertions(+), 10 deletions(-) delete mode 100644 week4/week4_assignment/public/vite.svg create mode 100644 "week4/week4_assignment/src/styles/\btheme.ts" create mode 100644 week4/week4_assignment/src/styles/GlobalStyle.ts diff --git a/week4/week4_assignment/index.html b/week4/week4_assignment/index.html index e4b78ea..0a4e702 100644 --- a/week4/week4_assignment/index.html +++ b/week4/week4_assignment/index.html @@ -1,10 +1,10 @@ - - + + - Vite + React + TS + API통신
diff --git a/week4/week4_assignment/package.json b/week4/week4_assignment/package.json index 6d8b760..6944189 100644 --- a/week4/week4_assignment/package.json +++ b/week4/week4_assignment/package.json @@ -12,7 +12,8 @@ "dependencies": { "react": "^18.3.1", "react-dom": "^18.3.1", - "react-router-dom": "^6.28.0" + "react-router-dom": "^6.28.0", + "styled-components": "^6.1.13" }, "devDependencies": { "@eslint/js": "^9.13.0", diff --git a/week4/week4_assignment/public/vite.svg b/week4/week4_assignment/public/vite.svg deleted file mode 100644 index e7b8dfb..0000000 --- a/week4/week4_assignment/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/week4/week4_assignment/src/App.tsx b/week4/week4_assignment/src/App.tsx index d37dd58..77902d2 100644 --- a/week4/week4_assignment/src/App.tsx +++ b/week4/week4_assignment/src/App.tsx @@ -1,8 +1,16 @@ import { RouterProvider } from "react-router-dom"; import { router } from "./Router"; +import GlobalStyle from "./styles/GlobalStyle"; +import { ThemeProvider } from "styled-components"; +import theme from "./styles/\btheme"; const App = () => { - return ; + return ( + + + + + ); }; export default App; diff --git a/week4/week4_assignment/src/Roots.tsx b/week4/week4_assignment/src/Roots.tsx index 7d66f86..1df2849 100644 --- a/week4/week4_assignment/src/Roots.tsx +++ b/week4/week4_assignment/src/Roots.tsx @@ -1,7 +1,11 @@ import { Outlet } from "react-router-dom"; const Roots = () => { - return ; + return ( + <> + + + ); }; export default Roots; diff --git "a/week4/week4_assignment/src/styles/\btheme.ts" "b/week4/week4_assignment/src/styles/\btheme.ts" new file mode 100644 index 0000000..58d7d25 --- /dev/null +++ "b/week4/week4_assignment/src/styles/\btheme.ts" @@ -0,0 +1,36 @@ +const colors = { + orange1: "#F15A25", + orange2: "rgba(209, 68, 7, 0.24)", + orange3: "#FFE5D9", + orange4: "#AA4623", + orange5: "#FFB26F", + orange6: "#DE8F5F", + orange7: "#FFB38E", + + white1: "#FFFFFF", + white2: "#DEDEDE", + white3: "#FCFCFC", + + gray1: "#3B3B3B", + gray2: "#5C5C5C", + gray3: "#A6ABBC", + + black1: "#000000", + black2: "#212121", + + article_box: "rgba(217, 217, 217, 0.10)", + article_content: "rgba(119, 119, 119, 0.63)", + + bookmark_hover: "#343434", + bookmark_click: "#6E4A39", + bookmark_select: "#FFE5D9", + + thumnail: "#D9D9D9", + transparent: "rgba(0,0,0,0)", +}; + +const theme = { + colors, +}; + +export default theme; diff --git a/week4/week4_assignment/src/styles/GlobalStyle.ts b/week4/week4_assignment/src/styles/GlobalStyle.ts new file mode 100644 index 0000000..6eac4d9 --- /dev/null +++ b/week4/week4_assignment/src/styles/GlobalStyle.ts @@ -0,0 +1,162 @@ +import { createGlobalStyle } from "styled-components"; + +const GlobalStyle = createGlobalStyle` + @font-face { + font-family: 'establishRetrosansOTF'; + src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/establishRetrosansOTF.woff') format('woff'); + font-weight: normal; + font-style: normal; + } + + + + * { + box-sizing: border-box; + font-family: 'establishRetrosansOTF'; + } + + html, + body, + div, + span, + applet, + object, + iframe, + h1, + h2, + h3, + h4, + h5, + h6, + p, + blockquote, + pre, + a, + abbr, + acronym, + address, + big, + cite, + code, + del, + dfn, + em, + img, + ins, + kbd, + q, + s, + samp, + small, + strike, + strong, + sub, + sup, + tt, + var, + b, + u, + i, + center, + dl, + dt, + dd, + ol, + ul, + li, + fieldset, + form, + label, + legend, + table, + caption, + tbody, + tfoot, + thead, + tr, + th, + td, + article, + aside, + canvas, + details, + embed, + figure, + figcaption, + footer, + header, + hgroup, + menu, + nav, + output, + ruby, + section, + summary, + time, + mark, + audio, + video { + margin: 0; + padding: 0; + border: 0; + font-size: 62.5%; + /* font: inherit; */ + vertical-align: baseline; + } + /* HTML5 display-role reset for older browsers */ + article, + aside, + details, + figcaption, + figure, + footer, + header, + hgroup, + menu, + nav, + section { + display: block; + } + body { + line-height: 1; + } + ol, + ul { + list-style: none; + } + blockquote, + q { + quotes: none; + } + blockquote:before, + blockquote:after, + q:before, + q:after { + content: ""; + content: none; + } + table { + border-collapse: collapse; + border-spacing: 0; + } + + button { + border: none; + width: 0; + height: 0; + padding: 0; + background-color: transparent; + } + + button:hover { + cursor: pointer; + } + + a { + color: black; + text-decoration: none; + } + +`; + +export default GlobalStyle; diff --git a/week4/week4_assignment/yarn.lock b/week4/week4_assignment/yarn.lock index 920ed85..5c0e0b3 100644 --- a/week4/week4_assignment/yarn.lock +++ b/week4/week4_assignment/yarn.lock @@ -2,6 +2,23 @@ # yarn lockfile v1 +"@emotion/is-prop-valid@1.2.2": + version "1.2.2" + resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz#d4175076679c6a26faa92b03bb786f9e52612337" + integrity sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw== + dependencies: + "@emotion/memoize" "^0.8.1" + +"@emotion/memoize@^0.8.1": + version "0.8.1" + resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.8.1.tgz#c1ddb040429c6d21d38cc945fe75c818cfb68e17" + integrity sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA== + +"@emotion/unitless@0.8.1": + version "0.8.1" + resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.1.tgz#182b5a4704ef8ad91bde93f7a860a88fd92c79a3" + integrity sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ== + "@esbuild/aix-ppc64@0.21.5": version "0.21.5" resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz#c7184a326533fcdf1b8ee0733e21c713b975575f" @@ -452,6 +469,11 @@ "@types/prop-types" "*" csstype "^3.0.2" +"@types/stylis@4.2.5": + version "4.2.5" + resolved "https://registry.yarnpkg.com/@types/stylis/-/stylis-4.2.5.tgz#1daa6456f40959d06157698a653a9ab0a70281df" + integrity sha512-1Xve+NMN7FWjY14vLoY5tL3BVEQ/n42YLwaqJIPYhotZ9uBHt87VceMwWQpzmdEt2TNXIorIFG+YeCUUW7RInw== + "@typescript-eslint/eslint-plugin@8.13.0": version "8.13.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.13.0.tgz#650c50b8c795b5d092189f139f6d00535b5b0f3d" @@ -604,6 +626,11 @@ callsites@^3.0.0: resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73" integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ== +camelize@^1.0.0: + version "1.0.1" + resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.1.tgz#89b7e16884056331a35d6b5ad064332c91daa6c3" + integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ== + chalk@^4.0.0: version "4.1.2" resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01" @@ -638,7 +665,21 @@ cross-spawn@^7.0.2: shebang-command "^2.0.0" which "^2.0.1" -csstype@^3.0.2: +css-color-keywords@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05" + integrity sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg== + +css-to-react-native@3.2.0: + version "3.2.0" + resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.2.0.tgz#cdd8099f71024e149e4f6fe17a7d46ecd55f1e32" + integrity sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ== + dependencies: + camelize "^1.0.0" + css-color-keywords "^1.0.0" + postcss-value-parser "^4.0.2" + +csstype@3.1.3, csstype@^3.0.2: version "3.1.3" resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81" integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw== @@ -1084,7 +1125,7 @@ path-key@^3.1.0: resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375" integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q== -picocolors@^1.1.0: +picocolors@^1.0.0, picocolors@^1.1.0: version "1.1.1" resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b" integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA== @@ -1094,6 +1135,20 @@ picomatch@^2.3.1: resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42" integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA== +postcss-value-parser@^4.0.2: + version "4.2.0" + resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514" + integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ== + +postcss@8.4.38: + version "8.4.38" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.38.tgz#b387d533baf2054288e337066d81c6bee9db9e0e" + integrity sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A== + dependencies: + nanoid "^3.3.7" + picocolors "^1.0.0" + source-map-js "^1.2.0" + postcss@^8.4.43: version "8.4.47" resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.47.tgz#5bf6c9a010f3e724c503bf03ef7947dcb0fea365" @@ -1204,6 +1259,11 @@ semver@^7.6.0: resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.3.tgz#980f7b5550bc175fb4dc09403085627f9eb33143" integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A== +shallowequal@1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8" + integrity sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ== + shebang-command@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea" @@ -1216,7 +1276,7 @@ shebang-regex@^3.0.0: resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172" integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A== -source-map-js@^1.2.1: +source-map-js@^1.2.0, source-map-js@^1.2.1: version "1.2.1" resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46" integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA== @@ -1226,6 +1286,26 @@ strip-json-comments@^3.1.1: resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006" integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig== +styled-components@^6.1.13: + version "6.1.13" + resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-6.1.13.tgz#2d777750b773b31469bd79df754a32479e9f475e" + integrity sha512-M0+N2xSnAtwcVAQeFEsGWFFxXDftHUD7XrKla06QbpUMmbmtFBMMTcKWvFXtWxuD5qQkB8iU5gk6QASlx2ZRMw== + dependencies: + "@emotion/is-prop-valid" "1.2.2" + "@emotion/unitless" "0.8.1" + "@types/stylis" "4.2.5" + css-to-react-native "3.2.0" + csstype "3.1.3" + postcss "8.4.38" + shallowequal "1.1.0" + stylis "4.3.2" + tslib "2.6.2" + +stylis@4.3.2: + version "4.3.2" + resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.3.2.tgz#8f76b70777dd53eb669c6f58c997bf0a9972e444" + integrity sha512-bhtUjWd/z6ltJiQwg0dUfxEJ+W+jdqQd8TbWLWyeIJHlnsqmGLRFFd8e5mA0AZi/zx90smXRlN66YMTcaSFifg== + supports-color@^7.1.0: version "7.2.0" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da" @@ -1250,6 +1330,11 @@ ts-api-utils@^1.3.0: resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.4.0.tgz#709c6f2076e511a81557f3d07a0cbd566ae8195c" integrity sha512-032cPxaEKwM+GT3vA5JXNzIaizx388rhsSW79vGRNGXfRRAdEAn2mvk36PvK5HnOchyWZ7afLEXqYCvPCrzuzQ== +tslib@2.6.2: + version "2.6.2" + resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae" + integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q== + type-check@^0.4.0, type-check@~0.4.0: version "0.4.0" resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1" From 56ff2d40e3e7c7e9b234f8119761490b19a7ba2b Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Mon, 11 Nov 2024 03:53:18 +0900 Subject: [PATCH 04/18] =?UTF-8?q?style:=20outlet=20=EC=8A=A4=ED=83=80?= =?UTF-8?q?=EC=9D=BC=EB=A7=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- week4/week4_assignment/src/Roots.tsx | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/week4/week4_assignment/src/Roots.tsx b/week4/week4_assignment/src/Roots.tsx index 1df2849..5fc0fa9 100644 --- a/week4/week4_assignment/src/Roots.tsx +++ b/week4/week4_assignment/src/Roots.tsx @@ -1,11 +1,21 @@ import { Outlet } from "react-router-dom"; +import styled from "styled-components"; const Roots = () => { return ( - <> + - + ); }; export default Roots; + +const OutletContainer = styled.main` + width: 100%; + height: 100dvh; + display: flex; + justify-content: center; + + background: ${({ theme }) => theme.colors.orange7}; +`; From e27219e6fd23498289090f5dcd97948ef7296450 Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Mon, 11 Nov 2024 04:05:15 +0900 Subject: [PATCH 05/18] =?UTF-8?q?style:=20login=20=ED=8E=98=EC=9D=B4?= =?UTF-8?q?=EC=A7=80=20=ED=8D=BC=EB=B8=94=EB=A6=AC=EC=8B=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/pages/Login/Login.tsx | 59 ++++++++++++++++++- 1 file changed, 58 insertions(+), 1 deletion(-) diff --git a/week4/week4_assignment/src/pages/Login/Login.tsx b/week4/week4_assignment/src/pages/Login/Login.tsx index 2fcee40..1587b1e 100644 --- a/week4/week4_assignment/src/pages/Login/Login.tsx +++ b/week4/week4_assignment/src/pages/Login/Login.tsx @@ -1,5 +1,62 @@ +import styled from "styled-components"; +import { Link } from "react-router-dom"; + const Login = () => { - return
Login
; + return ( + + 로그인 + + + 로그인 + 회원가입 + + ); }; export default Login; + +const LoginContainer = styled.div` + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 100vh; + gap: 1rem; +`; + +const Title = styled.h1` + font-size: 2rem; + font-weight: 700; +`; + +const Input = styled.input` + width: 30rem; + height: 4rem; + padding: 1rem; + border: 1px solid ${({ theme }) => theme.colors.gray3}; + border-radius: 0.5rem; + font-size: 2rem; + outline: none; +`; + +const LoginButton = styled.button` + width: 30rem; + height: 4.5rem; + background: ${({ theme }) => theme.colors.gray2}; + color: white; + border: none; + border-radius: 5px; + font-size: 2rem; + font-weight: 700; + cursor: pointer; + &:hover { + background: ${({ theme }) => theme.colors.gray1}; + } +`; + +const SignupLink = styled(Link)` + font-size: 2rem; + color: ${({ theme }) => theme.colors.gray3}; + cursor: pointer; + text-decoration: underline; +`; From 54452dc3cb91aac8a5c91237b87e32a90efe5457 Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Mon, 11 Nov 2024 16:59:21 +0900 Subject: [PATCH 06/18] =?UTF-8?q?style:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?= =?UTF-8?q?=EB=B2=84=ED=8A=BC=20hove=EC=8B=9C=20transition=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 --- week4/week4_assignment/src/pages/Login/Login.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/week4/week4_assignment/src/pages/Login/Login.tsx b/week4/week4_assignment/src/pages/Login/Login.tsx index 1587b1e..585ff23 100644 --- a/week4/week4_assignment/src/pages/Login/Login.tsx +++ b/week4/week4_assignment/src/pages/Login/Login.tsx @@ -49,6 +49,7 @@ const LoginButton = styled.button` font-size: 2rem; font-weight: 700; cursor: pointer; + transition: background 0.3s ease; &:hover { background: ${({ theme }) => theme.colors.gray1}; } From cb045759211055c6ac6765b7f842e990d6194b7c Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Mon, 11 Nov 2024 17:30:41 +0900 Subject: [PATCH 07/18] =?UTF-8?q?style:=20=ED=9A=8C=EC=9B=90=EA=B0=80?= =?UTF-8?q?=EC=9E=85=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=ED=8D=BC=EB=B8=94?= =?UTF-8?q?=EB=A6=AC=EC=8B=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/pages/Login/Login.tsx | 4 +- .../src/pages/SignUpPage/SignUpPage.tsx | 82 ++++++++++++++++++- 2 files changed, 83 insertions(+), 3 deletions(-) diff --git a/week4/week4_assignment/src/pages/Login/Login.tsx b/week4/week4_assignment/src/pages/Login/Login.tsx index 585ff23..9304cec 100644 --- a/week4/week4_assignment/src/pages/Login/Login.tsx +++ b/week4/week4_assignment/src/pages/Login/Login.tsx @@ -25,7 +25,7 @@ const LoginContainer = styled.div` `; const Title = styled.h1` - font-size: 2rem; + font-size: 3rem; font-weight: 700; `; @@ -34,7 +34,7 @@ const Input = styled.input` height: 4rem; padding: 1rem; border: 1px solid ${({ theme }) => theme.colors.gray3}; - border-radius: 0.5rem; + border-radius: 0.5px; font-size: 2rem; outline: none; `; diff --git a/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx b/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx index b49703c..853820d 100644 --- a/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx +++ b/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx @@ -1,5 +1,85 @@ +import styled from "styled-components"; +import { Link } from "react-router-dom"; + const SignUpPage = () => { - return
SignUpPage
; + return ( + + 회원가입 +
+ + + 다음 +
+ + 이미 회원이신가요? 로그인 + + + ); }; export default SignUpPage; + +const SignUpContainer = styled.div` + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 100vh; + gap: 1rem; +`; + +const Title = styled.h1` + font-size: 3rem; + font-weight: 700; +`; + +const Form = styled.div` + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 1rem; +`; + +const Label = styled.label` + font-size: 1.5rem; + font-weight: 700; + margin-left: 1rem; +`; + +const Input = styled.input` + width: 30rem; + height: 4rem; + padding: 1rem; + border: 1px solid ${({ theme }) => theme.colors.gray3}; + border-radius: 0.5px; + font-size: 2rem; + outline: none; +`; + +const NextButton = styled.button` + width: 30rem; + height: 4.5rem; + background: ${({ theme }) => theme.colors.gray2}; + color: white; + border: none; + border-radius: 5px; + font-size: 2rem; + font-weight: 700; + cursor: pointer; + transition: background 0.3s ease; + &:hover { + background: ${({ theme }) => theme.colors.gray1}; + } +`; + +const LoginLink = styled.div` + font-size: 1.5rem; + color: ${({ theme }) => theme.colors.gray3}; +`; + +const StyledLink = styled(Link)` + font-size: 1.5rem; + color: ${({ theme }) => theme.colors.gray1}; + cursor: pointer; + text-decoration: underline; +`; From 618e1f737b36df41bd840a97c1b1b35a5d73a6ef Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Mon, 11 Nov 2024 18:24:02 +0900 Subject: [PATCH 08/18] =?UTF-8?q?feat:=20=ED=9A=8C=EC=9B=90=EA=B0=80?= =?UTF-8?q?=EC=9E=85=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=B9=84=EB=B0=80?= =?UTF-8?q?=EB=B2=88=ED=98=B8=20=EB=A1=9C=EC=A7=81=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/pages/SignUpPage/SignUpPage.tsx | 148 ++++++++++++++++-- 1 file changed, 138 insertions(+), 10 deletions(-) diff --git a/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx b/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx index 853820d..46c96d2 100644 --- a/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx +++ b/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx @@ -1,14 +1,117 @@ +import { useState } from "react"; import styled from "styled-components"; import { Link } from "react-router-dom"; const SignUpPage = () => { + const [name, setName] = useState(""); + const [password, setPassword] = useState(""); + const [confirmPassword, setConfirmPassword] = useState(""); + const [showPasswordInputs, setShowPasswordInputs] = useState(false); + const [nameError, setNameError] = useState(""); + const [passwordError, setPasswordError] = useState(""); + const [showPassword, setShowPassword] = useState(false); + + const handleInputChange = (event: React.ChangeEvent) => { + const value = event.target.value; + setName(value); + + if (value.length > 8) { + setNameError("이름은 8글자 이하로 입력해주세요"); + } else { + setNameError(""); + } + }; + + const handlePasswordChange = (event: React.ChangeEvent) => { + const value = event.target.value; + setPassword(value); + + if (value.length > 8) { + setPasswordError("비밀번호는 8글자 이하로 입력해주세요"); + } else if (confirmPassword && value !== confirmPassword) { + setPasswordError("비밀번호가 일치하지 않습니다"); + } else { + setPasswordError(""); + } + }; + + const handleConfirmPasswordChange = ( + event: React.ChangeEvent + ) => { + const value = event.target.value; + setConfirmPassword(value); + + if (value.length > 8) { + setPasswordError("비밀번호는 8글자 이하로 입력해주세요"); + } else if (password && value !== password) { + setPasswordError("비밀번호가 일치하지 않습니다"); + } else { + setPasswordError(""); + } + }; + + const handleNextClick = () => { + setShowPasswordInputs(true); + }; + + const toggleShowPassword = () => { + setShowPassword((prev) => !prev); + }; + + const isNextButtonDisabled = + !password || + !confirmPassword || + password !== confirmPassword || + password.length > 8; + return ( 회원가입
- - - 다음 + {!showPasswordInputs ? ( + <> + + + {nameError && {nameError}} + 8} + onClick={handleNextClick} + > + 다음 + + + ) : ( + <> + + + + + {showPassword ? "🙈" : "👁️"} + + + + + + + {passwordError && {passwordError}} + 다음 + + )}
이미 회원이신가요? 로그인 @@ -46,29 +149,54 @@ const Label = styled.label` margin-left: 1rem; `; -const Input = styled.input` +const PasswordContainer = styled.div` + position: relative; width: 30rem; +`; + +const Input = styled.input` + width: 100%; height: 4rem; padding: 1rem; + padding-right: 5rem; border: 1px solid ${({ theme }) => theme.colors.gray3}; - border-radius: 0.5px; - font-size: 2rem; + border-radius: 0.5rem; + font-size: 1.6rem; outline: none; `; +const ShowPasswordButton = styled.button` + position: absolute; + top: 20%; + right: 2.5rem; + transform: translateY(-50%); + background: transparent; + border: none; + cursor: pointer; + font-size: 2rem; +`; + +const ErrorMessage = styled.span` + color: ${({ theme }) => theme.colors.orange1}; + font-size: 1rem; + margin-left: 1rem; +`; + const NextButton = styled.button` width: 30rem; height: 4.5rem; - background: ${({ theme }) => theme.colors.gray2}; - color: white; + background: ${({ theme, disabled }) => + disabled ? theme.colors.gray3 : theme.colors.gray2}; + color: ${({ theme }) => theme.colors.white1}; border: none; border-radius: 5px; font-size: 2rem; font-weight: 700; - cursor: pointer; + cursor: ${({ disabled }) => (disabled ? "not-allowed" : "pointer")}; transition: background 0.3s ease; &:hover { - background: ${({ theme }) => theme.colors.gray1}; + background: ${({ theme, disabled }) => + disabled ? theme.colors.gray3 : theme.colors.gray1}; } `; From 52e4ef803f44ba0c67cc4f60241ccec12a71ebc0 Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Mon, 11 Nov 2024 22:19:57 +0900 Subject: [PATCH 09/18] =?UTF-8?q?feat:=20=ED=9A=8C=EC=9B=90=EA=B0=80?= =?UTF-8?q?=EC=9E=85=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=B7=A8=EB=AF=B8=20?= =?UTF-8?q?=EB=A1=9C=EC=A7=81=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/pages/SignUpPage/SignUpPage.tsx | 49 ++++++++++++++++--- 1 file changed, 43 insertions(+), 6 deletions(-) diff --git a/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx b/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx index 46c96d2..a435a3c 100644 --- a/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx +++ b/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx @@ -6,9 +6,12 @@ const SignUpPage = () => { const [name, setName] = useState(""); const [password, setPassword] = useState(""); const [confirmPassword, setConfirmPassword] = useState(""); + const [hobby, setHobby] = useState(""); const [showPasswordInputs, setShowPasswordInputs] = useState(false); + const [showHobbyInput, setShowHobbyInput] = useState(false); const [nameError, setNameError] = useState(""); const [passwordError, setPasswordError] = useState(""); + const [hobbyError, setHobbyError] = useState(""); const [showPassword, setShowPassword] = useState(false); const handleInputChange = (event: React.ChangeEvent) => { @@ -50,8 +53,23 @@ const SignUpPage = () => { } }; + const handleHobbyChange = (event: React.ChangeEvent) => { + const value = event.target.value; + setHobby(value); + + if (value.length > 8) { + setHobbyError("취미는 8글자 이하로 입력해주세요"); + } else { + setHobbyError(""); + } + }; + const handleNextClick = () => { - setShowPasswordInputs(true); + if (!showPasswordInputs) { + setShowPasswordInputs(true); + } else { + setShowHobbyInput(true); + } }; const toggleShowPassword = () => { @@ -64,6 +82,8 @@ const SignUpPage = () => { password !== confirmPassword || password.length > 8; + const isSignUpButtonDisabled = !hobby || hobby.length > 8; + return ( 회원가입 @@ -85,7 +105,7 @@ const SignUpPage = () => { 다음 - ) : ( + ) : !showHobbyInput ? ( <> @@ -109,7 +129,24 @@ const SignUpPage = () => { /> {passwordError && {passwordError}} - 다음 + + 다음 + + + ) : ( + <> + + + {hobbyError && {hobbyError}} + 회원가입 )} @@ -167,13 +204,13 @@ const Input = styled.input` const ShowPasswordButton = styled.button` position: absolute; - top: 20%; - right: 2.5rem; + top: 50%; + right: 1rem; transform: translateY(-50%); background: transparent; border: none; cursor: pointer; - font-size: 2rem; + font-size: 1.5rem; `; const ErrorMessage = styled.span` From f5e70a6c85a52f369f2112a08880ea8e133309ac Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Tue, 12 Nov 2024 01:51:22 +0900 Subject: [PATCH 10/18] =?UTF-8?q?feat:=20=ED=9A=8C=EC=9B=90=EA=B0=80?= =?UTF-8?q?=EC=9E=85=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=ED=8D=BC=EB=84=90=20?= =?UTF-8?q?=EA=B5=AC=EC=A1=B0=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/components/SignUpPage/HobbyStep.tsx | 91 ++++++++ .../src/components/SignUpPage/NameStep.tsx | 82 +++++++ .../components/SignUpPage/PasswordStep.tsx | 148 ++++++++++++ week4/week4_assignment/src/hooks/useFunnel.ts | 39 ++++ .../src/pages/SignUpPage/SignUpPage.tsx | 216 ++---------------- 5 files changed, 381 insertions(+), 195 deletions(-) create mode 100644 week4/week4_assignment/src/components/SignUpPage/HobbyStep.tsx create mode 100644 week4/week4_assignment/src/components/SignUpPage/NameStep.tsx create mode 100644 week4/week4_assignment/src/components/SignUpPage/PasswordStep.tsx create mode 100644 week4/week4_assignment/src/hooks/useFunnel.ts diff --git a/week4/week4_assignment/src/components/SignUpPage/HobbyStep.tsx b/week4/week4_assignment/src/components/SignUpPage/HobbyStep.tsx new file mode 100644 index 0000000..f0dfbb4 --- /dev/null +++ b/week4/week4_assignment/src/components/SignUpPage/HobbyStep.tsx @@ -0,0 +1,91 @@ +import React, { useState } from "react"; +import styled from "styled-components"; +import { useNavigate } from "react-router-dom"; + +interface HobbyStepProps { + hobby: string; + setHobby: React.Dispatch>; +} + +const HobbyStep: React.FC = ({ hobby, setHobby }) => { + const [hobbyError, setHobbyError] = useState(""); + const navigate = useNavigate(); + + const handleHobbyChange = (event: React.ChangeEvent) => { + const value = event.target.value; + setHobby(value); + + if (value.length > 8) { + setHobbyError("취미는 8글자 이하로 입력해주세요"); + } else { + setHobbyError(""); + } + }; + + const handleSignUpClick = () => { + navigate("/mypage"); + }; + + return ( + <> + + + {hobbyError && {hobbyError}} + 8} + onClick={handleSignUpClick} + > + 회원가입 + + + ); +}; + +export default HobbyStep; + +// 스타일 정의 +const Label = styled.label` + font-size: 1.5rem; + font-weight: 700; + margin-left: 1rem; +`; + +const Input = styled.input` + width: 100%; + height: 4rem; + padding: 1rem; + padding-right: 5rem; + border: 1px solid ${({ theme }) => theme.colors.gray3}; + border-radius: 0.5rem; + font-size: 1.6rem; + outline: none; +`; + +const ErrorMessage = styled.span` + color: ${({ theme }) => theme.colors.orange1}; + font-size: 1rem; + margin-left: 1rem; +`; + +const NextButton = styled.button` + width: 30rem; + height: 4.5rem; + background: ${({ theme, disabled }) => + disabled ? theme.colors.gray3 : theme.colors.gray2}; + color: ${({ theme }) => theme.colors.white1}; + border: none; + border-radius: 5px; + font-size: 2rem; + font-weight: 700; + cursor: ${({ disabled }) => (disabled ? "not-allowed" : "pointer")}; + transition: background 0.3s ease; + &:hover { + background: ${({ theme, disabled }) => + disabled ? theme.colors.gray3 : theme.colors.gray1}; + } +`; diff --git a/week4/week4_assignment/src/components/SignUpPage/NameStep.tsx b/week4/week4_assignment/src/components/SignUpPage/NameStep.tsx new file mode 100644 index 0000000..7a4531e --- /dev/null +++ b/week4/week4_assignment/src/components/SignUpPage/NameStep.tsx @@ -0,0 +1,82 @@ +import React, { useState } from "react"; +import styled from "styled-components"; + +interface NameStepProps { + name: string; + setName: React.Dispatch>; + onNext: () => void; +} + +const NameStep: React.FC = ({ name, setName, onNext }) => { + const [nameError, setNameError] = useState(""); + + const handleInputChange = (event: React.ChangeEvent) => { + const value = event.target.value; + setName(value); + + if (value.length > 8) { + setNameError("이름은 8글자 이하로 입력해주세요"); + } else { + setNameError(""); + } + }; + + return ( + <> + + + {nameError && {nameError}} + 8} onClick={onNext}> + 다음 + + + ); +}; + +export default NameStep; + +const Label = styled.label` + font-size: 1.5rem; + font-weight: 700; + margin-left: 1rem; +`; + +const Input = styled.input` + width: 100%; + height: 4rem; + padding: 1rem; + padding-right: 5rem; + border: 1px solid ${({ theme }) => theme.colors.gray3}; + border-radius: 0.5rem; + font-size: 1.6rem; + outline: none; +`; + +const ErrorMessage = styled.span` + color: ${({ theme }) => theme.colors.orange1}; + font-size: 1rem; + margin-left: 1rem; +`; + +const NextButton = styled.button` + width: 30rem; + height: 4.5rem; + background: ${({ theme, disabled }) => + disabled ? theme.colors.gray3 : theme.colors.gray2}; + color: ${({ theme }) => theme.colors.white1}; + border: none; + border-radius: 5px; + font-size: 2rem; + font-weight: 700; + cursor: ${({ disabled }) => (disabled ? "not-allowed" : "pointer")}; + transition: background 0.3s ease; + &:hover { + background: ${({ theme, disabled }) => + disabled ? theme.colors.gray3 : theme.colors.gray1}; + } +`; diff --git a/week4/week4_assignment/src/components/SignUpPage/PasswordStep.tsx b/week4/week4_assignment/src/components/SignUpPage/PasswordStep.tsx new file mode 100644 index 0000000..cc24d9e --- /dev/null +++ b/week4/week4_assignment/src/components/SignUpPage/PasswordStep.tsx @@ -0,0 +1,148 @@ +import React, { useState } from "react"; +import styled from "styled-components"; + +interface PasswordStepProps { + password: string; + confirmPassword: string; + setPassword: React.Dispatch>; + setConfirmPassword: React.Dispatch>; + onNext: () => void; +} + +const PasswordStep: React.FC = ({ + password, + confirmPassword, + setPassword, + setConfirmPassword, + onNext, +}) => { + const [passwordError, setPasswordError] = useState(""); + const [showPassword, setShowPassword] = useState(false); + + const handlePasswordChange = (event: React.ChangeEvent) => { + const value = event.target.value; + setPassword(value); + + if (value.length > 8) { + setPasswordError("비밀번호는 8글자 이하로 입력해주세요"); + } else if (confirmPassword && value !== confirmPassword) { + setPasswordError("비밀번호가 일치하지 않습니다"); + } else { + setPasswordError(""); + } + }; + + const handleConfirmPasswordChange = ( + event: React.ChangeEvent + ) => { + const value = event.target.value; + setConfirmPassword(value); + + if (value.length > 8) { + setPasswordError("비밀번호는 8글자 이하로 입력해주세요"); + } else if (password && value !== password) { + setPasswordError("비밀번호가 일치하지 않습니다"); + } else { + setPasswordError(""); + } + }; + + const toggleShowPassword = () => { + setShowPassword((prev) => !prev); + }; + + const isNextButtonDisabled = + !password || + !confirmPassword || + password !== confirmPassword || + password.length > 8; + + return ( + <> + + + + + {showPassword ? "🙈" : "👁️"} + + + + + + + {passwordError && {passwordError}} + + 다음 + + + ); +}; + +export default PasswordStep; + +const Label = styled.label` + font-size: 1.5rem; + font-weight: 700; + margin-left: 1rem; +`; + +const PasswordContainer = styled.div` + position: relative; + width: 30rem; +`; + +const Input = styled.input` + width: 100%; + height: 4rem; + padding: 1rem; + padding-right: 5rem; + border: 1px solid ${({ theme }) => theme.colors.gray3}; + border-radius: 0.5rem; + font-size: 1.6rem; + outline: none; +`; + +const ShowPasswordButton = styled.button` + position: absolute; + top: 25%; + right: 2.5rem; + transform: translateY(-50%); + background: transparent; + border: none; + cursor: pointer; + font-size: 1.5rem; +`; + +const ErrorMessage = styled.span` + color: ${({ theme }) => theme.colors.orange1}; + font-size: 1rem; + margin-left: 1rem; +`; + +const NextButton = styled.button` + width: 30rem; + height: 4.5rem; + background: ${({ theme, disabled }) => + disabled ? theme.colors.gray3 : theme.colors.gray2}; + color: ${({ theme }) => theme.colors.white1}; + border: none; + border-radius: 5px; + font-size: 2rem; + font-weight: 700; + cursor: ${({ disabled }) => (disabled ? "not-allowed" : "pointer")}; + transition: background 0.3s ease; + &:hover { + background: ${({ theme, disabled }) => + disabled ? theme.colors.gray3 : theme.colors.gray1}; + } +`; diff --git a/week4/week4_assignment/src/hooks/useFunnel.ts b/week4/week4_assignment/src/hooks/useFunnel.ts new file mode 100644 index 0000000..07b6590 --- /dev/null +++ b/week4/week4_assignment/src/hooks/useFunnel.ts @@ -0,0 +1,39 @@ +import { useState } from "react"; + +type UseFunnelReturnType = { + currentStep: T; + next: () => void; + prev: () => void; + reset: () => void; + isLastStep: boolean; + isFirstStep: boolean; +}; + +function useFunnel(steps: T[]): UseFunnelReturnType { + const [currentIndex, setCurrentIndex] = useState(0); + + const next = () => { + setCurrentIndex((prevIndex) => + prevIndex < steps.length - 1 ? prevIndex + 1 : prevIndex + ); + }; + + const prev = () => { + setCurrentIndex((prevIndex) => (prevIndex > 0 ? prevIndex - 1 : prevIndex)); + }; + + const reset = () => { + setCurrentIndex(0); + }; + + return { + currentStep: steps[currentIndex], + next, + prev, + reset, + isLastStep: currentIndex === steps.length - 1, + isFirstStep: currentIndex === 0, + }; +} + +export default useFunnel; diff --git a/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx b/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx index a435a3c..158f3b0 100644 --- a/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx +++ b/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx @@ -1,153 +1,36 @@ -import { useState } from "react"; +import React, { useState } from "react"; import styled from "styled-components"; import { Link } from "react-router-dom"; +import useFunnel from "../../hooks/useFunnel"; +import NameStep from "../../components/SignUpPage/NameStep"; +import PasswordStep from "../../components/SignUpPage/PasswordStep"; +import HobbyStep from "../../components/SignUpPage/HobbyStep"; -const SignUpPage = () => { +const SignUpPage: React.FC = () => { const [name, setName] = useState(""); const [password, setPassword] = useState(""); const [confirmPassword, setConfirmPassword] = useState(""); const [hobby, setHobby] = useState(""); - const [showPasswordInputs, setShowPasswordInputs] = useState(false); - const [showHobbyInput, setShowHobbyInput] = useState(false); - const [nameError, setNameError] = useState(""); - const [passwordError, setPasswordError] = useState(""); - const [hobbyError, setHobbyError] = useState(""); - const [showPassword, setShowPassword] = useState(false); - - const handleInputChange = (event: React.ChangeEvent) => { - const value = event.target.value; - setName(value); - - if (value.length > 8) { - setNameError("이름은 8글자 이하로 입력해주세요"); - } else { - setNameError(""); - } - }; - - const handlePasswordChange = (event: React.ChangeEvent) => { - const value = event.target.value; - setPassword(value); - - if (value.length > 8) { - setPasswordError("비밀번호는 8글자 이하로 입력해주세요"); - } else if (confirmPassword && value !== confirmPassword) { - setPasswordError("비밀번호가 일치하지 않습니다"); - } else { - setPasswordError(""); - } - }; - - const handleConfirmPasswordChange = ( - event: React.ChangeEvent - ) => { - const value = event.target.value; - setConfirmPassword(value); - - if (value.length > 8) { - setPasswordError("비밀번호는 8글자 이하로 입력해주세요"); - } else if (password && value !== password) { - setPasswordError("비밀번호가 일치하지 않습니다"); - } else { - setPasswordError(""); - } - }; - - const handleHobbyChange = (event: React.ChangeEvent) => { - const value = event.target.value; - setHobby(value); - - if (value.length > 8) { - setHobbyError("취미는 8글자 이하로 입력해주세요"); - } else { - setHobbyError(""); - } - }; - - const handleNextClick = () => { - if (!showPasswordInputs) { - setShowPasswordInputs(true); - } else { - setShowHobbyInput(true); - } - }; - - const toggleShowPassword = () => { - setShowPassword((prev) => !prev); - }; - - const isNextButtonDisabled = - !password || - !confirmPassword || - password !== confirmPassword || - password.length > 8; - - const isSignUpButtonDisabled = !hobby || hobby.length > 8; + const funnel = useFunnel(["name", "password", "hobby"]); return ( 회원가입
- {!showPasswordInputs ? ( - <> - - - {nameError && {nameError}} - 8} - onClick={handleNextClick} - > - 다음 - - - ) : !showHobbyInput ? ( - <> - - - - - {showPassword ? "🙈" : "👁️"} - - - - - - - {passwordError && {passwordError}} - - 다음 - - - ) : ( - <> - - - {hobbyError && {hobbyError}} - 회원가입 - + {funnel.currentStep === "name" && ( + + )} + {funnel.currentStep === "password" && ( + + )} + {funnel.currentStep === "hobby" && ( + )} @@ -180,63 +63,6 @@ const Form = styled.div` gap: 1rem; `; -const Label = styled.label` - font-size: 1.5rem; - font-weight: 700; - margin-left: 1rem; -`; - -const PasswordContainer = styled.div` - position: relative; - width: 30rem; -`; - -const Input = styled.input` - width: 100%; - height: 4rem; - padding: 1rem; - padding-right: 5rem; - border: 1px solid ${({ theme }) => theme.colors.gray3}; - border-radius: 0.5rem; - font-size: 1.6rem; - outline: none; -`; - -const ShowPasswordButton = styled.button` - position: absolute; - top: 50%; - right: 1rem; - transform: translateY(-50%); - background: transparent; - border: none; - cursor: pointer; - font-size: 1.5rem; -`; - -const ErrorMessage = styled.span` - color: ${({ theme }) => theme.colors.orange1}; - font-size: 1rem; - margin-left: 1rem; -`; - -const NextButton = styled.button` - width: 30rem; - height: 4.5rem; - background: ${({ theme, disabled }) => - disabled ? theme.colors.gray3 : theme.colors.gray2}; - color: ${({ theme }) => theme.colors.white1}; - border: none; - border-radius: 5px; - font-size: 2rem; - font-weight: 700; - cursor: ${({ disabled }) => (disabled ? "not-allowed" : "pointer")}; - transition: background 0.3s ease; - &:hover { - background: ${({ theme, disabled }) => - disabled ? theme.colors.gray3 : theme.colors.gray1}; - } -`; - const LoginLink = styled.div` font-size: 1.5rem; color: ${({ theme }) => theme.colors.gray3}; From 3fb3ae24039017cbcb1a766784f17ac6361182d8 Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Tue, 12 Nov 2024 02:34:56 +0900 Subject: [PATCH 11/18] =?UTF-8?q?feat:=20=ED=9A=8C=EC=9B=90=EA=B0=80?= =?UTF-8?q?=EC=9E=85,=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20api=20=EC=97=B0?= =?UTF-8?q?=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- week4/week4_assignment/.gitignore | 2 + week4/week4_assignment/package.json | 1 + .../src/components/SignUpPage/HobbyStep.tsx | 19 ++++-- .../src/pages/Login/Login.tsx | 58 +++++++++++++++++-- .../src/pages/SignUpPage/SignUpPage.tsx | 26 ++++++++- .../src/types/SignUpResponse.ts | 5 ++ week4/week4_assignment/yarn.lock | 57 ++++++++++++++++++ 7 files changed, 158 insertions(+), 10 deletions(-) create mode 100644 week4/week4_assignment/src/types/SignUpResponse.ts diff --git a/week4/week4_assignment/.gitignore b/week4/week4_assignment/.gitignore index a547bf3..50c8dda 100644 --- a/week4/week4_assignment/.gitignore +++ b/week4/week4_assignment/.gitignore @@ -22,3 +22,5 @@ dist-ssr *.njsproj *.sln *.sw? + +.env diff --git a/week4/week4_assignment/package.json b/week4/week4_assignment/package.json index 6944189..f060b28 100644 --- a/week4/week4_assignment/package.json +++ b/week4/week4_assignment/package.json @@ -10,6 +10,7 @@ "preview": "vite preview" }, "dependencies": { + "axios": "^1.7.7", "react": "^18.3.1", "react-dom": "^18.3.1", "react-router-dom": "^6.28.0", diff --git a/week4/week4_assignment/src/components/SignUpPage/HobbyStep.tsx b/week4/week4_assignment/src/components/SignUpPage/HobbyStep.tsx index f0dfbb4..115c9d0 100644 --- a/week4/week4_assignment/src/components/SignUpPage/HobbyStep.tsx +++ b/week4/week4_assignment/src/components/SignUpPage/HobbyStep.tsx @@ -1,13 +1,15 @@ import React, { useState } from "react"; import styled from "styled-components"; import { useNavigate } from "react-router-dom"; +import { SignUpResponse } from "../../types/SignUpResponse"; interface HobbyStepProps { hobby: string; setHobby: React.Dispatch>; + onNext: () => Promise; } -const HobbyStep: React.FC = ({ hobby, setHobby }) => { +const HobbyStep: React.FC = ({ hobby, setHobby, onNext }) => { const [hobbyError, setHobbyError] = useState(""); const navigate = useNavigate(); @@ -22,8 +24,18 @@ const HobbyStep: React.FC = ({ hobby, setHobby }) => { } }; - const handleSignUpClick = () => { - navigate("/mypage"); + const handleSignUpClick = async () => { + if (!hobbyError) { + try { + const data = await onNext(); + console.log(data); + alert(`회원가입 성공! 회원번호: ${data.result.no}`); + navigate("/login"); + } catch (error) { + console.error("Sign-up error:", error); + alert("회원가입에 실패했습니다. 다시 시도해주세요."); + } + } }; return ( @@ -48,7 +60,6 @@ const HobbyStep: React.FC = ({ hobby, setHobby }) => { export default HobbyStep; -// 스타일 정의 const Label = styled.label` font-size: 1.5rem; font-weight: 700; diff --git a/week4/week4_assignment/src/pages/Login/Login.tsx b/week4/week4_assignment/src/pages/Login/Login.tsx index 9304cec..5ce014a 100644 --- a/week4/week4_assignment/src/pages/Login/Login.tsx +++ b/week4/week4_assignment/src/pages/Login/Login.tsx @@ -1,13 +1,55 @@ +import { useState } from "react"; import styled from "styled-components"; -import { Link } from "react-router-dom"; +import axios from "axios"; +import { Link, useNavigate } from "react-router-dom"; const Login = () => { + const [username, setUsername] = useState(""); + const [password, setPassword] = useState(""); + const [error, setError] = useState(""); + const navigate = useNavigate(); + + const handleLogin = async () => { + try { + const response = await axios.post( + `${import.meta.env.VITE_BASE_URL}/login`, + { + username, + password, + } + ); + + if (response.data.result?.token) { + const token = response.data.result.token; + localStorage.setItem("authToken", token); + alert(`로그인 성공! 토큰: ${token}`); + navigate("/mypage"); + } else { + setError("로그인에 실패했습니다. 다시 시도해주세요."); + } + } catch (error) { + console.error("Login error:", error); + setError("로그인에 실패했습니다. 다시 시도해주세요."); + } + }; + return ( 로그인 - - - 로그인 + setUsername(e.target.value)} + /> + setPassword(e.target.value)} + /> + {error && {error}} + 로그인 회원가입 ); @@ -34,7 +76,7 @@ const Input = styled.input` height: 4rem; padding: 1rem; border: 1px solid ${({ theme }) => theme.colors.gray3}; - border-radius: 0.5px; + border-radius: 0.5rem; font-size: 2rem; outline: none; `; @@ -61,3 +103,9 @@ const SignupLink = styled(Link)` cursor: pointer; text-decoration: underline; `; + +const ErrorMessage = styled.span` + color: red; + font-size: 1.5rem; + margin-top: 1rem; +`; diff --git a/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx b/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx index 158f3b0..998d99c 100644 --- a/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx +++ b/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx @@ -1,10 +1,12 @@ import React, { useState } from "react"; +import axios from "axios"; import styled from "styled-components"; import { Link } from "react-router-dom"; import useFunnel from "../../hooks/useFunnel"; import NameStep from "../../components/SignUpPage/NameStep"; import PasswordStep from "../../components/SignUpPage/PasswordStep"; import HobbyStep from "../../components/SignUpPage/HobbyStep"; +import { SignUpResponse } from "../../types/SignUpResponse"; const SignUpPage: React.FC = () => { const [name, setName] = useState(""); @@ -13,6 +15,28 @@ const SignUpPage: React.FC = () => { const [hobby, setHobby] = useState(""); const funnel = useFunnel(["name", "password", "hobby"]); + const onSubmit = async (): Promise => { + if (password !== confirmPassword) { + alert("Passwords do not match!"); + throw new Error("Passwords do not match"); + } + + try { + const response = await axios.post( + `${import.meta.env.VITE_BASE_URL}/user`, + { + username: name, + password: password, + hobby: hobby, + } + ); + return response.data; + } catch (error) { + console.error("There was an error creating the user:", error); + throw error; + } + }; + return ( 회원가입 @@ -30,7 +54,7 @@ const SignUpPage: React.FC = () => { /> )} {funnel.currentStep === "hobby" && ( - + )} diff --git a/week4/week4_assignment/src/types/SignUpResponse.ts b/week4/week4_assignment/src/types/SignUpResponse.ts new file mode 100644 index 0000000..a326cba --- /dev/null +++ b/week4/week4_assignment/src/types/SignUpResponse.ts @@ -0,0 +1,5 @@ +export interface SignUpResponse { + result: { + no: number; + }; +} diff --git a/week4/week4_assignment/yarn.lock b/week4/week4_assignment/yarn.lock index 5c0e0b3..2e282d4 100644 --- a/week4/week4_assignment/yarn.lock +++ b/week4/week4_assignment/yarn.lock @@ -594,6 +594,20 @@ argparse@^2.0.1: resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38" integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q== +asynckit@^0.4.0: + version "0.4.0" + resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79" + integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q== + +axios@^1.7.7: + version "1.7.7" + resolved "https://registry.yarnpkg.com/axios/-/axios-1.7.7.tgz#2f554296f9892a72ac8d8e4c5b79c14a91d0a47f" + integrity sha512-S4kL7XrjgBmvdGut0sN3yJxqYzrDOnivkBiN0OFs6hLiUam3UPvswUo0kqGyhqUZGEOytHyumEdXsAkgCOUf3Q== + dependencies: + follow-redirects "^1.15.6" + form-data "^4.0.0" + proxy-from-env "^1.1.0" + balanced-match@^1.0.0: version "1.0.2" resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee" @@ -651,6 +665,13 @@ color-name@~1.1.4: resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2" integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA== +combined-stream@^1.0.8: + version "1.0.8" + resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f" + integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg== + dependencies: + delayed-stream "~1.0.0" + concat-map@0.0.1: version "0.0.1" resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" @@ -696,6 +717,11 @@ deep-is@^0.1.3: resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831" integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ== +delayed-stream@~1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619" + integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ== + esbuild@^0.21.3: version "0.21.5" resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.21.5.tgz#9ca301b120922959b766360d8ac830da0d02997d" @@ -900,6 +926,20 @@ flatted@^3.2.9: resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.1.tgz#21db470729a6734d4997002f439cb308987f567a" integrity sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw== +follow-redirects@^1.15.6: + version "1.15.9" + resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.9.tgz#a604fa10e443bf98ca94228d9eebcc2e8a2c8ee1" + integrity sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ== + +form-data@^4.0.0: + version "4.0.1" + resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.1.tgz#ba1076daaaa5bfd7e99c1a6cb02aa0a5cff90d48" + integrity sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw== + dependencies: + asynckit "^0.4.0" + combined-stream "^1.0.8" + mime-types "^2.1.12" + fsevents@~2.3.2, fsevents@~2.3.3: version "2.3.3" resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6" @@ -1053,6 +1093,18 @@ micromatch@^4.0.4: braces "^3.0.3" picomatch "^2.3.1" +mime-db@1.52.0: + version "1.52.0" + resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70" + integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg== + +mime-types@^2.1.12: + version "2.1.35" + resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a" + integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw== + dependencies: + mime-db "1.52.0" + minimatch@^3.1.2: version "3.1.2" resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b" @@ -1163,6 +1215,11 @@ prelude-ls@^1.2.1: resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396" integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g== +proxy-from-env@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2" + integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg== + punycode@^2.1.0: version "2.3.1" resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5" From abccece15bf6f99a3e87411ec0c31f4c5f9fead5 Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Tue, 12 Nov 2024 03:29:06 +0900 Subject: [PATCH 12/18] =?UTF-8?q?style:=20=EB=A7=88=EC=9D=B4=20=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=ED=8D=BC=EB=B8=94=EB=A6=AC=EC=8B=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/pages/Login/Login.tsx | 4 +- .../src/pages/Mypage/MyPage.tsx | 221 +++++++++++++++++- 2 files changed, 222 insertions(+), 3 deletions(-) diff --git a/week4/week4_assignment/src/pages/Login/Login.tsx b/week4/week4_assignment/src/pages/Login/Login.tsx index 5ce014a..59c2c92 100644 --- a/week4/week4_assignment/src/pages/Login/Login.tsx +++ b/week4/week4_assignment/src/pages/Login/Login.tsx @@ -85,7 +85,7 @@ const LoginButton = styled.button` width: 30rem; height: 4.5rem; background: ${({ theme }) => theme.colors.gray2}; - color: white; + color: ${({ theme }) => theme.colors.white1}; border: none; border-radius: 5px; font-size: 2rem; @@ -105,7 +105,7 @@ const SignupLink = styled(Link)` `; const ErrorMessage = styled.span` - color: red; + color: ${({ theme }) => theme.colors.orange1}; font-size: 1.5rem; margin-top: 1rem; `; diff --git a/week4/week4_assignment/src/pages/Mypage/MyPage.tsx b/week4/week4_assignment/src/pages/Mypage/MyPage.tsx index 706b622..6c7b1da 100644 --- a/week4/week4_assignment/src/pages/Mypage/MyPage.tsx +++ b/week4/week4_assignment/src/pages/Mypage/MyPage.tsx @@ -1,5 +1,224 @@ +import { useState } from "react"; +import styled from "styled-components"; + const MyPage = () => { - return
MyPage
; + const [activeTab, setActiveTab] = useState("hobby"); + + return ( + +
+ + 마이페이지 + + + 로그아웃 +
+ + {activeTab === "hobby" ? ( + + 취미 + + 나의 취미 + 독서 + + + 다른 사람들의 취미 + + 검색 + + + ) : ( + + 내 정보 수정하기 +
+ + + + + 수정하기 +
+ + )} + + + ); }; export default MyPage; + +const MyPageContainer = styled.div` + width: 100%; + min-height: 100vh; + background-color: ${({ theme }) => theme.colors.gray0}; + display: flex; + flex-direction: column; + align-items: center; +`; + +const Header = styled.header` + width: 100%; + padding: 1rem 2rem; + background: ${({ theme }) => theme.colors.bookmark_click}; + display: flex; + align-items: center; + justify-content: space-between; + color: ${({ theme }) => theme.colors.white1}; +`; + +const HeaderRight = styled.div` + display: flex; + gap: 5rem; +`; + +const Title = styled.h1` + font-size: 1.5rem; + font-weight: 700; +`; + +const Nav = styled.nav` + display: flex; + gap: 1.5rem; +`; + +const NavItem = styled.span<{ active: boolean }>` + font-size: 1.2rem; + cursor: pointer; + color: ${({ active }) => (active ? "white" : "#ddd")}; + font-weight: ${({ active }) => (active ? "bold" : "normal")}; +`; + +const LogoutButton = styled.button` + display: flex; + width: 5rem; + height: 2rem; + font-size: 1rem; + background: none; + border: none; + color: ${({ theme }) => theme.colors.white1}; + cursor: pointer; +`; + +const Content = styled.div` + width: 30%; + max-width: 80rem; + margin-top: 2rem; + display: flex; + flex-direction: column; + gap: 2rem; + padding: 1rem; +`; + +const SectionTitle = styled.h2` + font-size: 2rem; + font-weight: 700; + color: ${({ theme }) => theme.colors.black1}; + text-align: center; +`; + +const HobbySection = styled.div` + display: flex; + flex-direction: column; + gap: 1rem; +`; + +const MyHobbyContainer = styled.div` + display: flex; + flex-direction: column; + gap: 0.5rem; +`; + +const SubTitle = styled.h3` + font-size: 2rem; + font-weight: 700; + color: ${({ theme }) => theme.colors.black1}; +`; + +const HobbyText = styled.p` + font-size: 1.5rem; + color: ${({ theme }) => theme.colors.gray2}; +`; + +const OtherHobbiesContainer = styled.div` + display: flex; + flex-direction: column; + gap: 1rem; +`; + +const SearchInput = styled.input` + width: 100%; + padding: 0.5rem; + font-size: 2rem; + border: 1px solid ${({ theme }) => theme.colors.gray3}; + border-radius: 0.5px; + outline: none; +`; + +const SearchButton = styled.button` + width: 100%; + height: 4rem; + padding: 0.5rem; + font-size: 1rem; + color: ${({ theme }) => theme.colors.white1}; + background-color: ${({ theme }) => theme.colors.gray1}; + border: none; + border-radius: 0.3rem; + cursor: pointer; + &:hover { + background-color: ${({ theme }) => theme.colors.gray2}; + } +`; + +const InfoSection = styled.div` + display: flex; + flex-direction: column; + gap: 1rem; +`; + +const Form = styled.div` + display: flex; + flex-direction: column; + gap: 1rem; +`; + +const Label = styled.label` + font-size: 2rem; + font-weight: 700; + color: ${({ theme }) => theme.colors.black1}; +`; + +const Input = styled.input` + width: 100%; + padding: 0.5rem; + font-size: 2rem; + border: 1px solid ${({ theme }) => theme.colors.gray3}; + border-radius: 0.5px; + outline: none; +`; + +const SubmitButton = styled.button` + width: 100%; + height: 4rem; + padding: 0.5rem; + font-size: 1rem; + color: ${({ theme }) => theme.colors.white1}; + background-color: #333; + border: none; + border-radius: 0.3rem; + cursor: pointer; + &:hover { + background-color: ${({ theme }) => theme.colors.gray2}; + } +`; From af80fac5650eaa1cc9841ab48fbdeefa65c8500b Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Tue, 12 Nov 2024 03:40:23 +0900 Subject: [PATCH 13/18] =?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=82=B4=20=EC=B7=A8=EB=AF=B8=20=EC=A1=B0?= =?UTF-8?q?=ED=9A=8C,=20=EB=8B=A4=EB=A5=B8=20=EC=82=AC=EB=9E=8C=20?= =?UTF-8?q?=EC=B7=A8=EB=AF=B8=20=EC=A1=B0=ED=9A=8C=20api=20=EC=97=B0?= =?UTF-8?q?=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/pages/Mypage/MyPage.tsx | 100 +++++++++++++++++- 1 file changed, 95 insertions(+), 5 deletions(-) diff --git a/week4/week4_assignment/src/pages/Mypage/MyPage.tsx b/week4/week4_assignment/src/pages/Mypage/MyPage.tsx index 6c7b1da..7740c31 100644 --- a/week4/week4_assignment/src/pages/Mypage/MyPage.tsx +++ b/week4/week4_assignment/src/pages/Mypage/MyPage.tsx @@ -1,8 +1,76 @@ -import { useState } from "react"; +import { useState, useEffect } from "react"; import styled from "styled-components"; +import axios from "axios"; +import { useNavigate } from "react-router-dom"; const MyPage = () => { const [activeTab, setActiveTab] = useState("hobby"); + const [hobby, setHobby] = useState(null); + const [userId, setUserId] = useState(""); + const [otherUserHobby, setOtherUserHobby] = useState(null); + const navigate = useNavigate(); + + useEffect(() => { + const fetchHobby = async () => { + const token = localStorage.getItem("authToken"); + if (!token) { + alert("로그인이 필요합니다."); + navigate("/login"); + return; + } + + try { + const response = await axios.get( + `${import.meta.env.VITE_BASE_URL}/user/my-hobby`, + { + headers: { + token: token, + }, + } + ); + + if (response.data.result?.hobby) { + setHobby(response.data.result.hobby); + } else { + alert("취미 정보를 가져오는 데 실패했습니다."); + } + } catch (error) { + console.error("Failed to fetch hobby:", error); + alert("취미 정보를 가져오는 데 실패했습니다."); + } + }; + + fetchHobby(); + }, [navigate]); + + const handleSearch = async () => { + const token = localStorage.getItem("authToken"); + if (!token) { + alert("로그인이 필요합니다."); + navigate("/login"); + return; + } + + try { + const response = await axios.get( + `${import.meta.env.VITE_BASE_URL}/user/${userId}/hobby`, + { + headers: { + token: token, + }, + } + ); + + if (response.data.result?.hobby) { + setOtherUserHobby(response.data.result.hobby); + } else { + alert("해당 사용자의 취미 정보를 찾을 수 없습니다."); + } + } catch (error) { + console.error("Failed to fetch other user's hobby:", error); + alert("취미 정보를 가져오는 데 실패했습니다."); + } + }; return ( @@ -24,7 +92,14 @@ const MyPage = () => { - 로그아웃 + { + localStorage.removeItem("authToken"); + navigate("/login"); + }} + > + 로그아웃 + {activeTab === "hobby" ? ( @@ -32,12 +107,21 @@ const MyPage = () => { 취미 나의 취미 - 독서 + {hobby} 다른 사람들의 취미 - - 검색 + setUserId(e.target.value)} + /> + 검색 + {otherUserHobby && ( + + {userId}번 사용자의 취미: {otherUserHobby} + + )} ) : ( @@ -181,6 +265,12 @@ const SearchButton = styled.button` } `; +const OtherHobbyText = styled.p` + font-size: 1.5rem; + color: ${({ theme }) => theme.colors.gray2}; + margin-top: 1rem; +`; + const InfoSection = styled.div` display: flex; flex-direction: column; From 663bda289b80e82d7c5d0d6dac7c148ff0ab8afa Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Tue, 12 Nov 2024 03:57:56 +0900 Subject: [PATCH 14/18] =?UTF-8?q?feat:=20=ED=9A=8C=EC=9B=90=20=EC=A0=95?= =?UTF-8?q?=EB=B3=B4=20=EC=88=98=EC=A0=95=20api=20=EC=97=B0=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/pages/Mypage/MyPage.tsx | 63 +++++++++++++++++-- 1 file changed, 58 insertions(+), 5 deletions(-) diff --git a/week4/week4_assignment/src/pages/Mypage/MyPage.tsx b/week4/week4_assignment/src/pages/Mypage/MyPage.tsx index 7740c31..e6f9714 100644 --- a/week4/week4_assignment/src/pages/Mypage/MyPage.tsx +++ b/week4/week4_assignment/src/pages/Mypage/MyPage.tsx @@ -3,11 +3,19 @@ import styled from "styled-components"; import axios from "axios"; import { useNavigate } from "react-router-dom"; +interface UpdateData { + hobby?: string; + password?: string; +} + const MyPage = () => { const [activeTab, setActiveTab] = useState("hobby"); const [hobby, setHobby] = useState(null); const [userId, setUserId] = useState(""); const [otherUserHobby, setOtherUserHobby] = useState(null); + const [searchedUserId, setSearchedUserId] = useState(null); // 검색된 사용자 ID 상태 + const [newHobby, setNewHobby] = useState(""); + const [newPassword, setNewPassword] = useState(""); const navigate = useNavigate(); useEffect(() => { @@ -63,6 +71,7 @@ const MyPage = () => { if (response.data.result?.hobby) { setOtherUserHobby(response.data.result.hobby); + setSearchedUserId(userId); // 검색된 사용자 ID를 설정 } else { alert("해당 사용자의 취미 정보를 찾을 수 없습니다."); } @@ -72,6 +81,40 @@ const MyPage = () => { } }; + const handleUpdate = async () => { + const token = localStorage.getItem("authToken"); + if (!token) { + alert("로그인이 필요합니다."); + navigate("/login"); + return; + } + + if (!newHobby && !newPassword) { + alert("변경할 비밀번호 또는 취미를 입력해주세요."); + return; + } + + const updateData: UpdateData = {}; + if (newHobby) updateData.hobby = newHobby; + if (newPassword) updateData.password = newPassword; + + try { + await axios.put(`${import.meta.env.VITE_BASE_URL}/user`, updateData, { + headers: { + token: token, + }, + }); + + alert("정보가 성공적으로 업데이트되었습니다."); + setHobby(newHobby || hobby); + setNewHobby(""); + setNewPassword(""); + } catch (error) { + console.error("Failed to update information:", error); + alert("정보를 업데이트하는 데 실패했습니다."); + } + }; + return (
@@ -117,9 +160,9 @@ const MyPage = () => { onChange={(e) => setUserId(e.target.value)} /> 검색 - {otherUserHobby && ( + {searchedUserId && otherUserHobby && ( - {userId}번 사용자의 취미: {otherUserHobby} + {searchedUserId}번 사용자의 취미: {otherUserHobby} )} @@ -129,10 +172,20 @@ const MyPage = () => { 내 정보 수정하기
- + setNewPassword(e.target.value)} + /> - - 수정하기 + setNewHobby(e.target.value)} + /> + 수정하기
)} From 126ab76ff311173e243e2afb3fbcd64d64d5a6ae Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Tue, 12 Nov 2024 03:59:52 +0900 Subject: [PATCH 15/18] =?UTF-8?q?refactor:=20=EB=9D=BC=EC=9A=B0=ED=84=B0?= =?UTF-8?q?=20=EB=94=94=ED=8F=B4=ED=8A=B8=20path=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- week4/week4_assignment/src/Router.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/week4/week4_assignment/src/Router.tsx b/week4/week4_assignment/src/Router.tsx index c04d7ff..51a0278 100644 --- a/week4/week4_assignment/src/Router.tsx +++ b/week4/week4_assignment/src/Router.tsx @@ -9,6 +9,10 @@ export const router = createBrowserRouter([ path: "/", element: , children: [ + { + index: true, + element: , + }, { path: "/login", element: , From a2433e35405341c8f3529613a0564473df5aa97e Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Tue, 12 Nov 2024 04:01:25 +0900 Subject: [PATCH 16/18] =?UTF-8?q?refactor:=20Login=20=ED=8E=98=EC=9D=B4?= =?UTF-8?q?=EC=A7=80=20=EB=84=A4=EC=9D=B4=EB=B0=8D=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- week4/week4_assignment/src/Router.tsx | 6 +++--- .../pages/{Login/Login.tsx => LoginPage/LoginPage.tsx} | 10 +++++----- 2 files changed, 8 insertions(+), 8 deletions(-) rename week4/week4_assignment/src/pages/{Login/Login.tsx => LoginPage/LoginPage.tsx} (94%) diff --git a/week4/week4_assignment/src/Router.tsx b/week4/week4_assignment/src/Router.tsx index 51a0278..b7ebbcd 100644 --- a/week4/week4_assignment/src/Router.tsx +++ b/week4/week4_assignment/src/Router.tsx @@ -1,5 +1,5 @@ import { createBrowserRouter } from "react-router-dom"; -import Login from "./pages/Login/Login"; +import LoginPage from "./pages/LoginPage/LoginPage"; import SignUpPage from "./pages/SignUpPage/SignUpPage"; import MyPage from "./pages/Mypage/MyPage"; import Roots from "./Roots"; @@ -11,11 +11,11 @@ export const router = createBrowserRouter([ children: [ { index: true, - element: , + element: , }, { path: "/login", - element: , + element: , }, { path: "/signup", diff --git a/week4/week4_assignment/src/pages/Login/Login.tsx b/week4/week4_assignment/src/pages/LoginPage/LoginPage.tsx similarity index 94% rename from week4/week4_assignment/src/pages/Login/Login.tsx rename to week4/week4_assignment/src/pages/LoginPage/LoginPage.tsx index 59c2c92..4b90f51 100644 --- a/week4/week4_assignment/src/pages/Login/Login.tsx +++ b/week4/week4_assignment/src/pages/LoginPage/LoginPage.tsx @@ -3,7 +3,7 @@ import styled from "styled-components"; import axios from "axios"; import { Link, useNavigate } from "react-router-dom"; -const Login = () => { +const LoginPage = () => { const [username, setUsername] = useState(""); const [password, setPassword] = useState(""); const [error, setError] = useState(""); @@ -34,7 +34,7 @@ const Login = () => { }; return ( - + 로그인 { {error && {error}} 로그인 회원가입 - + ); }; -export default Login; +export default LoginPage; -const LoginContainer = styled.div` +const LoginPageContainer = styled.div` display: flex; flex-direction: column; align-items: center; From 17ab2ce6f94bbf3bc0e2818cec8a1167762046c1 Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Tue, 12 Nov 2024 04:05:28 +0900 Subject: [PATCH 17/18] =?UTF-8?q?refactor:=20=EB=B6=88=ED=95=84=EC=9A=94?= =?UTF-8?q?=ED=95=9C=20=EB=B6=80=EB=B6=84=20=EC=82=AD=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../week4_assignment/src/components/SignUpPage/HobbyStep.tsx | 2 +- week4/week4_assignment/src/components/SignUpPage/NameStep.tsx | 2 +- .../src/components/SignUpPage/PasswordStep.tsx | 4 ++-- week4/week4_assignment/src/pages/Mypage/MyPage.tsx | 4 ++-- week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx | 4 ++-- 5 files changed, 8 insertions(+), 8 deletions(-) diff --git a/week4/week4_assignment/src/components/SignUpPage/HobbyStep.tsx b/week4/week4_assignment/src/components/SignUpPage/HobbyStep.tsx index 115c9d0..9cf6899 100644 --- a/week4/week4_assignment/src/components/SignUpPage/HobbyStep.tsx +++ b/week4/week4_assignment/src/components/SignUpPage/HobbyStep.tsx @@ -9,7 +9,7 @@ interface HobbyStepProps { onNext: () => Promise; } -const HobbyStep: React.FC = ({ hobby, setHobby, onNext }) => { +const HobbyStep = ({ hobby, setHobby, onNext }: HobbyStepProps) => { const [hobbyError, setHobbyError] = useState(""); const navigate = useNavigate(); diff --git a/week4/week4_assignment/src/components/SignUpPage/NameStep.tsx b/week4/week4_assignment/src/components/SignUpPage/NameStep.tsx index 7a4531e..55a90fa 100644 --- a/week4/week4_assignment/src/components/SignUpPage/NameStep.tsx +++ b/week4/week4_assignment/src/components/SignUpPage/NameStep.tsx @@ -7,7 +7,7 @@ interface NameStepProps { onNext: () => void; } -const NameStep: React.FC = ({ name, setName, onNext }) => { +const NameStep = ({ name, setName, onNext }: NameStepProps) => { const [nameError, setNameError] = useState(""); const handleInputChange = (event: React.ChangeEvent) => { diff --git a/week4/week4_assignment/src/components/SignUpPage/PasswordStep.tsx b/week4/week4_assignment/src/components/SignUpPage/PasswordStep.tsx index cc24d9e..294898b 100644 --- a/week4/week4_assignment/src/components/SignUpPage/PasswordStep.tsx +++ b/week4/week4_assignment/src/components/SignUpPage/PasswordStep.tsx @@ -9,13 +9,13 @@ interface PasswordStepProps { onNext: () => void; } -const PasswordStep: React.FC = ({ +const PasswordStep = ({ password, confirmPassword, setPassword, setConfirmPassword, onNext, -}) => { +}: PasswordStepProps) => { const [passwordError, setPasswordError] = useState(""); const [showPassword, setShowPassword] = useState(false); diff --git a/week4/week4_assignment/src/pages/Mypage/MyPage.tsx b/week4/week4_assignment/src/pages/Mypage/MyPage.tsx index e6f9714..6de5f33 100644 --- a/week4/week4_assignment/src/pages/Mypage/MyPage.tsx +++ b/week4/week4_assignment/src/pages/Mypage/MyPage.tsx @@ -13,7 +13,7 @@ const MyPage = () => { const [hobby, setHobby] = useState(null); const [userId, setUserId] = useState(""); const [otherUserHobby, setOtherUserHobby] = useState(null); - const [searchedUserId, setSearchedUserId] = useState(null); // 검색된 사용자 ID 상태 + const [searchedUserId, setSearchedUserId] = useState(null); const [newHobby, setNewHobby] = useState(""); const [newPassword, setNewPassword] = useState(""); const navigate = useNavigate(); @@ -71,7 +71,7 @@ const MyPage = () => { if (response.data.result?.hobby) { setOtherUserHobby(response.data.result.hobby); - setSearchedUserId(userId); // 검색된 사용자 ID를 설정 + setSearchedUserId(userId); } else { alert("해당 사용자의 취미 정보를 찾을 수 없습니다."); } diff --git a/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx b/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx index 998d99c..b908e50 100644 --- a/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx +++ b/week4/week4_assignment/src/pages/SignUpPage/SignUpPage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from "react"; +import { useState } from "react"; import axios from "axios"; import styled from "styled-components"; import { Link } from "react-router-dom"; @@ -8,7 +8,7 @@ import PasswordStep from "../../components/SignUpPage/PasswordStep"; import HobbyStep from "../../components/SignUpPage/HobbyStep"; import { SignUpResponse } from "../../types/SignUpResponse"; -const SignUpPage: React.FC = () => { +const SignUpPage = () => { const [name, setName] = useState(""); const [password, setPassword] = useState(""); const [confirmPassword, setConfirmPassword] = useState(""); From 669822a8c977cb4768ca922c63fd6a260a4f2df5 Mon Sep 17 00:00:00 2001 From: KIMGEONHWI Date: Tue, 12 Nov 2024 04:15:09 +0900 Subject: [PATCH 18/18] =?UTF-8?q?refactor:=20MyPage=20=EC=BB=B4=ED=8F=AC?= =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EB=B6=84=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/components/MyPage/Header.tsx | 84 +++++++ .../src/components/MyPage/HobbySection.tsx | 112 +++++++++ .../src/components/MyPage/InfoSection.tsx | 92 +++++++ .../src/pages/Mypage/MyPage.tsx | 238 ++---------------- 4 files changed, 307 insertions(+), 219 deletions(-) create mode 100644 week4/week4_assignment/src/components/MyPage/Header.tsx create mode 100644 week4/week4_assignment/src/components/MyPage/HobbySection.tsx create mode 100644 week4/week4_assignment/src/components/MyPage/InfoSection.tsx diff --git a/week4/week4_assignment/src/components/MyPage/Header.tsx b/week4/week4_assignment/src/components/MyPage/Header.tsx new file mode 100644 index 0000000..4a46427 --- /dev/null +++ b/week4/week4_assignment/src/components/MyPage/Header.tsx @@ -0,0 +1,84 @@ +import styled from "styled-components"; +import { useNavigate } from "react-router-dom"; + +interface HeaderProps { + activeTab: string; + setActiveTab: (tab: string) => void; +} + +const Header = ({ activeTab, setActiveTab }: HeaderProps) => { + const navigate = useNavigate(); + + const handleLogout = () => { + localStorage.removeItem("authToken"); + navigate("/login"); + }; + + return ( + + + 마이페이지 + + + 로그아웃 + + ); +}; + +export default Header; + +const HeaderContainer = styled.header` + width: 100%; + padding: 1rem 2rem; + background: ${({ theme }) => theme.colors.bookmark_click}; + display: flex; + align-items: center; + justify-content: space-between; + color: ${({ theme }) => theme.colors.white1}; +`; + +const HeaderRight = styled.div` + display: flex; + gap: 5rem; +`; + +const Title = styled.h1` + font-size: 1.5rem; + font-weight: 700; +`; + +const Nav = styled.nav` + display: flex; + gap: 1.5rem; +`; + +const NavItem = styled.span<{ active: boolean }>` + font-size: 1.2rem; + cursor: pointer; + color: ${({ active }) => (active ? "white" : "#ddd")}; + font-weight: ${({ active }) => (active ? "bold" : "normal")}; +`; + +const LogoutButton = styled.button` + display: flex; + width: 5rem; + height: 2rem; + font-size: 1rem; + background: none; + border: none; + color: ${({ theme }) => theme.colors.white1}; + cursor: pointer; +`; diff --git a/week4/week4_assignment/src/components/MyPage/HobbySection.tsx b/week4/week4_assignment/src/components/MyPage/HobbySection.tsx new file mode 100644 index 0000000..25ea1ba --- /dev/null +++ b/week4/week4_assignment/src/components/MyPage/HobbySection.tsx @@ -0,0 +1,112 @@ +import React from "react"; +import styled from "styled-components"; + +interface HobbySectionProps { + hobby: string | null; + userId: string; + otherUserHobby: string | null; + searchedUserId: string | null; + setUserId: React.Dispatch>; + handleSearch: () => void; +} + +const HobbySection = ({ + hobby, + userId, + otherUserHobby, + searchedUserId, + setUserId, + handleSearch, +}: HobbySectionProps) => { + return ( + + 취미 + + 나의 취미 + {hobby} + + + 다른 사람들의 취미 + setUserId(e.target.value)} + /> + 검색 + {searchedUserId && otherUserHobby && ( + + {searchedUserId}번 사용자의 취미: {otherUserHobby} + + )} + + + ); +}; + +export default HobbySection; + +const SectionContainer = styled.div` + display: flex; + flex-direction: column; + gap: 1rem; +`; + +const SectionTitle = styled.h2` + font-size: 2rem; + font-weight: 700; + color: ${({ theme }) => theme.colors.black1}; + text-align: center; +`; + +const MyHobbyContainer = styled.div` + display: flex; + flex-direction: column; + gap: 0.5rem; +`; + +const SubTitle = styled.h3` + font-size: 2rem; + font-weight: 700; + color: ${({ theme }) => theme.colors.black1}; +`; + +const HobbyText = styled.p` + font-size: 1.5rem; + color: ${({ theme }) => theme.colors.gray2}; +`; + +const OtherHobbiesContainer = styled.div` + display: flex; + flex-direction: column; + gap: 1rem; +`; + +const SearchInput = styled.input` + width: 100%; + padding: 0.5rem; + font-size: 2rem; + border: 1px solid ${({ theme }) => theme.colors.gray3}; + border-radius: 0.5px; + outline: none; +`; + +const SearchButton = styled.button` + width: 100%; + height: 4rem; + padding: 0.5rem; + font-size: 1rem; + color: ${({ theme }) => theme.colors.white1}; + background-color: ${({ theme }) => theme.colors.gray1}; + border: none; + border-radius: 0.3rem; + cursor: pointer; + &:hover { + background-color: ${({ theme }) => theme.colors.gray2}; + } +`; + +const OtherHobbyText = styled.p` + font-size: 1.5rem; + color: ${({ theme }) => theme.colors.gray2}; + margin-top: 1rem; +`; diff --git a/week4/week4_assignment/src/components/MyPage/InfoSection.tsx b/week4/week4_assignment/src/components/MyPage/InfoSection.tsx new file mode 100644 index 0000000..9d5dabd --- /dev/null +++ b/week4/week4_assignment/src/components/MyPage/InfoSection.tsx @@ -0,0 +1,92 @@ +import React from "react"; +import styled from "styled-components"; + +interface InfoSectionProps { + newHobby: string; + newPassword: string; + setNewHobby: React.Dispatch>; + setNewPassword: React.Dispatch>; + handleUpdate: () => void; +} + +const InfoSection = ({ + newHobby, + newPassword, + setNewHobby, + setNewPassword, + handleUpdate, +}: InfoSectionProps) => { + return ( + + 내 정보 수정하기 +
+ + setNewPassword(e.target.value)} + /> + + setNewHobby(e.target.value)} + /> + 수정하기 +
+ + ); +}; + +export default InfoSection; + +const SectionContainer = styled.div` + display: flex; + flex-direction: column; + gap: 1rem; +`; + +const SectionTitle = styled.h2` + font-size: 2rem; + font-weight: 700; + color: ${({ theme }) => theme.colors.black1}; + text-align: center; +`; + +const Form = styled.div` + display: flex; + flex-direction: column; + gap: 1rem; +`; + +const Label = styled.label` + font-size: 2rem; + font-weight: 700; + color: ${({ theme }) => theme.colors.black1}; +`; + +const Input = styled.input` + width: 100%; + padding: 0.5rem; + font-size: 2rem; + border: 1px solid ${({ theme }) => theme.colors.gray3}; + border-radius: 0.5px; + outline: none; +`; + +const SubmitButton = styled.button` + width: 100%; + height: 4rem; + padding: 0.5rem; + font-size: 1rem; + color: ${({ theme }) => theme.colors.white1}; + background-color: #333; + border: none; + border-radius: 0.3rem; + cursor: pointer; + &:hover { + background-color: ${({ theme }) => theme.colors.gray2}; + } +`; diff --git a/week4/week4_assignment/src/pages/Mypage/MyPage.tsx b/week4/week4_assignment/src/pages/Mypage/MyPage.tsx index 6de5f33..783892a 100644 --- a/week4/week4_assignment/src/pages/Mypage/MyPage.tsx +++ b/week4/week4_assignment/src/pages/Mypage/MyPage.tsx @@ -2,6 +2,9 @@ import { useState, useEffect } from "react"; import styled from "styled-components"; import axios from "axios"; import { useNavigate } from "react-router-dom"; +import InfoSection from "../../components/MyPage/InfoSection"; +import HobbySection from "../../components/MyPage/HobbySection"; +import Header from "../../components/MyPage/Header"; interface UpdateData { hobby?: string; @@ -117,77 +120,25 @@ const MyPage = () => { return ( -
- - 마이페이지 - - - { - localStorage.removeItem("authToken"); - navigate("/login"); - }} - > - 로그아웃 - -
+
{" "} {activeTab === "hobby" ? ( - - 취미 - - 나의 취미 - {hobby} - - - 다른 사람들의 취미 - setUserId(e.target.value)} - /> - 검색 - {searchedUserId && otherUserHobby && ( - - {searchedUserId}번 사용자의 취미: {otherUserHobby} - - )} - - + ) : ( - - 내 정보 수정하기 -
- - setNewPassword(e.target.value)} - /> - - setNewHobby(e.target.value)} - /> - 수정하기 -
- + )} @@ -205,49 +156,6 @@ const MyPageContainer = styled.div` align-items: center; `; -const Header = styled.header` - width: 100%; - padding: 1rem 2rem; - background: ${({ theme }) => theme.colors.bookmark_click}; - display: flex; - align-items: center; - justify-content: space-between; - color: ${({ theme }) => theme.colors.white1}; -`; - -const HeaderRight = styled.div` - display: flex; - gap: 5rem; -`; - -const Title = styled.h1` - font-size: 1.5rem; - font-weight: 700; -`; - -const Nav = styled.nav` - display: flex; - gap: 1.5rem; -`; - -const NavItem = styled.span<{ active: boolean }>` - font-size: 1.2rem; - cursor: pointer; - color: ${({ active }) => (active ? "white" : "#ddd")}; - font-weight: ${({ active }) => (active ? "bold" : "normal")}; -`; - -const LogoutButton = styled.button` - display: flex; - width: 5rem; - height: 2rem; - font-size: 1rem; - background: none; - border: none; - color: ${({ theme }) => theme.colors.white1}; - cursor: pointer; -`; - const Content = styled.div` width: 30%; max-width: 80rem; @@ -257,111 +165,3 @@ const Content = styled.div` gap: 2rem; padding: 1rem; `; - -const SectionTitle = styled.h2` - font-size: 2rem; - font-weight: 700; - color: ${({ theme }) => theme.colors.black1}; - text-align: center; -`; - -const HobbySection = styled.div` - display: flex; - flex-direction: column; - gap: 1rem; -`; - -const MyHobbyContainer = styled.div` - display: flex; - flex-direction: column; - gap: 0.5rem; -`; - -const SubTitle = styled.h3` - font-size: 2rem; - font-weight: 700; - color: ${({ theme }) => theme.colors.black1}; -`; - -const HobbyText = styled.p` - font-size: 1.5rem; - color: ${({ theme }) => theme.colors.gray2}; -`; - -const OtherHobbiesContainer = styled.div` - display: flex; - flex-direction: column; - gap: 1rem; -`; - -const SearchInput = styled.input` - width: 100%; - padding: 0.5rem; - font-size: 2rem; - border: 1px solid ${({ theme }) => theme.colors.gray3}; - border-radius: 0.5px; - outline: none; -`; - -const SearchButton = styled.button` - width: 100%; - height: 4rem; - padding: 0.5rem; - font-size: 1rem; - color: ${({ theme }) => theme.colors.white1}; - background-color: ${({ theme }) => theme.colors.gray1}; - border: none; - border-radius: 0.3rem; - cursor: pointer; - &:hover { - background-color: ${({ theme }) => theme.colors.gray2}; - } -`; - -const OtherHobbyText = styled.p` - font-size: 1.5rem; - color: ${({ theme }) => theme.colors.gray2}; - margin-top: 1rem; -`; - -const InfoSection = styled.div` - display: flex; - flex-direction: column; - gap: 1rem; -`; - -const Form = styled.div` - display: flex; - flex-direction: column; - gap: 1rem; -`; - -const Label = styled.label` - font-size: 2rem; - font-weight: 700; - color: ${({ theme }) => theme.colors.black1}; -`; - -const Input = styled.input` - width: 100%; - padding: 0.5rem; - font-size: 2rem; - border: 1px solid ${({ theme }) => theme.colors.gray3}; - border-radius: 0.5px; - outline: none; -`; - -const SubmitButton = styled.button` - width: 100%; - height: 4rem; - padding: 0.5rem; - font-size: 1rem; - color: ${({ theme }) => theme.colors.white1}; - background-color: #333; - border: none; - border-radius: 0.3rem; - cursor: pointer; - &:hover { - background-color: ${({ theme }) => theme.colors.gray2}; - } -`;