From 493a1e2320c834acf09c3c0c5c8aa544638b3811 Mon Sep 17 00:00:00 2001 From: Eunju Lee Date: Mon, 17 Jun 2024 13:17:29 +0900 Subject: [PATCH] 240617 lej : login --- .gitignore | 74 +++++++++++++++++++++++ package-lock.json | 49 ++++++++++++++-- package.json | 2 + src/App.js | 8 ++- src/assets/img/woravel_logo.svg | 24 ++++++++ "src/components/\bSuggestedPlaces.jsx" | 2 + src/components/CallBack.jsx | 7 --- src/pages/Intro.jsx | 78 +++++++++++++------------ src/pages/Login/Login.jsx | 78 +++++++++++++++++++++++++ src/pages/Login/LoginSuccess.jsx | 9 +++ src/pages/Login/Redirection.jsx | 25 ++++++++ src/pages/Login/kakaologin.png | Bin 0 -> 43308 bytes src/pages/Login/naverlogin.png | Bin 0 -> 14255 bytes src/pages/LoginModal.jsx | 54 ----------------- src/pages/PlaceDetail.jsx | 9 +-- 15 files changed, 309 insertions(+), 110 deletions(-) create mode 100644 src/assets/img/woravel_logo.svg delete mode 100644 src/components/CallBack.jsx create mode 100644 src/pages/Login/Login.jsx create mode 100644 src/pages/Login/LoginSuccess.jsx create mode 100644 src/pages/Login/Redirection.jsx create mode 100644 src/pages/Login/kakaologin.png create mode 100644 src/pages/Login/naverlogin.png delete mode 100644 src/pages/LoginModal.jsx diff --git a/.gitignore b/.gitignore index 4d29575..ea1f1db 100644 --- a/.gitignore +++ b/.gitignore @@ -21,3 +21,77 @@ npm-debug.log* yarn-debug.log* yarn-error.log* + + +# Created by https://www.toptal.com/developers/gitignore/api/macos,react,visualstudiocode +# Edit at https://www.toptal.com/developers/gitignore?templates=macos,react,visualstudiocode + +### macOS ### +# General +.DS_Store +.AppleDouble +.LSOverride + +# Icon must end with two \r +Icon + + +# Thumbnails +._* + +# Files that might appear in the root of a volume +.DocumentRevisions-V100 +.fseventsd +.Spotlight-V100 +.TemporaryItems +.Trashes +.VolumeIcon.icns +.com.apple.timemachine.donotpresent + +# Directories potentially created on remote AFP share +.AppleDB +.AppleDesktop +Network Trash Folder +Temporary Items +.apdisk + +### macOS Patch ### +# iCloud generated files +*.icloud + +### react ### +.DS_* +*.log +logs +**/*.backup.* +**/*.back.* + +node_modules +bower_components + +*.sublime* + +psd +thumb +sketch + +### VisualStudioCode ### +.vscode/* +!.vscode/settings.json +!.vscode/tasks.json +!.vscode/launch.json +!.vscode/extensions.json +!.vscode/*.code-snippets + +# Local History for Visual Studio Code +.history/ + +# Built Visual Studio Code Extensions +*.vsix + +### VisualStudioCode Patch ### +# Ignore all local history of files +.history +.ionide + +# End of https://www.toptal.com/developers/gitignore/api/macos,react,visualstudiocode \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 05e7f94..e5d425c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -19,7 +19,9 @@ "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", + "axios": "^1.7.2", "css-loader": "^7.1.2", + "dotenv": "^16.4.5", "node-sass": "^7.0.3", "normalize.css": "^8.0.1", "react": "^18.3.1", @@ -5680,6 +5682,29 @@ "node": ">=4" } }, + "node_modules/axios": { + "version": "1.7.2", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz", + "integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==", + "dependencies": { + "follow-redirects": "^1.15.6", + "form-data": "^4.0.0", + "proxy-from-env": "^1.1.0" + } + }, + "node_modules/axios/node_modules/form-data": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", + "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 6" + } + }, "node_modules/axobject-query": { "version": "3.2.1", "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz", @@ -7605,11 +7630,14 @@ } }, "node_modules/dotenv": { - "version": "10.0.0", - "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-10.0.0.tgz", - "integrity": "sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==", + "version": "16.4.5", + "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz", + "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==", "engines": { - "node": ">=10" + "node": ">=12" + }, + "funding": { + "url": "https://dotenvx.com" } }, "node_modules/dotenv-expand": { @@ -15992,6 +16020,11 @@ "node": ">= 0.10" } }, + "node_modules/proxy-from-env": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==" + }, "node_modules/psl": { "version": "1.9.0", "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz", @@ -16510,6 +16543,14 @@ } } }, + "node_modules/react-scripts/node_modules/dotenv": { + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-10.0.0.tgz", + "integrity": "sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==", + "engines": { + "node": ">=10" + } + }, "node_modules/react-scripts/node_modules/sass-loader": { "version": "12.6.0", "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-12.6.0.tgz", diff --git a/package.json b/package.json index fd65b96..d4680d9 100644 --- a/package.json +++ b/package.json @@ -14,7 +14,9 @@ "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", + "axios": "^1.7.2", "css-loader": "^7.1.2", + "dotenv": "^16.4.5", "node-sass": "^7.0.3", "normalize.css": "^8.0.1", "react": "^18.3.1", diff --git a/src/App.js b/src/App.js index a7b1fed..43d7218 100644 --- a/src/App.js +++ b/src/App.js @@ -8,10 +8,11 @@ import Travel from "./pages/Travel"; import Mypage from "./pages/Mypage"; import PlaceDetail from "./pages/PlaceDetail"; import Header from "./components/Header"; -import Login from "./pages/LoginModal"; -import CallBack from "./components/CallBack"; +import Login from "./pages/Login/Login"; import useClickedName from './hooks/useClickedPlaceName'; import Intro from "./pages/Intro"; +import Redirection from "./pages/Login/Redirection"; +import LoginSuccess from "./pages/Login/LoginSuccess"; function App() { @@ -27,13 +28,14 @@ function App() { } /> }/> }/> + }/> + }/> }/> }/> }/> } /> }/> }/> - }/>