From d341296e9e48c59661e14d3a62d9034d8b3999b0 Mon Sep 17 00:00:00 2001 From: Dahn12 Date: Tue, 26 Mar 2024 01:20:58 +0900 Subject: [PATCH 01/22] =?UTF-8?q?feat:=20=EA=B8=B0=EB=B3=B8=20=ED=8B=80?= =?UTF-8?q?=EC=9E=A1=EA=B8=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .prittier.json | 9 ++ package-lock.json | 136 ++++++++++++++++++ package.json | 2 + public/favicon.ico | Bin 3870 -> 0 bytes public/index.html | 35 +---- public/logo192.png | Bin 5347 -> 0 bytes public/logo512.png | Bin 9664 -> 0 bytes public/manifest.json | 25 ---- public/robots.txt | 3 - src/App.css | 38 ----- src/App.tsx | 18 ++- src/assets/icons/cil_hamburger-menu.png | Bin 0 -> 198 bytes src/assets/icons/cil_phone.png | Bin 0 -> 384 bytes src/assets/icons/cil_star.png | Bin 0 -> 411 bytes .../\352\260\244\353\237\254\353\246\254.png" | Bin 0 -> 409 bytes .../icons/\352\262\200\354\203\211.png" | Bin 0 -> 364 bytes ...5\354\213\235\352\263\204\354\240\225.png" | Bin 0 -> 329 bytes ...0\353\243\271\354\266\224\352\260\200.png" | Bin 0 -> 453 bytes .../icons/\353\205\271\354\235\214.png" | Bin 0 -> 346 bytes .../icons/\353\213\253\352\270\260.png" | Bin 0 -> 238 bytes .../icons/\353\214\200\355\231\224.png" | Bin 0 -> 414 bytes .../icons/\353\247\201\355\201\254.png" | Bin 0 -> 380 bytes .../icons/\353\263\264\352\270\260.png" | Bin 0 -> 204 bytes .../\353\266\201\353\247\210\355\201\254.png" | Bin 0 -> 319 bytes ...4\353\236\214\354\266\224\352\260\200.png" | Bin 0 -> 389 bytes .../icons/\354\204\244\354\240\225.png" | Bin 0 -> 490 bytes .../\354\212\244\355\213\260\354\273\244.png" | Bin 0 -> 461 bytes .../icons/\354\225\214\353\246\274.png" | Bin 0 -> 390 bytes .../icons/\354\235\264\354\240\204.png" | Bin 0 -> 213 bytes .../icons/\354\262\264\355\201\254.png" | Bin 0 -> 268 bytes .../icons/\354\266\224\352\260\200.png" | Bin 0 -> 215 bytes .../\354\271\264\353\251\224\353\235\274.png" | Bin 0 -> 418 bytes .../icons/\355\205\214\353\247\210.png" | Bin 0 -> 368 bytes .../icons/\355\206\265\355\231\224.png" | Bin 0 -> 388 bytes .../\355\217\254\354\235\270\355\212\270.png" | Bin 0 -> 404 bytes .../icons/\355\217\264\353\215\224.png" | Bin 0 -> 289 bytes .../\355\224\204\353\241\234\355\225\204.png" | Bin 0 -> 351 bytes "src/assets/icons/\355\231\210.png" | Bin 0 -> 263 bytes ...1\353\247\214\353\223\244\352\270\260.png" | Bin 0 -> 1399 bytes ...4\355\224\204\353\241\234\355\225\204.png" | Bin 0 -> 1232 bytes ...4\355\224\204\353\241\234\355\225\204.png" | Bin 0 -> 1144 bytes src/index.css | 13 -- src/index.tsx | 10 +- src/pages/Chat/ChattingPage.tsx | 14 ++ src/styles/GlobalStyle.tsx | 22 +++ src/styles/theme.tsx | 20 +++ 46 files changed, 228 insertions(+), 117 deletions(-) create mode 100644 .prittier.json delete mode 100644 public/favicon.ico delete mode 100644 public/logo192.png delete mode 100644 public/logo512.png delete mode 100644 public/manifest.json delete mode 100644 public/robots.txt delete mode 100644 src/App.css create mode 100644 src/assets/icons/cil_hamburger-menu.png create mode 100644 src/assets/icons/cil_phone.png create mode 100644 src/assets/icons/cil_star.png create mode 100644 "src/assets/icons/\352\260\244\353\237\254\353\246\254.png" create mode 100644 "src/assets/icons/\352\262\200\354\203\211.png" create mode 100644 "src/assets/icons/\352\263\265\354\213\235\352\263\204\354\240\225.png" create mode 100644 "src/assets/icons/\352\267\270\353\243\271\354\266\224\352\260\200.png" create mode 100644 "src/assets/icons/\353\205\271\354\235\214.png" create mode 100644 "src/assets/icons/\353\213\253\352\270\260.png" create mode 100644 "src/assets/icons/\353\214\200\355\231\224.png" create mode 100644 "src/assets/icons/\353\247\201\355\201\254.png" create mode 100644 "src/assets/icons/\353\263\264\352\270\260.png" create mode 100644 "src/assets/icons/\353\266\201\353\247\210\355\201\254.png" create mode 100644 "src/assets/icons/\354\202\254\353\236\214\354\266\224\352\260\200.png" create mode 100644 "src/assets/icons/\354\204\244\354\240\225.png" create mode 100644 "src/assets/icons/\354\212\244\355\213\260\354\273\244.png" create mode 100644 "src/assets/icons/\354\225\214\353\246\274.png" create mode 100644 "src/assets/icons/\354\235\264\354\240\204.png" create mode 100644 "src/assets/icons/\354\262\264\355\201\254.png" create mode 100644 "src/assets/icons/\354\266\224\352\260\200.png" create mode 100644 "src/assets/icons/\354\271\264\353\251\224\353\235\274.png" create mode 100644 "src/assets/icons/\355\205\214\353\247\210.png" create mode 100644 "src/assets/icons/\355\206\265\355\231\224.png" create mode 100644 "src/assets/icons/\355\217\254\354\235\270\355\212\270.png" create mode 100644 "src/assets/icons/\355\217\264\353\215\224.png" create mode 100644 "src/assets/icons/\355\224\204\353\241\234\355\225\204.png" create mode 100644 "src/assets/icons/\355\231\210.png" create mode 100644 "src/assets/img/\352\267\270\353\243\271\353\247\214\353\223\244\352\270\260.png" create mode 100644 "src/assets/img/\353\202\264\355\224\204\353\241\234\355\225\204.png" create mode 100644 "src/assets/img/\354\271\234\352\265\254\355\224\204\353\241\234\355\225\204.png" delete mode 100644 src/index.css create mode 100644 src/pages/Chat/ChattingPage.tsx create mode 100644 src/styles/GlobalStyle.tsx create mode 100644 src/styles/theme.tsx diff --git a/.prittier.json b/.prittier.json new file mode 100644 index 00000000..5c1578a5 --- /dev/null +++ b/.prittier.json @@ -0,0 +1,9 @@ +{ + "semi": true, + "tabWidth": 2, + "printWidth": 120, + "trailingComma": "all", + "bracketSameLine": true, + "endOfLine": "auto", + "singleQuote": true + } \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index c27bbe4e..e877f5d4 100644 --- a/package-lock.json +++ b/package-lock.json @@ -18,6 +18,8 @@ "react": "^18.2.0", "react-dom": "^18.2.0", "react-scripts": "5.0.1", + "styled-components": "^6.1.8", + "styled-reset": "^4.5.2", "typescript": "^4.9.5", "web-vitals": "^2.1.4" } @@ -2288,6 +2290,24 @@ "postcss-selector-parser": "^6.0.10" } }, + "node_modules/@emotion/is-prop-valid": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz", + "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==", + "dependencies": { + "@emotion/memoize": "^0.8.1" + } + }, + "node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" + }, + "node_modules/@emotion/unitless": { + "version": "0.8.0", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz", + "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw==" + }, "node_modules/@eslint-community/eslint-utils": { "version": "4.4.0", "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz", @@ -4290,6 +4310,11 @@ "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz", "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==" }, + "node_modules/@types/stylis": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.0.tgz", + "integrity": "sha512-n4sx2bqL0mW1tvDf/loQ+aMX7GQD3lc3fkCMC55VFNDu/vBOabO+LTIeXKM14xK0ppk5TUGcWRjiSpIlUpghKw==" + }, "node_modules/@types/testing-library__jest-dom": { "version": "5.14.9", "resolved": "https://registry.npmjs.org/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.9.tgz", @@ -5750,6 +5775,14 @@ "node": ">= 6" } }, + "node_modules/camelize": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", + "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/caniuse-api": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz", @@ -6182,6 +6215,14 @@ "postcss": "^8.4" } }, + "node_modules/css-color-keywords": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", + "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", + "engines": { + "node": ">=4" + } + }, "node_modules/css-declaration-sorter": { "version": "6.4.1", "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz", @@ -6372,6 +6413,16 @@ "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz", "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==" }, + "node_modules/css-to-react-native": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz", + "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==", + "dependencies": { + "camelize": "^1.0.0", + "css-color-keywords": "^1.0.0", + "postcss-value-parser": "^4.0.2" + } + }, "node_modules/css-tree": { "version": "1.0.0-alpha.37", "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz", @@ -15719,6 +15770,11 @@ "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==" }, + "node_modules/shallowequal": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" + }, "node_modules/shebang-command": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", @@ -16260,6 +16316,81 @@ "webpack": "^5.0.0" } }, + "node_modules/styled-components": { + "version": "6.1.8", + "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.1.8.tgz", + "integrity": "sha512-PQ6Dn+QxlWyEGCKDS71NGsXoVLKfE1c3vApkvDYS5KAK+V8fNWGhbSUEo9Gg2iaID2tjLXegEW3bZDUGpofRWw==", + "dependencies": { + "@emotion/is-prop-valid": "1.2.1", + "@emotion/unitless": "0.8.0", + "@types/stylis": "4.2.0", + "css-to-react-native": "3.2.0", + "csstype": "3.1.2", + "postcss": "8.4.31", + "shallowequal": "1.1.0", + "stylis": "4.3.1", + "tslib": "2.5.0" + }, + "engines": { + "node": ">= 16" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/styled-components" + }, + "peerDependencies": { + "react": ">= 16.8.0", + "react-dom": ">= 16.8.0" + } + }, + "node_modules/styled-components/node_modules/csstype": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", + "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" + }, + "node_modules/styled-components/node_modules/postcss": { + "version": "8.4.31", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz", + "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "nanoid": "^3.3.6", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/styled-components/node_modules/tslib": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz", + "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==" + }, + "node_modules/styled-reset": { + "version": "4.5.2", + "resolved": "https://registry.npmjs.org/styled-reset/-/styled-reset-4.5.2.tgz", + "integrity": "sha512-dbAaaVEhweBs2FGfqGBdW6oMcMK8238C2X5KCxBhUQJX92m/QyUfzRADOXhdXiXNkIPELtMCd72YY9eCdORfIw==", + "engines": { + "node": ">=18.0.0" + }, + "peerDependencies": { + "styled-components": ">=4.0.0 || >=5.0.0 || >=6.0.0" + } + }, "node_modules/stylehacks": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz", @@ -16275,6 +16406,11 @@ "postcss": "^8.2.15" } }, + "node_modules/stylis": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.1.tgz", + "integrity": "sha512-EQepAV+wMsIaGVGX1RECzgrcqRRU/0sYOHkeLsZ3fzHaHXZy4DaOOX0vOlGQdlsjkh3mFHAIlVimpwAs4dslyQ==" + }, "node_modules/sucrase": { "version": "3.35.0", "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz", diff --git a/package.json b/package.json index ea335d36..fb4a5f58 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,8 @@ "react": "^18.2.0", "react-dom": "^18.2.0", "react-scripts": "5.0.1", + "styled-components": "^6.1.8", + "styled-reset": "^4.5.2", "typescript": "^4.9.5", "web-vitals": "^2.1.4" }, diff --git a/public/favicon.ico b/public/favicon.ico deleted file mode 100644 index a11777cc471a4344702741ab1c8a588998b1311a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3870 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 baj7?x%VD!5Cxk2YbYLNVeiXvvpMCWYo=by@ diff --git a/public/index.html b/public/index.html index aa069f27..797a1578 100644 --- a/public/index.html +++ b/public/index.html @@ -2,42 +2,11 @@ - - - - - - - - React App + 3rd_messenger + -
- diff --git a/public/logo192.png b/public/logo192.png deleted file mode 100644 index fc44b0a3796c0e0a64c3d858ca038bd4570465d9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 5347 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 b{|{}U^kRn2wo}j7|0ATu<;8xA7zX}7|B6mN diff --git a/public/manifest.json b/public/manifest.json deleted file mode 100644 index 080d6c77..00000000 --- a/public/manifest.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "short_name": "React App", - "name": "Create React App Sample", - "icons": [ - { - "src": "favicon.ico", - "sizes": "64x64 32x32 24x24 16x16", - "type": "image/x-icon" - }, - { - "src": "logo192.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "logo512.png", - "type": "image/png", - "sizes": "512x512" - } - ], - "start_url": ".", - "display": "standalone", - "theme_color": "#000000", - "background_color": "#ffffff" -} diff --git a/public/robots.txt b/public/robots.txt deleted file mode 100644 index e9e57dc4..00000000 --- a/public/robots.txt +++ /dev/null @@ -1,3 +0,0 @@ -# https://www.robotstxt.org/robotstxt.html -User-agent: * -Disallow: diff --git a/src/App.css b/src/App.css deleted file mode 100644 index 74b5e053..00000000 --- a/src/App.css +++ /dev/null @@ -1,38 +0,0 @@ -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} diff --git a/src/App.tsx b/src/App.tsx index bd79c185..c1b3f18c 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,9 +1,21 @@ +import styled from "styled-components"; +import ChattingPage from "./pages/Chat/ChattingPage"; + + + function App() { return ( -
-

19기 프론트엔드 파이팅!!! 디자인과 사이좋게 지내요~~~

-
+ + + ); } +const Container = styled.div` + margin: 0 auto; + width: 375px; + height: 812px; + background-color: aliceblue; +` + export default App; diff --git a/src/assets/icons/cil_hamburger-menu.png b/src/assets/icons/cil_hamburger-menu.png new file mode 100644 index 0000000000000000000000000000000000000000..5f1ca2ea059c2f2c127d9623f7566c59520bafc1 GIT binary patch literal 198 zcmeAS@N?(olHy`uVBq!ia0vp^l0YoM!3HGxw}u@9Qk(@Ik;M!Q+`=Ht$S`Y;1W=H% zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFKz_8Ri(^OyP000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPw2F4q%YmII6ZqB9E&{N$R&oK*EdzJkD~ zB2hGWb&hh66#qcrS18JTFsz`9SM*#_tbxF{8hzPH_>0*_LnxN-enFGvE7*iO@h(-! zKp>x@4^n;%!JvN)M&TxYpqo&SP000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPDl?1T*}!xIN$$mS81!BKQ-%~4g0Cg2=Jf=A_OQVulC(ahA^5f?Jf zv-wxy?vDs0Mt(h)>>A^Unb4rP$_*RYWQRdse{Vwh?k900K0R;F zl-LH3VJDoI4udHF;&Ci-qw-<}p_>9VgiHcjXazgIrwAl)NwyR0xy%n^haV&R4yVs$ zMUPW;I;%({>@iJ*v9O9H!%}PTxNMYAwhl(5BsR)P000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP-~edv3%SB%O| zhG?&Yi3EXr+6BZOPaHCg(Oydwm8Q`ngqOBcT^yIF5gXeFGev#dE1J7|a@eCfnYg0d z(UWoocgO*@9CH*m*agVQbA#M9ynu`nR6!iDBaaB$qbx-Zh-e`Palo3^s3su(#B%^D zNpc4O4p1aPGLK17f=~-upkZ5?!(ADg=IpO+g05nyt@A-brKj0NBpy&Bh$Q_Bs7+hZ zCT5V|kTu8z^@`z1QyMGyJFh}Oy}f?>{E!g4bEkR(B|CH1&kjoC00000NkvXXu0mjf DQ6Zjj literal 0 HcmV?d00001 diff --git "a/src/assets/icons/\352\262\200\354\203\211.png" "b/src/assets/icons/\352\262\200\354\203\211.png" new file mode 100644 index 0000000000000000000000000000000000000000..b97cc567310924faeaaafe0acf7a60c41933a283 GIT binary patch literal 364 zcmeAS@N?(olHy`uVBq!ia0vp^l0YoM!3HGxw}u@9Qk(@Ik;M!Q+`=Ht$S`Y;1W=H% zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFKsiQF7srqa#n(^9j5K%y%1hH2N?|FA#naYvI(H5PeJj-vjSBg(tVJzrM@3hDAkjuBYis-z-m6 zO;?4!O&{mnh&Tw;<6k#{H@PJ8%09P^X$7-717`(xvc{wqCUykhN))oVbn4IzrEODg zya~S`c7J*IlfR6{<(2OqBrFm>=p+BRsoB%H>eTMDrC%j)q}VF8$6j9|!L|ND$Dx3l zcNz|VZ&7^vR8q$5)$7N9FaNP#9QZq5kZ)aJ{A4a|@1G2HnUP|=+&S-nfy3bG>gTe~ HDWM4f9Y>8q literal 0 HcmV?d00001 diff --git "a/src/assets/icons/\352\263\265\354\213\235\352\263\204\354\240\225.png" "b/src/assets/icons/\352\263\265\354\213\235\352\263\204\354\240\225.png" new file mode 100644 index 0000000000000000000000000000000000000000..bbb2eb309b41b876b738f777e4cc706a67bcee26 GIT binary patch literal 329 zcmeAS@N?(olHy`uVBq!ia0vp^l0YoM!3HGxw}u@9Qk(@Ik;M!Q+`=Ht$S`Y;1W=H% zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFK>j^X7srqa#-~#s@*YwUXq~^y;ckQAE4H2o zY^5ybAKVI5!V8#oH{Nwn+}r(R0o#@zhwDyyYux$BBqQ=e+)U&7lax8@R*EUPBzKV=|&%91j8rJh!oAP000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPC<4h2obV{wXm*l(liW(aND3Azk$^o{c;>?={(NEq zVZ;;rMnt0Fgq@MBX3-&VE~*<}MKvd?EIwjiV>${;pyE61_`p0#H4@-@@V=2$zDHyb z$%>pJ#IFF!Rue>)X2|Y8>ZUtgFWr^N&}|T`2AhA4OEG$LwLLep%lG{4KXy#jcybJlBgw z+Ou(oI1r1RVK1nJ@zn}89FPX#DU5WH0&7d(NQ2s8ljKtdFYWsd+hth&YRm_h-6p89R-NjX+u00000NkvXXu0mjfqSd*0 literal 0 HcmV?d00001 diff --git "a/src/assets/icons/\353\205\271\354\235\214.png" "b/src/assets/icons/\353\205\271\354\235\214.png" new file mode 100644 index 0000000000000000000000000000000000000000..62b1b581c20b319b51db7f1eb83245564368b4d6 GIT binary patch literal 346 zcmeAS@N?(olHy`uVBq!ia0vp^l0YoM!3HGxw}u@9Qk(@Ik;M!Q+`=Ht$S`Y;1W=H% zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFK>mAA7srqa#=BD+1)B_bT>n?{T@W;4QrARbo**kY0pJ2!3!#ah1>dfcwnVlr7ZRC2^IPgB(+p+ZEY(|}y-~SJ%nRR@Y q(w^{VPqf+2kJV2K-5P(bKg4@m2zopr0Mlnu?*IS* literal 0 HcmV?d00001 diff --git "a/src/assets/icons/\353\214\200\355\231\224.png" "b/src/assets/icons/\353\214\200\355\231\224.png" new file mode 100644 index 0000000000000000000000000000000000000000..d8fa2a7518158fcdfdf7edecee39438acf8aeeae GIT binary patch literal 414 zcmV;P0b%}$P)P000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPU+#n1hifBdf>20J4gOoJBh%Q)!gNl6nB4x-sr*2$89TDx4 zQG>XEFFeLtxNQ(uLhr{E;c&@Ur(CV!idbZR6$%EKm)(f0DPqtbeU621rLCBIR}as5 zm!8p1)7yS=k9#hh;QBV|q!Z3#;U8|@);;HrD`6LO5Wj`3@P`T2%Q{S`UGk6Xf5W$* zE!TFOuTT?OwuIvmnX^7q!iOSxZ4FwW>c%gTm0*H!?)>6717NgA@@P@&mjD0&07*qo IM6N<$g21P!hX4Qo literal 0 HcmV?d00001 diff --git "a/src/assets/icons/\353\247\201\355\201\254.png" "b/src/assets/icons/\353\247\201\355\201\254.png" new file mode 100644 index 0000000000000000000000000000000000000000..f4d178875c289339b107420ea1663c1624fc0ef4 GIT binary patch literal 380 zcmV-?0fYXDP)P000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP=2Za|y>9(~ihc=draZ7DQ<$)6B<+)sPG z!UppwNITI$dSO8nsU^Kfx{*pOz)2GJBtzPZX+!E{?0^|qgA2Y(HKrupC8okm10QV8 zvuu&cz+xo6h>Q;!Xh*V2p5c07jWAo%Rg$@0;7qEK$PxbH`DUmQQGA=ANibkKQPLYu z8P~{cVDK-4Dz^c{-N}V2av2m7R3{if#tZ@|Nu(wkg!j#<(CRbw7dwD(cQJiy42e5-HDGbN>^Ne{8M)lT-BbI<0~Qj wZ@q`aWR5FSzH2AyFrA(FMzW$aFS$g#`JmIMj&m6;K+70BUHx3vIVCg!0R8?!4FCWD literal 0 HcmV?d00001 diff --git "a/src/assets/icons/\353\266\201\353\247\210\355\201\254.png" "b/src/assets/icons/\353\266\201\353\247\210\355\201\254.png" new file mode 100644 index 0000000000000000000000000000000000000000..c1764b7f45a2f01fe20813178f080f813ed6552f GIT binary patch literal 319 zcmeAS@N?(olHy`uVBq!ia0vp^l0YoM!3HGxw}u@9Qk(@Ik;M!Q+`=Ht$S`Y;1W=H% zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFK>ig^7srqa#9@*Xk}aJ3HzWR$L8apRCS zaGJqj$f&)6(SXsQQFCF_B)uF4=^55{6_*xF+3e!{M1SwIn)~+CAMup9?rp1b)af+L zsS;LCO6Q#^%x-!wadL3lk()^m8o0h`?yC|!e#6l|=<(_K6Fh^C1oy8|v=8Sysc89x z-?>8j{uHBw>0E^^>ShyakL4(OUy=N?Rx$g;bpKA#l&Qwtw(Ga3N5-A4sccyD@5Zh2 z3GP}~e%bbXGEGi=p}*C9fntilO5YCcC(~^%=+(J@I}%VUUJ@p6FR%SQOd-7i=syNe LS3j3^P6P000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPCd`>8(24R10BH)#0hi*;s$Pj8|VhIfo`C8$!pRe#X^aH{F0X{J?=q! zJ%ArDj)*ZLE1L5E69ZyJrRY^tLE~grOn9YPCYp;jqC1r#kvk2VFrtSjM*{9GY)j0M zMp29!uDNBX!nfhZID?)hgYzFIre$uyu|iLDL$z{Bgw3_Y3na2dxQq+V84Q3P#`?*g z)8K$aG?D9BIvQ_oMPr@I(F1+r0~2T>+Y+1ObI&Zk7#k*bJt?O7Wevu!roaiu9gSv) zFU#ofiZd~y3%b|+Mzr>FDE=}oeUrZE+f@AhwXv26AHG;}1op&lD;A%h+BQW$lv}R7 j=!9<6H~x%-UY5)oM!iXsuy`yo00000NkvXXu0mjfJa?O4 literal 0 HcmV?d00001 diff --git "a/src/assets/icons/\354\204\244\354\240\225.png" "b/src/assets/icons/\354\204\244\354\240\225.png" new file mode 100644 index 0000000000000000000000000000000000000000..d3b650d29aa891d9b2739a0661239a0151f0e7dc GIT binary patch literal 490 zcmVP000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP#1Ej{lz)yeQ&3ma>RokF8*j zwRE-OSJ(;MDdM2SZN%STDWUj{UP3{XbZAKwQiD8P8K9+!P8D(-X?rjkK0UnMclI1& zJEkU45=kw(p%n;haiavR_pDRG71nha0vaxn==QdOAa1US_+Hgq5tzH<>}4XDJTU}< z-01hJ=6-1gi6AM2T8Id~AOmNQ1TT{te=CnCW2yVMmx$Pe2n^y2?@qT{cxf|kfqjkS z!n+e|5k`ykM7w~+PO=Zrdp_K2-zLLnh-q0ymr}TcS0fK^6z#}~wiUq_9vft;o$G60 zRNQ2HGR(leW~0bGwy&>SeWUpLs>p`Ha)R}xr91XvSFmdrQW}f3?uT8!4xtZ;Y@9Ov g47RnN@Wdz4Kfi#87L1*6qW}N^07*qoM6N<$g8L}UIRF3v literal 0 HcmV?d00001 diff --git "a/src/assets/icons/\354\212\244\355\213\260\354\273\244.png" "b/src/assets/icons/\354\212\244\355\213\260\354\273\244.png" new file mode 100644 index 0000000000000000000000000000000000000000..f094babf1b58762010548872ccfcdeb9da7eab01 GIT binary patch literal 461 zcmV;;0W$uHP)P000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPG|F{&{i8ywEdqzroDIarF5Hm0;lZ_^XvTac31ver+s zER^Db_=&>-hPV@5u6(D~`~{!?m%=eSbtDF7R&IcScpEzTH!K3rRm6r5cdEcx7dw1I zd=G`Zf1G+@`{*!MvexnU2JzynM1FGcRumSeXhg?9!O5{#<5(2FYnX`c*kxld;%qAs z)JQkY9*JUPIArvmKQI}EM<+&)D90L^y-&CL-1~v&w7CxSqz>by<&fTg{t& z@z!HP000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPoPLo-A_8>0P z7{+!H374c)vo>gS&>S-kb!A0F&Qx<;=;m+Wnt$yr?9BDpf2T>M$INQ-azZAo=7@MI zQO9c1!R7U1U}1k&6DQguo}K95V#1|j<71lcVU9zf`Arl539gW4LW;IPj))TJ_yKxD zbJTM@uz?lQaH^ZRBva7Z4U7<16G zl-WJN{6p81^-jMFTb<-&wx~X>Rbk<9OHT~rIN8*FQ}Gb1da{5()4ryaAJTrPX&AB> zFP{4+|MTe>4G;V0V)JGxRoXk5%=6f$AlqDVmA$rtF=>Ik?)yz?c|cnkJYD@<);T3K F0RR(dLW2MR literal 0 HcmV?d00001 diff --git "a/src/assets/icons/\354\262\264\355\201\254.png" "b/src/assets/icons/\354\262\264\355\201\254.png" new file mode 100644 index 0000000000000000000000000000000000000000..0da0593acc766f4a6a73c6766ad601ffedd150ae GIT binary patch literal 268 zcmeAS@N?(olHy`uVBq!ia0vp^l0YoM!3HGxw}u@9Qk(@Ik;M!Q+`=Ht$S`Y;1W=H% zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFK>k8c7srqa#I>5MpA2K?eE)Mo z(rt!JkHh;Wu)OH{pES4e`lK()Ki`PHgpHR=Uo}FP_Ha)Z*&>dilu=pko<4 MUHx3vIVCg!0M_JOPyhe` literal 0 HcmV?d00001 diff --git "a/src/assets/icons/\354\266\224\352\260\200.png" "b/src/assets/icons/\354\266\224\352\260\200.png" new file mode 100644 index 0000000000000000000000000000000000000000..49a52d02e7e8610e747126c1237b00149a21b41f GIT binary patch literal 215 zcmeAS@N?(olHy`uVBq!ia0vp^l0YoM!3HGxw}u@9Qk(@Ik;M!Q+`=Ht$S`Y;1W=H% zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFKz@#=i(^OyIS(lCxU65wY~d94@`#=+q}&|U^lS3j3^ HP6P000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP@06IF%1k_Zp0hDx@34o3cBqTW7C-a`MOa8mB zuV1U1L|HZdk5Vw-sv5P!r!F+c$mKGf6%tOl_s-gC}R_4`#K zwo>DpUXiYPL>v{?n)p#8OEWb|>RXFnSO+3vgYueY^Sr@d9U_FZassI|HoiM#121rk zlP)1sR@WF0!#wePS3V}3oCn~S_#i$ZgAk}$B_=J%|B4c^m>42GiKR?9$<~Np$F_kA zOn7`lBmR{!D`nDyw51FA(br9HLt3~;0Y%8)6TUXAdn@qCrFMI66f4I#3Nm3;+{(B3<{4?r{Aj>od5s; M07*qoM6N<$f|wzmQ~&?~ literal 0 HcmV?d00001 diff --git "a/src/assets/icons/\355\205\214\353\247\210.png" "b/src/assets/icons/\355\205\214\353\247\210.png" new file mode 100644 index 0000000000000000000000000000000000000000..bdb5439072495ab3d441fb44903db2b4ed283d04 GIT binary patch literal 368 zcmeAS@N?(olHy`uVBq!ia0vp^l0YoM!3HGxw}u@9Qk(@Ik;M!Q+`=Ht$S`Y;1W=H% zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFKsi=V7srqa#=BD=@-`U=w9Y^F--t>20LKnS zKCd=3#PDC^e0BMVVg_55R7B$hGiCR$Uc0!zPr2IHI%~3-brMV6B%aTj zAMUQOFJo@id^Y)p_>!kt8+hvC=Nvg45%}Thr<>}@U*vr!2B^vWF3J^7{fdluhFl3Mrt=J(}Gjq>xzopr0DuFFod5s; literal 0 HcmV?d00001 diff --git "a/src/assets/icons/\355\206\265\355\231\224.png" "b/src/assets/icons/\355\206\265\355\231\224.png" new file mode 100644 index 0000000000000000000000000000000000000000..d606197ef2254daee8c4f00aa7851ea6fc38f52e GIT binary patch literal 388 zcmV-~0ek+5P)P000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP)iiCF zIJL^7T^W8z#6!-JI}0}bd- zN?YtGq^REs*N(#HPNWrE`m%S{5e5cMQP1AM_GYiDe%H1L#FzbwmBSuqIfbOpQs;s& z9UUBCDP000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPpa2|D2jBou01gTYz(GL)IDk9YLMB5Jn*L;Gb~^2SY%a}R zfNw%iI1#ReweU*r`OTsu#=h?-N@yZ}#u1w$L!fLCQ??PZ83GOF zj5RSQ{mEK-g?#LpBM8ft3f#cOU|J<+E7zW_IrVOejvQ7srqa#;6vQ{9D_-+kHDtTyS77fIGnXgXPbu;^I- z6%8%VcnhTmuFJW(F3mswSu}OYjORToo(jp-9N%Lj_(bT{q(2|-OxN=$IL7pC&qZ~s zqRTAHHZ1==`_z#ox0|KPY&;isdN$R%hZ*gB#IWb&Pv5rBvIpl0oU)BfdJ$Z$Vj6ro iY=0|L-+b2o>L|--Q?;EwjGaIqFnGH9xvXim`7srqa#;^Byt~XsefFKENi|D7eW< zO+i<*=Kx0zgAap`fS1*R#ojX*%o;Y=O!G0=DC^^D_cDCV<(uixL;01`nyrUpPjGHfpSsUcXvKd$etXBM1~TGOg$+}_Us3Wf zU%@5x!Tpz*&hyja0Z%mr{0>#mo%%hq<;N$ptQ^^RbElXWwfc*fi$07srqa#&NYYC}RzA2%N$)Sb$doZ^0NMj#+TPMi zOKZ#g`%8PDL9!>)8BdTCN%b94{t?xQp_h-)>D|XD*b*p>U0F`hna6QmvdMry*OBU& zP2r)%KEnjZ$OYbf{#E+0EkYq*8>QA)=!bvr&}AkQ^6#X3>7=@citT|A4edHYKkXl* zx9*SY5Dll(-eJDR@K90`nS@EsktSwd8Krk$Jfz6oOD{3e9sJu#-~V%)1|MEj<96Uh zZol?9uYIJ5)`Xx`z?a(#HA_k|!4ss3bK$5WIFg*A^M771jSua5o6dz!DD_5`rZ?=t z*phyw4taER&!>I67*K}lg8)!n$gsKOsE zLP|ZzQ$A84*`(CB6&TFT$~a+a0xT<}@@Y5Q*xYcM#+P7@_=Ft_F|wv-+aLwC8-Bmv z6+wg&pps)Cz}weZI9?3;XF2P*h2e5N-F*6+`c(=upYHBgYGI89ge{EUe0pDHA=e}` znM}&%9+iWk%Eufp?XcAP=)pyYU6NJaugJOrALtC~;UvyCZua4uO0B0=P`A{?6$CI> zZfYotR0tJM^P1l~zEQmz>Gl{*;re);6O8V~bJRfi{` zNaixR*=pY>|R?9SO*8fKB&JXNLs+Tyr3jIk1#}{(%Mk*ZFLD+u*@8)sg^Sg zL6f+a>PaEZNlD_Fp081dwii{cMO-Ln_9Sp$B8h{KZ@xcKt&IY+?a>S!PDHqgRYKu# zwp=lfOH)p-9WJzBS~jxx49F@6v6+3NR1Zd%rnJ^U#kIrnnC*EZe7E|Bxts8XeGH0( zTqsx$9Ln4j6;+S47TD}_jq0AchAGFhHWdNK0%I+cdk@V|YBJ!w@t8rLy=;?dY6MgYmgCQHzo!;KU@MJ%ZfdQ^_?zvPZrg((C*)+nzdm6#qjcb! zq#geGKJFhG5jI&jXA>Og4sIkQpjbjkV^N6wf{toV_#eX@HA>+|3m*Ug002ovPDHLk FV1iL7j}-s_ literal 0 HcmV?d00001 diff --git "a/src/assets/img/\353\202\264\355\224\204\353\241\234\355\225\204.png" "b/src/assets/img/\353\202\264\355\224\204\353\241\234\355\225\204.png" new file mode 100644 index 0000000000000000000000000000000000000000..089053cbcd34bf3bed6e18de563203c3ae37e3e9 GIT binary patch literal 1232 zcmV;>1TXuEP)MK+eCcJhCm>lDvzpd@~xEwFLV4&z{}Yo&+f-pU)5U^z@`&US3j(MB@GP z^E1u^{FPC4sV$EJAH`%cY0b{g7DyopQpEQ5w#kAr{L$oNfTCgZKf>a3ZfJk|Cgt#G)m^J#^{ z)ed@32Zdl~XD7qLj_Hks0d{YRkG-v}t;L}C1a^+Ya1DQe+5mPj%MPwIysps&NE%&T zU3>fsQ`ANT5!f&++ff+cD9R$K)w`yyIF9e{?I_Fv0{I!2{l51NOPT7k6a(0RPhNw* zr#PAJk10Ob_xJZ7(&==`-RK#XavX~jMt67jT6JTMIN3=JiXV%Z-?|$r#POF#T>6<8 z{OlFkv)Z}3sWk?eZuiRKFj%v4lVXnBy|Or7x?s*`Q2Z&omvmZK@n_ORXJ;oFhCzLO zed6=k*%_UmpOY?l^>6aY63!tc>2(FIoZjAEnx3Af(a}-y8OP-0q&RfJgSs$EILBjz zNtzfN8xw*K4i4z*>PoahDB9tm)20{$h6(3%CK80=#l=O1h||+kOcZE%c$jp-6aGcv z9NtoqCeX(q#0$T6MWmc;X^+5UMMMp=+J11Kjq={m&NFyU7 zG&3_JLeohqwry+8nB3Kj1Ueokls}{qgyzuDkP!L!_$d0IPGJ%|$%8j$CZrPxf|xfD zR6(e>UvVROcXwCfuq2hBPay=I8A&6Y@$UBamQ*5E;`|;$SzJQY`1rW^d~Up;v2{_FHPC0j=r zzwls3M@OL^5N@5EoCuMsW-UBAdAmN;R-)B*i;K9&$qJ-t;<)yN0 z$=&Q1&Pi9>Pg1a8ZN*Ha8lE(-inG(ep}Eed62%|O*`O?oLuj&{KPcv~hMe=cVs82H z@BlmG?4Ir3JFgJ;AGr6`{X@;FK)PpB%s@fF{QUfeyRAkX+~W(sP`t4DsM$jHT+d-6 z549f@6JUl{35V}ul{;pZPdRFHV1i#MRo#_1kA2I0v(jQSmB`AXtl#&sE!Aiw3ohDHz7GEXG~{0000HP)=OjcB7VQ+%GLY%x&zLNOdMcMrJMz#ehARr+|!~km}Lgw&=l#f*uJz2k*_f0n$liX<^m4)Lx z0>mm@1fBAs7JMSGd3QPY^t^}8CAs$+i@{>}2o!t=9}#2% z^}D6a!>Q}j7FfMfIzN-)ufjY)>aUcto0FC%lGG9`gnKkB!#p9x>5Iz`AMv~lV_p3sxXOI#uy=l4Nzyb{%8t?ZMyr;_oU6SSsOLHVi;iw-V zC35tZZ?0$Hs|5#g4$X<>*H>M*eZ>I_6oY(FzNt6+fz7oZa=I0#SF`v;MX6cSMjl2j+`w6Uz;fC4ta z0*)X%oU#@ZQ7bt8swPQwpH=E(2f3P++G&Ph`*fv%!^n=LP_XLq00kAT7Vl~w#<1i` z?L4e1*C45&`9R0NFWv>6Bu9f1+1;(hLC^^) z#6&Yb?9x9}pg#fG#H&s}8Brmc+PjaBoE*YrQScBk$++F#?+vX?_mjtcmn4_6 zm&tq&+HmI##KzDLPh%oU4oM{P`!GkMB*7<@&%Fne)~1$fY@fMoc8!MT_6{!s$DUl9 zwr-T4$m{Fm^&g|V;j@#RwZXGU)Q%>(*9FMbO@vcl?P9DNUeDVe_Iu8MJRwezy$4C# zg9*u - + + + + ); diff --git a/src/pages/Chat/ChattingPage.tsx b/src/pages/Chat/ChattingPage.tsx new file mode 100644 index 00000000..58ee618e --- /dev/null +++ b/src/pages/Chat/ChattingPage.tsx @@ -0,0 +1,14 @@ +import styled from "styled-components" + +function ChattingPage() { + return ( + ChattingPage + ) +} + +const Wrapper = styled.div` + width: 100%; + height: 100%; +` + +export default ChattingPage \ No newline at end of file diff --git a/src/styles/GlobalStyle.tsx b/src/styles/GlobalStyle.tsx new file mode 100644 index 00000000..00180229 --- /dev/null +++ b/src/styles/GlobalStyle.tsx @@ -0,0 +1,22 @@ +import { createGlobalStyle } from "styled-components"; +import reset from "styled-reset"; + + +export const GlobalStyle = createGlobalStyle` +${reset} +#root, body, html { + width:100%; + height: 100vh; + ${({ theme }) => theme.fonts.NotoSans}; +} + +* { + box-sizing: border-box; +} + +button{ + cursor: pointer; +} +`; + +export default GlobalStyle; \ No newline at end of file diff --git a/src/styles/theme.tsx b/src/styles/theme.tsx new file mode 100644 index 00000000..b5e53595 --- /dev/null +++ b/src/styles/theme.tsx @@ -0,0 +1,20 @@ +const colors = { + black: "#000000", + grey1:" #848484", + grey2: "#BDBDBD", + grey3: "#EBEBEB", + white:" #FFFFFF", + green:" #6EEEA2", + blue: "#C8E9F9" + }; + + const fonts = { + NotoSans : "font-family: 'Noto Sans KR', sans-serif;" + }; + + const theme = { + colors, + fonts, + }; + + export default theme; \ No newline at end of file From c25bdbf58a5c073b1109cc0adc3e1345a0c27c71 Mon Sep 17 00:00:00 2001 From: Dahn12 Date: Tue, 26 Mar 2024 19:41:14 +0900 Subject: [PATCH 02/22] =?UTF-8?q?feat:=20header=20=EC=8B=9C=EA=B0=84?= =?UTF-8?q?=ED=91=9C=EC=8B=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 6 ++ package.json | 1 + src/assets/icons/cil_hamburger-menu.png | Bin 198 -> 0 bytes src/assets/icons/cil_phone.png | Bin 384 -> 0 bytes src/assets/icons/cil_star.png | Bin 411 -> 0 bytes .../\352\260\244\353\237\254\353\246\254.png" | Bin 409 -> 0 bytes .../icons/\352\262\200\354\203\211.png" | Bin 364 -> 0 bytes ...5\354\213\235\352\263\204\354\240\225.png" | Bin 329 -> 0 bytes ...0\353\243\271\354\266\224\352\260\200.png" | Bin 453 -> 0 bytes .../icons/\353\205\271\354\235\214.png" | Bin 346 -> 0 bytes .../icons/\353\213\253\352\270\260.png" | Bin 238 -> 0 bytes .../icons/\353\214\200\355\231\224.png" | Bin 414 -> 0 bytes .../icons/\353\247\201\355\201\254.png" | Bin 380 -> 0 bytes .../icons/\353\263\264\352\270\260.png" | Bin 204 -> 0 bytes .../\353\266\201\353\247\210\355\201\254.png" | Bin 319 -> 0 bytes ...4\353\236\214\354\266\224\352\260\200.png" | Bin 389 -> 0 bytes .../icons/\354\204\244\354\240\225.png" | Bin 490 -> 0 bytes .../\354\212\244\355\213\260\354\273\244.png" | Bin 461 -> 0 bytes .../icons/\354\225\214\353\246\274.png" | Bin 390 -> 0 bytes .../icons/\354\235\264\354\240\204.png" | Bin 213 -> 0 bytes .../icons/\354\262\264\355\201\254.png" | Bin 268 -> 0 bytes .../icons/\354\266\224\352\260\200.png" | Bin 215 -> 0 bytes .../\354\271\264\353\251\224\353\235\274.png" | Bin 418 -> 0 bytes .../icons/\355\205\214\353\247\210.png" | Bin 368 -> 0 bytes .../icons/\355\206\265\355\231\224.png" | Bin 388 -> 0 bytes .../\355\217\254\354\235\270\355\212\270.png" | Bin 404 -> 0 bytes .../icons/\355\217\264\353\215\224.png" | Bin 289 -> 0 bytes .../\355\224\204\353\241\234\355\225\204.png" | Bin 351 -> 0 bytes "src/assets/icons/\355\231\210.png" | Bin 263 -> 0 bytes src/assets/img/headerIcon.png | Bin 0 -> 2162 bytes ...1\353\247\214\353\223\244\352\270\260.png" | Bin 1399 -> 0 bytes ...4\355\224\204\353\241\234\355\225\204.png" | Bin 1232 -> 0 bytes ...4\355\224\204\353\241\234\355\225\204.png" | Bin 1144 -> 0 bytes src/components/ChatProfile.tsx | 15 +++++ src/components/Header.tsx | 52 ++++++++++++++++++ src/custom.d.ts | 4 ++ src/pages/Chat/ChattingPage.tsx | 9 ++- 37 files changed, 86 insertions(+), 1 deletion(-) delete mode 100644 src/assets/icons/cil_hamburger-menu.png delete mode 100644 src/assets/icons/cil_phone.png delete mode 100644 src/assets/icons/cil_star.png delete mode 100644 "src/assets/icons/\352\260\244\353\237\254\353\246\254.png" delete mode 100644 "src/assets/icons/\352\262\200\354\203\211.png" delete mode 100644 "src/assets/icons/\352\263\265\354\213\235\352\263\204\354\240\225.png" delete mode 100644 "src/assets/icons/\352\267\270\353\243\271\354\266\224\352\260\200.png" delete mode 100644 "src/assets/icons/\353\205\271\354\235\214.png" delete mode 100644 "src/assets/icons/\353\213\253\352\270\260.png" delete mode 100644 "src/assets/icons/\353\214\200\355\231\224.png" delete mode 100644 "src/assets/icons/\353\247\201\355\201\254.png" delete mode 100644 "src/assets/icons/\353\263\264\352\270\260.png" delete mode 100644 "src/assets/icons/\353\266\201\353\247\210\355\201\254.png" delete mode 100644 "src/assets/icons/\354\202\254\353\236\214\354\266\224\352\260\200.png" delete mode 100644 "src/assets/icons/\354\204\244\354\240\225.png" delete mode 100644 "src/assets/icons/\354\212\244\355\213\260\354\273\244.png" delete mode 100644 "src/assets/icons/\354\225\214\353\246\274.png" delete mode 100644 "src/assets/icons/\354\235\264\354\240\204.png" delete mode 100644 "src/assets/icons/\354\262\264\355\201\254.png" delete mode 100644 "src/assets/icons/\354\266\224\352\260\200.png" delete mode 100644 "src/assets/icons/\354\271\264\353\251\224\353\235\274.png" delete mode 100644 "src/assets/icons/\355\205\214\353\247\210.png" delete mode 100644 "src/assets/icons/\355\206\265\355\231\224.png" delete mode 100644 "src/assets/icons/\355\217\254\354\235\270\355\212\270.png" delete mode 100644 "src/assets/icons/\355\217\264\353\215\224.png" delete mode 100644 "src/assets/icons/\355\224\204\353\241\234\355\225\204.png" delete mode 100644 "src/assets/icons/\355\231\210.png" create mode 100644 src/assets/img/headerIcon.png delete mode 100644 "src/assets/img/\352\267\270\353\243\271\353\247\214\353\223\244\352\270\260.png" delete mode 100644 "src/assets/img/\353\202\264\355\224\204\353\241\234\355\225\204.png" delete mode 100644 "src/assets/img/\354\271\234\352\265\254\355\224\204\353\241\234\355\225\204.png" create mode 100644 src/components/ChatProfile.tsx create mode 100644 src/components/Header.tsx create mode 100644 src/custom.d.ts diff --git a/package-lock.json b/package-lock.json index e877f5d4..1c6ff79c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,6 +15,7 @@ "@types/node": "^16.18.91", "@types/react": "^18.2.69", "@types/react-dom": "^18.2.22", + "dayjs": "^1.11.10", "react": "^18.2.0", "react-dom": "^18.2.0", "react-scripts": "5.0.1", @@ -6686,6 +6687,11 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/dayjs": { + "version": "1.11.10", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz", + "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==" + }, "node_modules/debug": { "version": "4.3.4", "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", diff --git a/package.json b/package.json index fb4a5f58..7cf04ff6 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "@types/node": "^16.18.91", "@types/react": "^18.2.69", "@types/react-dom": "^18.2.22", + "dayjs": "^1.11.10", "react": "^18.2.0", "react-dom": "^18.2.0", "react-scripts": "5.0.1", diff --git a/src/assets/icons/cil_hamburger-menu.png b/src/assets/icons/cil_hamburger-menu.png deleted file mode 100644 index 5f1ca2ea059c2f2c127d9623f7566c59520bafc1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 198 zcmeAS@N?(olHy`uVBq!ia0vp^l0YoM!3HGxw}u@9Qk(@Ik;M!Q+`=Ht$S`Y;1W=H% zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFKz_8Ri(^OyP000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPw2F4q%YmII6ZqB9E&{N$R&oK*EdzJkD~ zB2hGWb&hh66#qcrS18JTFsz`9SM*#_tbxF{8hzPH_>0*_LnxN-enFGvE7*iO@h(-! zKp>x@4^n;%!JvN)M&TxYpqo&SP000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPDl?1T*}!xIN$$mS81!BKQ-%~4g0Cg2=Jf=A_OQVulC(ahA^5f?Jf zv-wxy?vDs0Mt(h)>>A^Unb4rP$_*RYWQRdse{Vwh?k900K0R;F zl-LH3VJDoI4udHF;&Ci-qw-<}p_>9VgiHcjXazgIrwAl)NwyR0xy%n^haV&R4yVs$ zMUPW;I;%({>@iJ*v9O9H!%}PTxNMYAwhl(5BsR)P000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP-~edv3%SB%O| zhG?&Yi3EXr+6BZOPaHCg(Oydwm8Q`ngqOBcT^yIF5gXeFGev#dE1J7|a@eCfnYg0d z(UWoocgO*@9CH*m*agVQbA#M9ynu`nR6!iDBaaB$qbx-Zh-e`Palo3^s3su(#B%^D zNpc4O4p1aPGLK17f=~-upkZ5?!(ADg=IpO+g05nyt@A-brKj0NBpy&Bh$Q_Bs7+hZ zCT5V|kTu8z^@`z1QyMGyJFh}Oy}f?>{E!g4bEkR(B|CH1&kjoC00000NkvXXu0mjf DQ6Zjj diff --git "a/src/assets/icons/\352\262\200\354\203\211.png" "b/src/assets/icons/\352\262\200\354\203\211.png" deleted file mode 100644 index b97cc567310924faeaaafe0acf7a60c41933a283..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 364 zcmeAS@N?(olHy`uVBq!ia0vp^l0YoM!3HGxw}u@9Qk(@Ik;M!Q+`=Ht$S`Y;1W=H% zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFKsiQF7srqa#n(^9j5K%y%1hH2N?|FA#naYvI(H5PeJj-vjSBg(tVJzrM@3hDAkjuBYis-z-m6 zO;?4!O&{mnh&Tw;<6k#{H@PJ8%09P^X$7-717`(xvc{wqCUykhN))oVbn4IzrEODg zya~S`c7J*IlfR6{<(2OqBrFm>=p+BRsoB%H>eTMDrC%j)q}VF8$6j9|!L|ND$Dx3l zcNz|VZ&7^vR8q$5)$7N9FaNP#9QZq5kZ)aJ{A4a|@1G2HnUP|=+&S-nfy3bG>gTe~ HDWM4f9Y>8q diff --git "a/src/assets/icons/\352\263\265\354\213\235\352\263\204\354\240\225.png" "b/src/assets/icons/\352\263\265\354\213\235\352\263\204\354\240\225.png" deleted file mode 100644 index bbb2eb309b41b876b738f777e4cc706a67bcee26..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 329 zcmeAS@N?(olHy`uVBq!ia0vp^l0YoM!3HGxw}u@9Qk(@Ik;M!Q+`=Ht$S`Y;1W=H% zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFK>j^X7srqa#-~#s@*YwUXq~^y;ckQAE4H2o zY^5ybAKVI5!V8#oH{Nwn+}r(R0o#@zhwDyyYux$BBqQ=e+)U&7lax8@R*EUPBzKV=|&%91j8rJh!oAP000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPC<4h2obV{wXm*l(liW(aND3Azk$^o{c;>?={(NEq zVZ;;rMnt0Fgq@MBX3-&VE~*<}MKvd?EIwjiV>${;pyE61_`p0#H4@-@@V=2$zDHyb z$%>pJ#IFF!Rue>)X2|Y8>ZUtgFWr^N&}|T`2AhA4OEG$LwLLep%lG{4KXy#jcybJlBgw z+Ou(oI1r1RVK1nJ@zn}89FPX#DU5WH0&7d(NQ2s8ljKtdFYWsd+hth&YRm_h-6p89R-NjX+u00000NkvXXu0mjfqSd*0 diff --git "a/src/assets/icons/\353\205\271\354\235\214.png" "b/src/assets/icons/\353\205\271\354\235\214.png" deleted file mode 100644 index 62b1b581c20b319b51db7f1eb83245564368b4d6..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 346 zcmeAS@N?(olHy`uVBq!ia0vp^l0YoM!3HGxw}u@9Qk(@Ik;M!Q+`=Ht$S`Y;1W=H% zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFK>mAA7srqa#=BD+1)B_bT>n?{T@W;4QrARbo**kY0pJ2!3!#ah1>dfcwnVlr7ZRC2^IPgB(+p+ZEY(|}y-~SJ%nRR@Y q(w^{VPqf+2kJV2K-5P(bKg4@m2zopr0Mlnu?*IS* diff --git "a/src/assets/icons/\353\214\200\355\231\224.png" "b/src/assets/icons/\353\214\200\355\231\224.png" deleted file mode 100644 index d8fa2a7518158fcdfdf7edecee39438acf8aeeae..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 414 zcmV;P0b%}$P)P000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPU+#n1hifBdf>20J4gOoJBh%Q)!gNl6nB4x-sr*2$89TDx4 zQG>XEFFeLtxNQ(uLhr{E;c&@Ur(CV!idbZR6$%EKm)(f0DPqtbeU621rLCBIR}as5 zm!8p1)7yS=k9#hh;QBV|q!Z3#;U8|@);;HrD`6LO5Wj`3@P`T2%Q{S`UGk6Xf5W$* zE!TFOuTT?OwuIvmnX^7q!iOSxZ4FwW>c%gTm0*H!?)>6717NgA@@P@&mjD0&07*qo IM6N<$g21P!hX4Qo diff --git "a/src/assets/icons/\353\247\201\355\201\254.png" "b/src/assets/icons/\353\247\201\355\201\254.png" deleted file mode 100644 index f4d178875c289339b107420ea1663c1624fc0ef4..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 380 zcmV-?0fYXDP)P000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP=2Za|y>9(~ihc=draZ7DQ<$)6B<+)sPG z!UppwNITI$dSO8nsU^Kfx{*pOz)2GJBtzPZX+!E{?0^|qgA2Y(HKrupC8okm10QV8 zvuu&cz+xo6h>Q;!Xh*V2p5c07jWAo%Rg$@0;7qEK$PxbH`DUmQQGA=ANibkKQPLYu z8P~{cVDK-4Dz^c{-N}V2av2m7R3{if#tZ@|Nu(wkg!j#<(CRbw7dwD(cQJiy42e5-HDGbN>^Ne{8M)lT-BbI<0~Qj wZ@q`aWR5FSzH2AyFrA(FMzW$aFS$g#`JmIMj&m6;K+70BUHx3vIVCg!0R8?!4FCWD diff --git "a/src/assets/icons/\353\266\201\353\247\210\355\201\254.png" "b/src/assets/icons/\353\266\201\353\247\210\355\201\254.png" deleted file mode 100644 index c1764b7f45a2f01fe20813178f080f813ed6552f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 319 zcmeAS@N?(olHy`uVBq!ia0vp^l0YoM!3HGxw}u@9Qk(@Ik;M!Q+`=Ht$S`Y;1W=H% zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFK>ig^7srqa#9@*Xk}aJ3HzWR$L8apRCS zaGJqj$f&)6(SXsQQFCF_B)uF4=^55{6_*xF+3e!{M1SwIn)~+CAMup9?rp1b)af+L zsS;LCO6Q#^%x-!wadL3lk()^m8o0h`?yC|!e#6l|=<(_K6Fh^C1oy8|v=8Sysc89x z-?>8j{uHBw>0E^^>ShyakL4(OUy=N?Rx$g;bpKA#l&Qwtw(Ga3N5-A4sccyD@5Zh2 z3GP}~e%bbXGEGi=p}*C9fntilO5YCcC(~^%=+(J@I}%VUUJ@p6FR%SQOd-7i=syNe LS3j3^P6P000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPCd`>8(24R10BH)#0hi*;s$Pj8|VhIfo`C8$!pRe#X^aH{F0X{J?=q! zJ%ArDj)*ZLE1L5E69ZyJrRY^tLE~grOn9YPCYp;jqC1r#kvk2VFrtSjM*{9GY)j0M zMp29!uDNBX!nfhZID?)hgYzFIre$uyu|iLDL$z{Bgw3_Y3na2dxQq+V84Q3P#`?*g z)8K$aG?D9BIvQ_oMPr@I(F1+r0~2T>+Y+1ObI&Zk7#k*bJt?O7Wevu!roaiu9gSv) zFU#ofiZd~y3%b|+Mzr>FDE=}oeUrZE+f@AhwXv26AHG;}1op&lD;A%h+BQW$lv}R7 j=!9<6H~x%-UY5)oM!iXsuy`yo00000NkvXXu0mjfJa?O4 diff --git "a/src/assets/icons/\354\204\244\354\240\225.png" "b/src/assets/icons/\354\204\244\354\240\225.png" deleted file mode 100644 index d3b650d29aa891d9b2739a0661239a0151f0e7dc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 490 zcmVP000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP#1Ej{lz)yeQ&3ma>RokF8*j zwRE-OSJ(;MDdM2SZN%STDWUj{UP3{XbZAKwQiD8P8K9+!P8D(-X?rjkK0UnMclI1& zJEkU45=kw(p%n;haiavR_pDRG71nha0vaxn==QdOAa1US_+Hgq5tzH<>}4XDJTU}< z-01hJ=6-1gi6AM2T8Id~AOmNQ1TT{te=CnCW2yVMmx$Pe2n^y2?@qT{cxf|kfqjkS z!n+e|5k`ykM7w~+PO=Zrdp_K2-zLLnh-q0ymr}TcS0fK^6z#}~wiUq_9vft;o$G60 zRNQ2HGR(leW~0bGwy&>SeWUpLs>p`Ha)R}xr91XvSFmdrQW}f3?uT8!4xtZ;Y@9Ov g47RnN@Wdz4Kfi#87L1*6qW}N^07*qoM6N<$g8L}UIRF3v diff --git "a/src/assets/icons/\354\212\244\355\213\260\354\273\244.png" "b/src/assets/icons/\354\212\244\355\213\260\354\273\244.png" deleted file mode 100644 index f094babf1b58762010548872ccfcdeb9da7eab01..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 461 zcmV;;0W$uHP)P000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPG|F{&{i8ywEdqzroDIarF5Hm0;lZ_^XvTac31ver+s zER^Db_=&>-hPV@5u6(D~`~{!?m%=eSbtDF7R&IcScpEzTH!K3rRm6r5cdEcx7dw1I zd=G`Zf1G+@`{*!MvexnU2JzynM1FGcRumSeXhg?9!O5{#<5(2FYnX`c*kxld;%qAs z)JQkY9*JUPIArvmKQI}EM<+&)D90L^y-&CL-1~v&w7CxSqz>by<&fTg{t& z@z!HP000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPoPLo-A_8>0P z7{+!H374c)vo>gS&>S-kb!A0F&Qx<;=;m+Wnt$yr?9BDpf2T>M$INQ-azZAo=7@MI zQO9c1!R7U1U}1k&6DQguo}K95V#1|j<71lcVU9zf`Arl539gW4LW;IPj))TJ_yKxD zbJTM@uz?lQaH^ZRBva7Z4U7<16G zl-WJN{6p81^-jMFTb<-&wx~X>Rbk<9OHT~rIN8*FQ}Gb1da{5()4ryaAJTrPX&AB> zFP{4+|MTe>4G;V0V)JGxRoXk5%=6f$AlqDVmA$rtF=>Ik?)yz?c|cnkJYD@<);T3K F0RR(dLW2MR diff --git "a/src/assets/icons/\354\262\264\355\201\254.png" "b/src/assets/icons/\354\262\264\355\201\254.png" deleted file mode 100644 index 0da0593acc766f4a6a73c6766ad601ffedd150ae..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 268 zcmeAS@N?(olHy`uVBq!ia0vp^l0YoM!3HGxw}u@9Qk(@Ik;M!Q+`=Ht$S`Y;1W=H% zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFK>k8c7srqa#I>5MpA2K?eE)Mo z(rt!JkHh;Wu)OH{pES4e`lK()Ki`PHgpHR=Uo}FP_Ha)Z*&>dilu=pko<4 MUHx3vIVCg!0M_JOPyhe` diff --git "a/src/assets/icons/\354\266\224\352\260\200.png" "b/src/assets/icons/\354\266\224\352\260\200.png" deleted file mode 100644 index 49a52d02e7e8610e747126c1237b00149a21b41f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 215 zcmeAS@N?(olHy`uVBq!ia0vp^l0YoM!3HGxw}u@9Qk(@Ik;M!Q+`=Ht$S`Y;1W=H% zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFKz@#=i(^OyIS(lCxU65wY~d94@`#=+q}&|U^lS3j3^ HP6P000;W1^@s654Bdt00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP@06IF%1k_Zp0hDx@34o3cBqTW7C-a`MOa8mB zuV1U1L|HZdk5Vw-sv5P!r!F+c$mKGf6%tOl_s-gC}R_4`#K zwo>DpUXiYPL>v{?n)p#8OEWb|>RXFnSO+3vgYueY^Sr@d9U_FZassI|HoiM#121rk zlP)1sR@WF0!#wePS3V}3oCn~S_#i$ZgAk}$B_=J%|B4c^m>42GiKR?9$<~Np$F_kA zOn7`lBmR{!D`nDyw51FA(br9HLt3~;0Y%8)6TUXAdn@qCrFMI66f4I#3Nm3;+{(B3<{4?r{Aj>od5s; M07*qoM6N<$f|wzmQ~&?~ diff --git "a/src/assets/icons/\355\205\214\353\247\210.png" "b/src/assets/icons/\355\205\214\353\247\210.png" deleted file mode 100644 index bdb5439072495ab3d441fb44903db2b4ed283d04..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 368 zcmeAS@N?(olHy`uVBq!ia0vp^l0YoM!3HGxw}u@9Qk(@Ik;M!Q+`=Ht$S`Y;1W=H% zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFKsi=V7srqa#=BD=@-`U=w9Y^F--t>20LKnS zKCd=3#PDC^e0BMVVg_55R7B$hGiCR$Uc0!zPr2IHI%~3-brMV6B%aTj zAMUQOFJo@id^Y)p_>!kt8+hvC=Nvg45%}Thr<>}@U*vr!2B^vWF3J^7{fdluhFl3Mrt=J(}Gjq>xzopr0DuFFod5s; diff --git "a/src/assets/icons/\355\206\265\355\231\224.png" "b/src/assets/icons/\355\206\265\355\231\224.png" deleted file mode 100644 index d606197ef2254daee8c4f00aa7851ea6fc38f52e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 388 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 FV1iL7j}-s_ diff --git "a/src/assets/img/\353\202\264\355\224\204\353\241\234\355\225\204.png" "b/src/assets/img/\353\202\264\355\224\204\353\241\234\355\225\204.png" deleted file mode 100644 index 089053cbcd34bf3bed6e18de563203c3ae37e3e9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1232 zcmV;>1TXuEP)MK+eCcJhCm>lDvzpd@~xEwFLV4&z{}Yo&+f-pU)5U^z@`&US3j(MB@GP z^E1u^{FPC4sV$EJAH`%cY0b{g7DyopQpEQ5w#kAr{L$oNfTCgZKf>a3ZfJk|Cgt#G)m^J#^{ z)ed@32Zdl~XD7qLj_Hks0d{YRkG-v}t;L}C1a^+Ya1DQe+5mPj%MPwIysps&NE%&T zU3>fsQ`ANT5!f&++ff+cD9R$K)w`yyIF9e{?I_Fv0{I!2{l51NOPT7k6a(0RPhNw* zr#PAJk10Ob_xJZ7(&==`-RK#XavX~jMt67jT6JTMIN3=JiXV%Z-?|$r#POF#T>6<8 z{OlFkv)Z}3sWk?eZuiRKFj%v4lVXnBy|Or7x?s*`Q2Z&omvmZK@n_ORXJ;oFhCzLO zed6=k*%_UmpOY?l^>6aY63!tc>2(FIoZjAEnx3Af(a}-y8OP-0q&RfJgSs$EILBjz zNtzfN8xw*K4i4z*>PoahDB9tm)20{$h6(3%CK80=#l=O1h||+kOcZE%c$jp-6aGcv z9NtoqCeX(q#0$T6MWmc;X^+5UMMMp=+J11Kjq={m&NFyU7 zG&3_JLeohqwry+8nB3Kj1Ueokls}{qgyzuDkP!L!_$d0IPGJ%|$%8j$CZrPxf|xfD zR6(e>UvVROcXwCfuq2hBPay=I8A&6Y@$UBamQ*5E;`|;$SzJQY`1rW^d~Up;v2{_FHPC0j=r zzwls3M@OL^5N@5EoCuMsW-UBAdAmN;R-)B*i;K9&$qJ-t;<)yN0 z$=&Q1&Pi9>Pg1a8ZN*Ha8lE(-inG(ep}Eed62%|O*`O?oLuj&{KPcv~hMe=cVs82H z@BlmG?4Ir3JFgJ;AGr6`{X@;FK)PpB%s@fF{QUfeyRAkX+~W(sP`t4DsM$jHT+d-6 z549f@6JUl{35V}ul{;pZPdRFHV1i#MRo#_1kA2I0v(jQSmB`AXtl#&sE!Aiw3ohDHz7GEXG~{0000HP)=OjcB7VQ+%GLY%x&zLNOdMcMrJMz#ehARr+|!~km}Lgw&=l#f*uJz2k*_f0n$liX<^m4)Lx z0>mm@1fBAs7JMSGd3QPY^t^}8CAs$+i@{>}2o!t=9}#2% z^}D6a!>Q}j7FfMfIzN-)ufjY)>aUcto0FC%lGG9`gnKkB!#p9x>5Iz`AMv~lV_p3sxXOI#uy=l4Nzyb{%8t?ZMyr;_oU6SSsOLHVi;iw-V zC35tZZ?0$Hs|5#g4$X<>*H>M*eZ>I_6oY(FzNt6+fz7oZa=I0#SF`v;MX6cSMjl2j+`w6Uz;fC4ta z0*)X%oU#@ZQ7bt8swPQwpH=E(2f3P++G&Ph`*fv%!^n=LP_XLq00kAT7Vl~w#<1i` z?L4e1*C45&`9R0NFWv>6Bu9f1+1;(hLC^^) z#6&Yb?9x9}pg#fG#H&s}8Brmc+PjaBoE*YrQScBk$++F#?+vX?_mjtcmn4_6 zm&tq&+HmI##KzDLPh%oU4oM{P`!GkMB*7<@&%Fne)~1$fY@fMoc8!MT_6{!s$DUl9 zwr-T4$m{Fm^&g|V;j@#RwZXGU)Q%>(*9FMbO@vcl?P9DNUeDVe_Iu8MJRwezy$4C# zg9*uChatProfile + ) +} + +const ChatProfileWrapper = styled.div` + background-color: beige; + width: 100%; + height: 155.21px; +` + +export default ChatProfile \ No newline at end of file diff --git a/src/components/Header.tsx b/src/components/Header.tsx new file mode 100644 index 00000000..01997126 --- /dev/null +++ b/src/components/Header.tsx @@ -0,0 +1,52 @@ +import styled from "styled-components" +import headerIcon from '../assets/img/headerIcon.png' +import dayjs from "dayjs" +import { useEffect, useState } from "react" + + + +function Header() { + + // 현재 시간 표시 + const [time, SetTime] = useState(''); + useEffect(() => { + updateTime(); // 마운트 될 때 마다 시간 불러옴 + + const interval = setInterval(updateTime, 60000); // 1분마다 갱신 + + // 메모리 누수 방지.. + return () => clearInterval(interval); + }, []); + + const updateTime = () =>{ + const currentTime = dayjs().format('HH:mm'); // 시:분 형식으로 포맷팅 + SetTime(currentTime); + }; + + + return ( + + {time} + + + ) +} + +const HeaderWrapper = styled.div` + width: 100%; + height: 38.46px; + display: flex; + flex-direction: row; + align-items: center; +` +const CurrentTime = styled.div` + font-size : 12px; + font-weight: 500; + margin-left: 26.85px; +` +const HeaderIcon = styled.img` + width: 63.34px; + height: 10.16px; + margin-left: 239.1px; +` +export default Header \ No newline at end of file diff --git a/src/custom.d.ts b/src/custom.d.ts new file mode 100644 index 00000000..97a8a708 --- /dev/null +++ b/src/custom.d.ts @@ -0,0 +1,4 @@ +declare module "*.jpg"; +declare module "*.png"; +declare module "*.jpeg"; +declare module "*.gif"; \ No newline at end of file diff --git a/src/pages/Chat/ChattingPage.tsx b/src/pages/Chat/ChattingPage.tsx index 58ee618e..ffd69ff0 100644 --- a/src/pages/Chat/ChattingPage.tsx +++ b/src/pages/Chat/ChattingPage.tsx @@ -1,14 +1,21 @@ import styled from "styled-components" +import Header from "../../components/Header" +import ChatProfile from "../../components/ChatProfile" function ChattingPage() { return ( - ChattingPage + +
+ + ) } const Wrapper = styled.div` width: 100%; height: 100%; + display: flex; + flex-direction: column; ` export default ChattingPage \ No newline at end of file From 6a35f6d7e9344304a341aec56785a3279fedbf62 Mon Sep 17 00:00:00 2001 From: Dahn12 Date: Wed, 27 Mar 2024 15:06:51 +0900 Subject: [PATCH 03/22] =?UTF-8?q?feat:=20=EC=B1=84=ED=8C=85=EC=B0=BD=20sty?= =?UTF-8?q?le=20=EC=99=84=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.tsx | 2 +- src/assets/icons/add.png | Bin 0 -> 344 bytes src/assets/icons/camera.png | Bin 0 -> 1192 bytes src/assets/icons/folder.png | Bin 0 -> 549 bytes src/assets/icons/gallery.png | Bin 0 -> 771 bytes src/assets/icons/record.png | Bin 0 -> 1150 bytes src/assets/icons/search.png | Bin 0 -> 802 bytes src/assets/icons/sticker.png | Bin 0 -> 1887 bytes src/assets/icons/vector.png | Bin 0 -> 389 bytes src/assets/img/footer.png | Bin 0 -> 423 bytes src/assets/img/friendProfile.png | Bin 0 -> 4064 bytes src/components/ChatProfile.tsx | 15 ----- src/components/Footer.tsx | 24 +++++++ src/components/TopBarIcons.tsx | 63 ++++++++++++++++++ src/pages/Chat/ChatInput.tsx | 110 +++++++++++++++++++++++++++++++ src/pages/Chat/ChattingPage.tsx | 43 +++++++++++- src/styles/GlobalStyle.tsx | 5 ++ src/styles/theme.tsx | 2 +- tsconfig.json | 5 +- 19 files changed, 246 insertions(+), 23 deletions(-) create mode 100644 src/assets/icons/add.png create mode 100644 src/assets/icons/camera.png create mode 100644 src/assets/icons/folder.png create mode 100644 src/assets/icons/gallery.png create mode 100644 src/assets/icons/record.png create mode 100644 src/assets/icons/search.png create mode 100644 src/assets/icons/sticker.png create mode 100644 src/assets/icons/vector.png create mode 100644 src/assets/img/footer.png create mode 100644 src/assets/img/friendProfile.png delete mode 100644 src/components/ChatProfile.tsx create mode 100644 src/components/Footer.tsx create mode 100644 src/components/TopBarIcons.tsx create mode 100644 src/pages/Chat/ChatInput.tsx diff --git a/src/App.tsx b/src/App.tsx index c1b3f18c..03b524e6 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -15,7 +15,7 @@ const Container = styled.div` margin: 0 auto; width: 375px; height: 812px; - background-color: aliceblue; + background-color: aliceblue; ` export default App; diff --git a/src/assets/icons/add.png b/src/assets/icons/add.png new file mode 100644 index 0000000000000000000000000000000000000000..558e5341bdc2d3ba2342044ef4aaa17efb92d8d3 GIT binary patch literal 344 zcmeAS@N?(olHy`uVBq!ia0vp^hCpn4nJ=y-!L<5JscD}jQH z#X;^)4C~IxyaaMs(j9#r85lP9bN@+X1@hl|x;TbZFutAjkhjS|pmqK+Mu|q>6c)1y zXA4;FI;bbKY--GDaKEr5P$4k-v)8@pds@Ey`ylAG!@F@u%CuWW)hRp9O_VryY5x*O zrzsWU70VnPwsp8~3pgz}VTMq>vyhHQ6RYP21x_)QgH0+C6Ii%cPq^W`MwH|7mN)y? z)HBtkn5>bjzA|uSmdKI;Vst0Euvi@Bjb+ literal 0 HcmV?d00001 diff --git a/src/assets/icons/camera.png b/src/assets/icons/camera.png new file mode 100644 index 0000000000000000000000000000000000000000..252e3558098ade91d1c25949724e5527a7924cc9 GIT binary patch literal 1192 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 literal 0 HcmV?d00001 diff --git a/src/assets/icons/sticker.png b/src/assets/icons/sticker.png new file mode 100644 index 0000000000000000000000000000000000000000..843e0c189cfbdcbbd63c6030a6fc719fc821dd29 GIT binary patch literal 1887 zcmV-l2cY@~0drDELIAGL9O(c600d`2O+f$vv5yP|R54Wtb~S}Y}^RFWt$ zkd{L<=(q@CG>i$`+1cqz2`GgmGn`IA&=>iA_>_$ppLWq?6;2Wes)L*kzD6=XP=}rE z?(Tk<0#F!9)H$eFr_5oM0bS^fEPBsAn41hqV~kC68g*TLT2-as;<*Xz|m zToa!y@f_A5xrGjBO9td32?TY}=w@0z&OYePb{=9h+}zwWaXA+cva%ADnIunwV&pj~ zgPckDl9h$1ie!KfK}c_-LVwMIAcE6A-v|A6Deii;s3If)!II>mgJvc@8hoTGM52O7 zN+SrpI9y*}KPuZy@Bx=3sB2#wM4`S%K5Hp&lFUp05&eZEsF9q)=M4{{MjWDPo$9TV z%*(7;M1lx59wap6)m*WGo`+6aIbI|gMHeZ_@gfp5MjBDH5TL`pxXMT!ZYjg;r2>nf zgVJzybyY)W{!)@T>^^B7ohnHn$TeNImw_O{m?dXQa@BY&tZ+(FiWGIRHaU?c!|m;D zUo*lXO&@L2F67PtSxc4bKlIpH-B~uo96iEsHKvq_XPcW+|f_LeouD>XW2b zl*-hV0*1?~izZn80@}Bx2%SyedauTpAe7s{Tc|Wz7G#iTl*?x@0<6O4I%YtLEJVIMP zj&E#|WR)W7BY9^q5@^#)RkKcf!4yegHWEAjm3Igeh%p7MzoPMXnnicLHWm%Uol+DM`ZA7uyQcOcf0dw?-rdfS!sX+$LJP;4^a$ zx7hY0M#zR#z~R=&O_Yg;>MP|RiYH7xtZl+-{7oV&mc&?;H4(%)NSYK-!hV_k`e2}8 zr-mSF;~Z1^6yR0xGQl*(J+M7A(Pq9CaJetozz&G&_(~O}hdUi0=)#eW8>QYl$>9?E znY`D0+{|=n`SF%`f(jHQaG&d|BU_Wh5{)0nWDmz;ZiY6cj!|s~nj zuREt@*?x?}Y=jU*D7z&uj=aeYO4njCXm82|IIu1#fugU$GQoHzgQMwOdy2L_Ih7>5 zTvL$FeRB=e6(H*q!vrNiC_QJ}+uNC3w~n3Z*yb;Hx?>&t=FTXLG_WV3Ls}sr#^d*L z_ZSPki#+cRjc-tQa0%{BDbs${9E~`V3^2Xlbw*l9}mZC7F6;VTnqMz@^TEu5+0>ek5@w;YlAYo$iK3B+AU9 zJUtaDS!nB}PCnkA$&{GGBvFwp0LBtz4nbStYwHF1xVdt6o!uZ&tQaF*WsWd*8Ewx< z%fm&j@64QOZ~yxGy351It~`0pmt}<+?&oP10SPiTr57>>K==?PB^?~L!S^UvC_zN7 zC=n2K0isUR@|ATYJ@iO@7J`V}p)`U1q8Oj=$p0COwc*z|UfN4Wjx{0{kGvbpK21-} z44jD>j-2;!P~nklAqR)c0$0&o0~K|8v$XKOIgu61GW-q4BuLgQ{?MhYBlR!k%Zy;m z1S@~0drDELIAGL9O(c600d`2O+f$vv5yP)_lLKZFizSz}*4YFZLM(<{W?9=7WGJzv z<+73WmEbv~*phO4j~92vDYn#AP@-R&33pi^+s|6=Q-YX&f|EYQ*bx4LqQn}Az{Mjq jh+#p|Vhu!J@Mp0P)INpdIr}`y00000NkvXXu0mjf{3D!G literal 0 HcmV?d00001 diff --git a/src/assets/img/footer.png b/src/assets/img/footer.png new file mode 100644 index 0000000000000000000000000000000000000000..1abd6e5e586d75a3fbf449bda24a99646c163311 GIT binary patch literal 423 zcmV;Y0a*TtP)@~0drDELIAGL9O(c600d`2O+f$vv5yPH~h`yo!7vMiU)z4iljb>8iEpJO;o06-2Nrqk)T9u)1n(Qdy_0v!Ny zGODVo&hL*(JzDO!(Qes;~8dbHpl z69AB<$nkL#>SbAO;2#|9%w~NZ0P?Y&&1Q>w@CGu;L}}65 Rvy=b;002ovPDHLkV1mT4u)6>N literal 0 HcmV?d00001 diff --git a/src/assets/img/friendProfile.png b/src/assets/img/friendProfile.png new file mode 100644 index 0000000000000000000000000000000000000000..541832688cc72af2426e82e56ad6c94c5bb2baeb GIT binary patch literal 4064 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 SjsF4w0000ChatProfile - ) -} - -const ChatProfileWrapper = styled.div` - background-color: beige; - width: 100%; - height: 155.21px; -` - -export default ChatProfile \ No newline at end of file diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx new file mode 100644 index 00000000..adff1804 --- /dev/null +++ b/src/components/Footer.tsx @@ -0,0 +1,24 @@ +import styled from 'styled-components' +import FooterImg from '../assets/img/footer.png' + +function Footer() { + return ( + + + + ) +} + +const FooterWrapper = styled.div` + width: 100%; + height: 24px; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 125px; + height: 4.5px; + } +` + +export default Footer \ No newline at end of file diff --git a/src/components/TopBarIcons.tsx b/src/components/TopBarIcons.tsx new file mode 100644 index 00000000..ddf5703e --- /dev/null +++ b/src/components/TopBarIcons.tsx @@ -0,0 +1,63 @@ +import styled from "styled-components" +import { css } from "styled-components" +import addIcon from "../assets/icons/add.png" +import searchIcon from "../assets/icons/search.png" +import folderIcon from "../assets/icons/folder.png" +import vectorIcon from "../assets/icons/vector.png" + + +function TopBarIcons() { + return ( + + + + + + + ) +} + + +const TopBarIconsIconsWrapper = styled.div` + width: 100%; + height: 39.54px; + display: flex; + flex-direction: row; + align-items: end; +` + +const TopBarIconsStyle = css` + width: 18px; + height: 18px; + border: none; + background-color: white; + + img{ + width: 18px; + height: 18px; + } + cursor: pointer; +` + + +const SearchIcon = styled.button` + ${TopBarIconsStyle} + margin-left: 20.5px; +` + +const VectorIcon = styled.button` + ${TopBarIconsStyle} + margin-left: 222px; +` +const FolderIcon = styled.button` + ${TopBarIconsStyle} + margin-left: 20px; +` +const AddIcon = styled.button` + ${TopBarIconsStyle} + margin-left: 20px; +` + + + +export default TopBarIcons \ No newline at end of file diff --git a/src/pages/Chat/ChatInput.tsx b/src/pages/Chat/ChatInput.tsx new file mode 100644 index 00000000..c9b416f2 --- /dev/null +++ b/src/pages/Chat/ChatInput.tsx @@ -0,0 +1,110 @@ +import styled from "styled-components" +import { css } from "styled-components" +import addIcon from "../../assets/icons/add.png" +import cameraIcon from "../../assets/icons/camera.png" +import galleryIcon from "../../assets/icons/gallery.png" +import recordIcon from "../../assets/icons/record.png" +import stickerIcon from "../../assets/icons/sticker.png" + + +function ChatInput() { + return ( + + + + + + + + + + + ) +} + +const ChatInputWrapper = styled.div` + width: 100%; + height: 35px; + margin-bottom: 14px; + display: flex; + flex-direction: row; + align-items: center; + gap: 15px; +` + +//텍스트 입력창 +const InputFiledWrapper = styled.div` + border: 0.7px solid black; + width: 199px; + height: 35px; + border-radius: 50px; + display: flex; + flex-direction: row; + align-items: center; +` + +//개행만 가능 (협의 예정) +const InputFiled = styled.input` + width: 158.7px; + margin-left: 16.03px; + padding: 0; + border: none; + outline: none; + font-size: 12px; + font-weight: 500; + &::placeholder { + color: ${({theme})=> theme.colors.grey2}; + } + +` +const StickerIcon = styled.button` + width: 18px; + height: 18px; + border: none; + background-color: white; + + img{ + width: 18px; + height: 18px; + } + cursor: pointer; +` + + +//하단 아이콘 +const ChatInputIconsStyle = css` + width: 24px; + height: 24px; + border: none; + background-color: white; + + img{ + width: 24px; + height: 24px; + } + cursor: pointer; +` +//png사이즈 차이로 스타일 따로 줌 +const AddIcon = styled.button` + width: 16px; + height: 16px; + border: none; + background-color: white; + margin-left: 10px; + img{ + width: 16px; + height: 16px; + } + cursor: pointer; +` +const CameraIcon = styled.button` + ${ChatInputIconsStyle} +` +const GalleryIcon = styled.button` + ${ChatInputIconsStyle} +` +const RecordIcon = styled.button` + ${ChatInputIconsStyle} +` + +export default ChatInput \ No newline at end of file diff --git a/src/pages/Chat/ChattingPage.tsx b/src/pages/Chat/ChattingPage.tsx index ffd69ff0..2389a260 100644 --- a/src/pages/Chat/ChattingPage.tsx +++ b/src/pages/Chat/ChattingPage.tsx @@ -1,12 +1,25 @@ import styled from "styled-components" import Header from "../../components/Header" -import ChatProfile from "../../components/ChatProfile" +import TopBarIcons from "../../components/TopBarIcons" +import ChatInput from "./ChatInput" +import friendProfile from "../../assets/img/friendProfile.png" +import Footer from "../../components/Footer" + function ChattingPage() { return (
- + + + + 김유빈 + + + + + +