From 150b985a5de54cabf0b99077a2b14b403c923dfb Mon Sep 17 00:00:00 2001 From: yongchanson Date: Tue, 14 Jun 2022 20:30:40 +0900 Subject: [PATCH 1/8] =?UTF-8?q?etc:loadingPage=20-=20=EC=B0=BD=20=ED=81=AC?= =?UTF-8?q?=EA=B8=B0=EA=B0=80=20=EB=A7=A4=EC=9A=B0=20=EC=9E=91=EC=9D=80=20?= =?UTF-8?q?=EA=B2=BD=EC=9A=B0,=20=EB=8B=A4=EB=A5=B8=EC=9A=94=EC=86=8C=20?= =?UTF-8?q?=EB=B3=B4=EC=9D=B4=EC=A7=80=20=EC=95=8A=EB=8F=84=EB=A1=9D=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/Loading.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/Loading.js b/src/Loading.js index b123721..cd6a4e6 100644 --- a/src/Loading.js +++ b/src/Loading.js @@ -13,7 +13,9 @@ const LoadingDiv = styled.div` color: #0aa1dd; font-size: 18px; min-width: 2500px; + width: 100%; min-height: 2000px; + height: 100%; z-index: 5; background-color: ${props => props.theme.background}; `; From 23c45873be3c83674d50ec639ade49c9423a4c4d Mon Sep 17 00:00:00 2001 From: yongchanson Date: Thu, 16 Jun 2022 03:52:15 +0900 Subject: [PATCH 2/8] =?UTF-8?q?etc:appDiv=20=EC=82=AD=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 39 ++++++++++++++++++++++ package.json | 2 ++ src/App.js | 22 ++++++------ src/GlobalStyle.js | 7 ++++ src/SearchBox/SearchBox.js | 15 +++++++-- src/SearchBox/components/SearchableList.js | 1 + src/SearchResult/SearchResult.js | 6 +++- 7 files changed, 77 insertions(+), 15 deletions(-) diff --git a/package-lock.json b/package-lock.json index 4ffba17..5084a83 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2677,6 +2677,17 @@ "@types/react": "*" } }, + "@types/react-redux": { + "version": "7.1.24", + "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.24.tgz", + "integrity": "sha512-7FkurKcS1k0FHZEtdbbgN8Oc6b+stGSfZYjQGicofJ0j4U0qIn/jaSvnP2pLwZKiai3/17xqqxkkrxTgN8UNbQ==", + "requires": { + "@types/hoist-non-react-statics": "^3.3.0", + "@types/react": "*", + "hoist-non-react-statics": "^3.3.0", + "redux": "^4.0.0" + } + }, "@types/resolve": { "version": "1.17.1", "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz", @@ -10269,6 +10280,26 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" }, + "react-redux": { + "version": "7.2.8", + "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.8.tgz", + "integrity": "sha512-6+uDjhs3PSIclqoCk0kd6iX74gzrGc3W5zcAjbrFgEdIjRSQObdIwfx80unTkVUYvbQ95Y8Av3OvFHq1w5EOUw==", + "requires": { + "@babel/runtime": "^7.15.4", + "@types/react-redux": "^7.1.20", + "hoist-non-react-statics": "^3.3.2", + "loose-envify": "^1.4.0", + "prop-types": "^15.7.2", + "react-is": "^17.0.2" + }, + "dependencies": { + "react-is": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", + "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" + } + } + }, "react-refresh": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", @@ -10587,6 +10618,14 @@ "strip-indent": "^3.0.0" } }, + "redux": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.0.tgz", + "integrity": "sha512-oSBmcKKIuIR4ME29/AeNUnl5L+hvBq7OaJWzaptTQJAntaPvxIJqfnjbaEiCzzaIz+XmVILfqAM3Ob0aXLPfjA==", + "requires": { + "@babel/runtime": "^7.9.2" + } + }, "regenerate": { "version": "1.4.2", "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz", diff --git a/package.json b/package.json index ec2574f..433f733 100644 --- a/package.json +++ b/package.json @@ -13,7 +13,9 @@ "g": "^2.0.1", "react": "^18.1.0", "react-dom": "^18.1.0", + "react-redux": "^7.2.6", "react-scripts": "5.0.1", + "redux": "^4.1.2", "recoil": "^0.7.3", "styled-components": "^5.3.5", "web-vitals": "^2.1.4" diff --git a/src/App.js b/src/App.js index 08835c9..ff0d980 100644 --- a/src/App.js +++ b/src/App.js @@ -7,12 +7,12 @@ import styled, { ThemeProvider } from 'styled-components'; import { theme } from './theme'; import { GlobalStyle } from './GlobalStyle'; -const AppDiv = styled.div` - display: flex; - width: 1170px; - margin: 0 auto; - justify-content: center; -`; +// const AppDiv = styled.div` +// display: flex; +// width: 1170px; +// margin: 0 auto; +// justify-content: center; +// `; export default function App() { return ( @@ -20,12 +20,10 @@ export default function App() {

๐Ÿ” ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ•ด์„ค ์€ํ–‰

- - - - -