From e876cec789b2b0ab6c06d01010e54ab01d1fca85 Mon Sep 17 00:00:00 2001 From: Moon Dahyun Date: Thu, 10 Oct 2024 19:32:50 +0900 Subject: [PATCH 01/14] =?UTF-8?q?chore/#444:=20=EC=9D=98=EC=A1=B4=EC=84=B1?= =?UTF-8?q?=20=EC=84=A4=EC=B9=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/package.json b/package.json index 396dfd3f..81754705 100644 --- a/package.json +++ b/package.json @@ -33,7 +33,7 @@ "axios": "^1.6.5", "emotion-reset": "^3.0.1", "history": "^5.3.0", - "lottie-react": "^2.4.0", + "lottie-web": "^5.12.2", "quill-divider": "^0.2.0", "react": "^18.2.0", "react-dom": "^18.2.0", @@ -61,6 +61,7 @@ "postcss-styled-syntax": "^0.6.4", "prettier": "3.1.1", "rollup-plugin-visualizer": "^5.12.0", + "source-map-explorer": "^2.5.3", "stylelint": "^16.1.0", "stylelint-config-standard": "^36.0.0", "stylelint-order": "^6.0.4", From ded99ece3a5d05d2e41a0aef2e9cf4858bf52fab Mon Sep 17 00:00:00 2001 From: Moon Dahyun Date: Thu, 10 Oct 2024 19:35:58 +0900 Subject: [PATCH 02/14] =?UTF-8?q?feat/#444:=20visualizer=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 --- src/pages/groupFeed/carousel/EachArticle.tsx | 5 +- src/pages/loading/Loading.tsx | 30 +- stats.html | 4842 ++++++++++++++++++ vite.config.ts | 4 +- yarn.lock | 189 +- 5 files changed, 5059 insertions(+), 11 deletions(-) create mode 100644 stats.html diff --git a/src/pages/groupFeed/carousel/EachArticle.tsx b/src/pages/groupFeed/carousel/EachArticle.tsx index a4f8c2c4..21823ed5 100644 --- a/src/pages/groupFeed/carousel/EachArticle.tsx +++ b/src/pages/groupFeed/carousel/EachArticle.tsx @@ -1,8 +1,7 @@ import styled from '@emotion/styled'; -import Lottie from 'lottie-react'; import { useEffect, useRef } from 'react'; import { useNavigate } from 'react-router-dom'; -import LoadingLottie from '../../../assets/gifs/loading.json'; +import Loading from '../../loading/Loading'; import { GroupChatIc, GroupCuriousIc, @@ -112,7 +111,7 @@ const EachArticle = (props: EachProfilePropTypes) => { )), )} - {isFetchingNextPage && } + {isFetchingNextPage && } )} diff --git a/src/pages/loading/Loading.tsx b/src/pages/loading/Loading.tsx index f9c97c6c..097a8eb3 100644 --- a/src/pages/loading/Loading.tsx +++ b/src/pages/loading/Loading.tsx @@ -1,11 +1,29 @@ +import { useEffect, useRef } from 'react'; import styled from '@emotion/styled'; -import Lottie from 'lottie-react'; + +import * as lottie from 'lottie-web/build/player/lottie_light'; +type LettiePlayer = typeof lottie.default; +const lottiePlayer = lottie as any as LettiePlayer; import LoadingLottie from '../../assets/gifs/loading.json'; const Loading = () => { + const spinnerRef = useRef(null); + + useEffect(() => { + const animation = lottiePlayer.loadAnimation({ + container: spinnerRef.current as Element, + renderer: 'svg', + loop: true, + autoplay: true, + animationData: LoadingLottie, + }); + + return () => animation.destroy(); + }, []); + return ( - + ); }; @@ -19,3 +37,11 @@ const SpinnerWrapper = styled.div` width: 100%; height: 100vh; `; + +const Spinner = styled.div` + display: flex; + align-items: center; + justify-content: center; + width: 8.4rem; + height: 8.4rem; +`; diff --git a/stats.html b/stats.html new file mode 100644 index 00000000..cce5709a --- /dev/null +++ b/stats.html @@ -0,0 +1,4842 @@ + + + + + + + + Rollup Visualizer + + + +
+ + + + + diff --git a/vite.config.ts b/vite.config.ts index 751267d2..5368aa5e 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,6 +1,7 @@ import react from '@vitejs/plugin-react'; -import { defineConfig } from 'vite'; +import { defineConfig, type PluginOption } from 'vite'; import svgr from 'vite-plugin-svgr'; +import { visualizer } from 'rollup-plugin-visualizer'; // https://vitejs.dev/config/ export default defineConfig({ @@ -20,5 +21,6 @@ export default defineConfig({ }, }), svgr(), + visualizer() as PluginOption, ], }); diff --git a/yarn.lock b/yarn.lock index 7b08b97a..f6608fe6 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1511,6 +1511,11 @@ astral-regex@^2.0.0: resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31" integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ== +async@^3.2.3: + version "3.2.6" + resolved "https://registry.yarnpkg.com/async/-/async-3.2.6.tgz#1b0728e14929d51b85b449b7f06e27c1145e38ce" + integrity sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA== + asynciterator.prototype@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz#8c5df0514936cdd133604dfcc9d3fb93f09b2b62" @@ -1600,6 +1605,11 @@ browserslist@^4.22.2: node-releases "^2.0.14" update-browserslist-db "^1.0.13" +btoa@^1.2.1: + version "1.2.1" + resolved "https://registry.yarnpkg.com/btoa/-/btoa-1.2.1.tgz#01a9909f8b2c93f6bf680ba26131eb30f7fa3d73" + integrity sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g== + call-bind@^1.0.0, call-bind@^1.0.2, call-bind@^1.0.4, call-bind@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.5.tgz#6fa2b7845ce0ea49bf4d8b9ef64727a2c2e2e513" @@ -1638,7 +1648,7 @@ chalk@^2.4.2: escape-string-regexp "^1.0.5" supports-color "^5.3.0" -chalk@^4.0.0, chalk@^4.1.2: +chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2: version "4.1.2" resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01" integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA== @@ -1661,6 +1671,15 @@ cli-width@^4.1.0: resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-4.1.0.tgz#42daac41d3c254ef38ad8ac037672130173691c5" integrity sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ== +cliui@^7.0.2: + version "7.0.4" + resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f" + integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ== + dependencies: + string-width "^4.2.0" + strip-ansi "^6.0.0" + wrap-ansi "^7.0.0" + cliui@^8.0.1: version "8.0.1" resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa" @@ -1716,7 +1735,7 @@ concat-map@0.0.1: resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg== -convert-source-map@^1.5.0: +convert-source-map@^1.5.0, convert-source-map@^1.7.0: version "1.9.0" resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f" integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A== @@ -1854,6 +1873,11 @@ define-data-property@^1.0.1, define-data-property@^1.1.1: gopd "^1.0.1" has-property-descriptors "^1.0.0" +define-lazy-prop@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f" + integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og== + define-properties@^1.1.3, define-properties@^1.2.0, define-properties@^1.2.1: version "1.2.1" resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c" @@ -1902,11 +1926,23 @@ dot-case@^3.0.4: no-case "^3.0.4" tslib "^2.0.3" +duplexer@^0.1.2: + version "0.1.2" + resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6" + integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg== + eastasianwidth@^0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb" integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA== +ejs@^3.1.5: + version "3.1.10" + resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.10.tgz#69ab8358b14e896f80cc39e62087b88500c3ac3b" + integrity sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA== + dependencies: + jake "^10.8.5" + electron-to-chromium@^1.4.601: version "1.4.630" resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.630.tgz#1d9f4169653784997bec98975e11a2c05214ce39" @@ -2073,6 +2109,11 @@ escalade@^3.1.1: resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40" integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw== +escape-html@^1.0.3: + version "1.0.3" + resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988" + integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow== + escape-string-regexp@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4" @@ -2363,6 +2404,13 @@ file-entry-cache@^8.0.0: dependencies: flat-cache "^4.0.0" +filelist@^1.0.4: + version "1.0.4" + resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5" + integrity sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q== + dependencies: + minimatch "^5.0.1" + fill-range@^7.0.1: version "7.0.1" resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40" @@ -2518,7 +2566,7 @@ glob@^10.3.7: minipass "^5.0.0 || ^6.0.2 || ^7.0.0" path-scurry "^1.10.1" -glob@^7.1.3: +glob@^7.1.3, glob@^7.1.6: version "7.2.3" resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b" integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q== @@ -2599,6 +2647,13 @@ graphql@^16.8.1: resolved "https://registry.yarnpkg.com/graphql/-/graphql-16.8.1.tgz#1930a965bef1170603702acdb68aedd3f3cf6f07" integrity sha512-59LZHPdGZVh695Ud9lRzPBVTtlX9ZCV150Er2W43ro37wVof0ctenSaskPPjN7lVTIN8mSZt8PHUNKZuNQUuxw== +gzip-size@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462" + integrity sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q== + dependencies: + duplexer "^0.1.2" + has-bigints@^1.0.1, has-bigints@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa" @@ -2777,6 +2832,11 @@ is-date-object@^1.0.1, is-date-object@^1.0.5: dependencies: has-tostringtag "^1.0.0" +is-docker@^2.0.0, is-docker@^2.1.1: + version "2.2.1" + resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa" + integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ== + is-extendable@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-1.0.1.tgz#a7470f9e426733d81bd81e1155264e3a3507cab4" @@ -2920,6 +2980,13 @@ is-weakset@^2.0.1: call-bind "^1.0.2" get-intrinsic "^1.1.1" +is-wsl@^2.1.1, is-wsl@^2.2.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271" + integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww== + dependencies: + is-docker "^2.0.0" + isarray@^2.0.5: version "2.0.5" resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723" @@ -2955,6 +3022,16 @@ jackspeak@^2.3.5: optionalDependencies: "@pkgjs/parseargs" "^0.11.0" +jake@^10.8.5: + version "10.9.2" + resolved "https://registry.yarnpkg.com/jake/-/jake-10.9.2.tgz#6ae487e6a69afec3a5e167628996b59f35ae2b7f" + integrity sha512-2P4SQ0HrLQ+fw6llpLnOaGAvN2Zu6778SJMrCUwns4fOoG9ayrTiZk3VV8sCPkVZF8ab0zksVpS8FDY5pRCNBA== + dependencies: + async "^3.2.3" + chalk "^4.0.2" + filelist "^1.0.4" + minimatch "^3.1.2" + "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499" @@ -3097,7 +3174,7 @@ lodash.truncate@^4.4.2: resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193" integrity sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw== -lodash@^4.17.4: +lodash@^4.17.20, lodash@^4.17.4: version "4.17.21" resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c" integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg== @@ -3109,6 +3186,11 @@ loose-envify@^1.1.0, loose-envify@^1.4.0: dependencies: js-tokens "^3.0.0 || ^4.0.0" +lottie-web@^5.12.2: + version "5.12.2" + resolved "https://registry.yarnpkg.com/lottie-web/-/lottie-web-5.12.2.tgz#579ca9fe6d3fd9e352571edd3c0be162492f68e5" + integrity sha512-uvhvYPC8kGPjXT3MyKMrL3JitEAmDMp30lVkuq/590Mw9ok6pWcFCwXJveo0t5uqYw1UREQHofD+jVpdjBv8wg== + lower-case@^2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28" @@ -3211,6 +3293,13 @@ minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2: dependencies: brace-expansion "^1.1.7" +minimatch@^5.0.1: + version "5.1.6" + resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96" + integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g== + dependencies: + brace-expansion "^2.0.1" + minimist@^1.2.0, minimist@^1.2.6: version "1.2.8" resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c" @@ -3221,6 +3310,13 @@ minimist@^1.2.0, minimist@^1.2.6: resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.0.4.tgz#dbce03740f50a4786ba994c1fb908844d27b038c" integrity sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ== +mkdirp@^0.5.1: + version "0.5.6" + resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6" + integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw== + dependencies: + minimist "^1.2.6" + ms@2.1.2: version "2.1.2" resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009" @@ -3386,6 +3482,23 @@ once@^1.3.0: dependencies: wrappy "1" +open@^7.3.1: + version "7.4.2" + resolved "https://registry.yarnpkg.com/open/-/open-7.4.2.tgz#b8147e26dcf3e426316c730089fd71edd29c2321" + integrity sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q== + dependencies: + is-docker "^2.0.0" + is-wsl "^2.1.1" + +open@^8.4.0: + version "8.4.2" + resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9" + integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ== + dependencies: + define-lazy-prop "^2.0.0" + is-docker "^2.1.1" + is-wsl "^2.2.0" + optionator@^0.9.3: version "0.9.3" resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.3.tgz#007397d44ed1872fdc6ed31360190f81814e2c64" @@ -3910,6 +4023,23 @@ rimraf@^5.0.5: dependencies: glob "^10.3.7" +rimraf@~2.6.2: + version "2.6.3" + resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab" + integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA== + dependencies: + glob "^7.1.3" + +rollup-plugin-visualizer@^5.12.0: + version "5.12.0" + resolved "https://registry.yarnpkg.com/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.12.0.tgz#661542191ce78ee4f378995297260d0c1efb1302" + integrity sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ== + dependencies: + open "^8.4.0" + picomatch "^2.3.1" + source-map "^0.7.4" + yargs "^17.5.1" + rollup@^4.2.0: version "4.9.5" resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.9.5.tgz#62999462c90f4c8b5d7c38fc7161e63b29101b05" @@ -4059,6 +4189,24 @@ snake-case@^3.0.4: dot-case "^3.0.4" tslib "^2.0.3" +source-map-explorer@^2.5.3: + version "2.5.3" + resolved "https://registry.yarnpkg.com/source-map-explorer/-/source-map-explorer-2.5.3.tgz#33551b51e33b70f56d15e79083cdd4c43e583b69" + integrity sha512-qfUGs7UHsOBE5p/lGfQdaAj/5U/GWYBw2imEpD6UQNkqElYonkow8t+HBL1qqIl3CuGZx7n8/CQo4x1HwSHhsg== + dependencies: + btoa "^1.2.1" + chalk "^4.1.0" + convert-source-map "^1.7.0" + ejs "^3.1.5" + escape-html "^1.0.3" + glob "^7.1.6" + gzip-size "^6.0.0" + lodash "^4.17.20" + open "^7.3.1" + source-map "^0.7.4" + temp "^0.9.4" + yargs "^16.2.0" + source-map-js@^1.0.1, source-map-js@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c" @@ -4069,6 +4217,11 @@ source-map@^0.5.7: resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc" integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ== +source-map@^0.7.4: + version "0.7.4" + resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656" + integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA== + statuses@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63" @@ -4293,6 +4446,14 @@ table@^6.8.1: string-width "^4.2.3" strip-ansi "^6.0.1" +temp@^0.9.4: + version "0.9.4" + resolved "https://registry.yarnpkg.com/temp/-/temp-0.9.4.tgz#cd20a8580cb63635d0e4e9d4bd989d44286e7620" + integrity sha512-yYrrsWnrXMcdsnu/7YMYAofM1ktpL5By7vZhf15CrXijWWrEYZks5AXBudalfSWJLlnen/QUJUB5aoB0kqZUGA== + dependencies: + mkdirp "^0.5.1" + rimraf "~2.6.2" + text-table@^0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4" @@ -4602,12 +4763,30 @@ yaml@^1.10.0: resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b" integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg== +yargs-parser@^20.2.2: + version "20.2.9" + resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee" + integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w== + yargs-parser@^21.1.1: version "21.1.1" resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35" integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw== -yargs@^17.7.2: +yargs@^16.2.0: + version "16.2.0" + resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66" + integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw== + dependencies: + cliui "^7.0.2" + escalade "^3.1.1" + get-caller-file "^2.0.5" + require-directory "^2.1.1" + string-width "^4.2.0" + y18n "^5.0.5" + yargs-parser "^20.2.2" + +yargs@^17.5.1, yargs@^17.7.2: version "17.7.2" resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269" integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w== From f4df0c5ad6a61c851c8f0b115bc6669013b0f5e7 Mon Sep 17 00:00:00 2001 From: Moon Dahyun Date: Thu, 10 Oct 2024 19:39:21 +0900 Subject: [PATCH 03/14] =?UTF-8?q?Revert=20"feat/#444:=20visualizer=20?= =?UTF-8?q?=EC=A0=81=EC=9A=A9"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This reverts commit ded99ece3a5d05d2e41a0aef2e9cf4858bf52fab. --- src/pages/groupFeed/carousel/EachArticle.tsx | 5 +- src/pages/loading/Loading.tsx | 30 +- stats.html | 4842 ------------------ vite.config.ts | 4 +- yarn.lock | 189 +- 5 files changed, 11 insertions(+), 5059 deletions(-) delete mode 100644 stats.html diff --git a/src/pages/groupFeed/carousel/EachArticle.tsx b/src/pages/groupFeed/carousel/EachArticle.tsx index 21823ed5..a4f8c2c4 100644 --- a/src/pages/groupFeed/carousel/EachArticle.tsx +++ b/src/pages/groupFeed/carousel/EachArticle.tsx @@ -1,7 +1,8 @@ import styled from '@emotion/styled'; +import Lottie from 'lottie-react'; import { useEffect, useRef } from 'react'; import { useNavigate } from 'react-router-dom'; -import Loading from '../../loading/Loading'; +import LoadingLottie from '../../../assets/gifs/loading.json'; import { GroupChatIc, GroupCuriousIc, @@ -111,7 +112,7 @@ const EachArticle = (props: EachProfilePropTypes) => { )), )} - {isFetchingNextPage && } + {isFetchingNextPage && } )} diff --git a/src/pages/loading/Loading.tsx b/src/pages/loading/Loading.tsx index 097a8eb3..f9c97c6c 100644 --- a/src/pages/loading/Loading.tsx +++ b/src/pages/loading/Loading.tsx @@ -1,29 +1,11 @@ -import { useEffect, useRef } from 'react'; import styled from '@emotion/styled'; - -import * as lottie from 'lottie-web/build/player/lottie_light'; -type LettiePlayer = typeof lottie.default; -const lottiePlayer = lottie as any as LettiePlayer; +import Lottie from 'lottie-react'; import LoadingLottie from '../../assets/gifs/loading.json'; const Loading = () => { - const spinnerRef = useRef(null); - - useEffect(() => { - const animation = lottiePlayer.loadAnimation({ - container: spinnerRef.current as Element, - renderer: 'svg', - loop: true, - autoplay: true, - animationData: LoadingLottie, - }); - - return () => animation.destroy(); - }, []); - return ( - + ); }; @@ -37,11 +19,3 @@ const SpinnerWrapper = styled.div` width: 100%; height: 100vh; `; - -const Spinner = styled.div` - display: flex; - align-items: center; - justify-content: center; - width: 8.4rem; - height: 8.4rem; -`; diff --git a/stats.html b/stats.html deleted file mode 100644 index cce5709a..00000000 --- a/stats.html +++ /dev/null @@ -1,4842 +0,0 @@ - - - - - - - - Rollup Visualizer - - - -
- - - - - diff --git a/vite.config.ts b/vite.config.ts index 5368aa5e..751267d2 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,7 +1,6 @@ import react from '@vitejs/plugin-react'; -import { defineConfig, type PluginOption } from 'vite'; +import { defineConfig } from 'vite'; import svgr from 'vite-plugin-svgr'; -import { visualizer } from 'rollup-plugin-visualizer'; // https://vitejs.dev/config/ export default defineConfig({ @@ -21,6 +20,5 @@ export default defineConfig({ }, }), svgr(), - visualizer() as PluginOption, ], }); diff --git a/yarn.lock b/yarn.lock index f6608fe6..7b08b97a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1511,11 +1511,6 @@ astral-regex@^2.0.0: resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31" integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ== -async@^3.2.3: - version "3.2.6" - resolved "https://registry.yarnpkg.com/async/-/async-3.2.6.tgz#1b0728e14929d51b85b449b7f06e27c1145e38ce" - integrity sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA== - asynciterator.prototype@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz#8c5df0514936cdd133604dfcc9d3fb93f09b2b62" @@ -1605,11 +1600,6 @@ browserslist@^4.22.2: node-releases "^2.0.14" update-browserslist-db "^1.0.13" -btoa@^1.2.1: - version "1.2.1" - resolved "https://registry.yarnpkg.com/btoa/-/btoa-1.2.1.tgz#01a9909f8b2c93f6bf680ba26131eb30f7fa3d73" - integrity sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g== - call-bind@^1.0.0, call-bind@^1.0.2, call-bind@^1.0.4, call-bind@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.5.tgz#6fa2b7845ce0ea49bf4d8b9ef64727a2c2e2e513" @@ -1648,7 +1638,7 @@ chalk@^2.4.2: escape-string-regexp "^1.0.5" supports-color "^5.3.0" -chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2: +chalk@^4.0.0, chalk@^4.1.2: version "4.1.2" resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01" integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA== @@ -1671,15 +1661,6 @@ cli-width@^4.1.0: resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-4.1.0.tgz#42daac41d3c254ef38ad8ac037672130173691c5" integrity sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ== -cliui@^7.0.2: - version "7.0.4" - resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f" - integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ== - dependencies: - string-width "^4.2.0" - strip-ansi "^6.0.0" - wrap-ansi "^7.0.0" - cliui@^8.0.1: version "8.0.1" resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa" @@ -1735,7 +1716,7 @@ concat-map@0.0.1: resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg== -convert-source-map@^1.5.0, convert-source-map@^1.7.0: +convert-source-map@^1.5.0: version "1.9.0" resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f" integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A== @@ -1873,11 +1854,6 @@ define-data-property@^1.0.1, define-data-property@^1.1.1: gopd "^1.0.1" has-property-descriptors "^1.0.0" -define-lazy-prop@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f" - integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og== - define-properties@^1.1.3, define-properties@^1.2.0, define-properties@^1.2.1: version "1.2.1" resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c" @@ -1926,23 +1902,11 @@ dot-case@^3.0.4: no-case "^3.0.4" tslib "^2.0.3" -duplexer@^0.1.2: - version "0.1.2" - resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6" - integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg== - eastasianwidth@^0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb" integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA== -ejs@^3.1.5: - version "3.1.10" - resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.10.tgz#69ab8358b14e896f80cc39e62087b88500c3ac3b" - integrity sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA== - dependencies: - jake "^10.8.5" - electron-to-chromium@^1.4.601: version "1.4.630" resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.630.tgz#1d9f4169653784997bec98975e11a2c05214ce39" @@ -2109,11 +2073,6 @@ escalade@^3.1.1: resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40" integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw== -escape-html@^1.0.3: - version "1.0.3" - resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988" - integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow== - escape-string-regexp@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4" @@ -2404,13 +2363,6 @@ file-entry-cache@^8.0.0: dependencies: flat-cache "^4.0.0" -filelist@^1.0.4: - version "1.0.4" - resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5" - integrity sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q== - dependencies: - minimatch "^5.0.1" - fill-range@^7.0.1: version "7.0.1" resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40" @@ -2566,7 +2518,7 @@ glob@^10.3.7: minipass "^5.0.0 || ^6.0.2 || ^7.0.0" path-scurry "^1.10.1" -glob@^7.1.3, glob@^7.1.6: +glob@^7.1.3: version "7.2.3" resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b" integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q== @@ -2647,13 +2599,6 @@ graphql@^16.8.1: resolved "https://registry.yarnpkg.com/graphql/-/graphql-16.8.1.tgz#1930a965bef1170603702acdb68aedd3f3cf6f07" integrity sha512-59LZHPdGZVh695Ud9lRzPBVTtlX9ZCV150Er2W43ro37wVof0ctenSaskPPjN7lVTIN8mSZt8PHUNKZuNQUuxw== -gzip-size@^6.0.0: - version "6.0.0" - resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462" - integrity sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q== - dependencies: - duplexer "^0.1.2" - has-bigints@^1.0.1, has-bigints@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa" @@ -2832,11 +2777,6 @@ is-date-object@^1.0.1, is-date-object@^1.0.5: dependencies: has-tostringtag "^1.0.0" -is-docker@^2.0.0, is-docker@^2.1.1: - version "2.2.1" - resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa" - integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ== - is-extendable@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-1.0.1.tgz#a7470f9e426733d81bd81e1155264e3a3507cab4" @@ -2980,13 +2920,6 @@ is-weakset@^2.0.1: call-bind "^1.0.2" get-intrinsic "^1.1.1" -is-wsl@^2.1.1, is-wsl@^2.2.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271" - integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww== - dependencies: - is-docker "^2.0.0" - isarray@^2.0.5: version "2.0.5" resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723" @@ -3022,16 +2955,6 @@ jackspeak@^2.3.5: optionalDependencies: "@pkgjs/parseargs" "^0.11.0" -jake@^10.8.5: - version "10.9.2" - resolved "https://registry.yarnpkg.com/jake/-/jake-10.9.2.tgz#6ae487e6a69afec3a5e167628996b59f35ae2b7f" - integrity sha512-2P4SQ0HrLQ+fw6llpLnOaGAvN2Zu6778SJMrCUwns4fOoG9ayrTiZk3VV8sCPkVZF8ab0zksVpS8FDY5pRCNBA== - dependencies: - async "^3.2.3" - chalk "^4.0.2" - filelist "^1.0.4" - minimatch "^3.1.2" - "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499" @@ -3174,7 +3097,7 @@ lodash.truncate@^4.4.2: resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193" integrity sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw== -lodash@^4.17.20, lodash@^4.17.4: +lodash@^4.17.4: version "4.17.21" resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c" integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg== @@ -3186,11 +3109,6 @@ loose-envify@^1.1.0, loose-envify@^1.4.0: dependencies: js-tokens "^3.0.0 || ^4.0.0" -lottie-web@^5.12.2: - version "5.12.2" - resolved "https://registry.yarnpkg.com/lottie-web/-/lottie-web-5.12.2.tgz#579ca9fe6d3fd9e352571edd3c0be162492f68e5" - integrity sha512-uvhvYPC8kGPjXT3MyKMrL3JitEAmDMp30lVkuq/590Mw9ok6pWcFCwXJveo0t5uqYw1UREQHofD+jVpdjBv8wg== - lower-case@^2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28" @@ -3293,13 +3211,6 @@ minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2: dependencies: brace-expansion "^1.1.7" -minimatch@^5.0.1: - version "5.1.6" - resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96" - integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g== - dependencies: - brace-expansion "^2.0.1" - minimist@^1.2.0, minimist@^1.2.6: version "1.2.8" resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c" @@ -3310,13 +3221,6 @@ minimist@^1.2.0, minimist@^1.2.6: resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.0.4.tgz#dbce03740f50a4786ba994c1fb908844d27b038c" integrity sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ== -mkdirp@^0.5.1: - version "0.5.6" - resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6" - integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw== - dependencies: - minimist "^1.2.6" - ms@2.1.2: version "2.1.2" resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009" @@ -3482,23 +3386,6 @@ once@^1.3.0: dependencies: wrappy "1" -open@^7.3.1: - version "7.4.2" - resolved "https://registry.yarnpkg.com/open/-/open-7.4.2.tgz#b8147e26dcf3e426316c730089fd71edd29c2321" - integrity sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q== - dependencies: - is-docker "^2.0.0" - is-wsl "^2.1.1" - -open@^8.4.0: - version "8.4.2" - resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9" - integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ== - dependencies: - define-lazy-prop "^2.0.0" - is-docker "^2.1.1" - is-wsl "^2.2.0" - optionator@^0.9.3: version "0.9.3" resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.3.tgz#007397d44ed1872fdc6ed31360190f81814e2c64" @@ -4023,23 +3910,6 @@ rimraf@^5.0.5: dependencies: glob "^10.3.7" -rimraf@~2.6.2: - version "2.6.3" - resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab" - integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA== - dependencies: - glob "^7.1.3" - -rollup-plugin-visualizer@^5.12.0: - version "5.12.0" - resolved "https://registry.yarnpkg.com/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.12.0.tgz#661542191ce78ee4f378995297260d0c1efb1302" - integrity sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ== - dependencies: - open "^8.4.0" - picomatch "^2.3.1" - source-map "^0.7.4" - yargs "^17.5.1" - rollup@^4.2.0: version "4.9.5" resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.9.5.tgz#62999462c90f4c8b5d7c38fc7161e63b29101b05" @@ -4189,24 +4059,6 @@ snake-case@^3.0.4: dot-case "^3.0.4" tslib "^2.0.3" -source-map-explorer@^2.5.3: - version "2.5.3" - resolved "https://registry.yarnpkg.com/source-map-explorer/-/source-map-explorer-2.5.3.tgz#33551b51e33b70f56d15e79083cdd4c43e583b69" - integrity sha512-qfUGs7UHsOBE5p/lGfQdaAj/5U/GWYBw2imEpD6UQNkqElYonkow8t+HBL1qqIl3CuGZx7n8/CQo4x1HwSHhsg== - dependencies: - btoa "^1.2.1" - chalk "^4.1.0" - convert-source-map "^1.7.0" - ejs "^3.1.5" - escape-html "^1.0.3" - glob "^7.1.6" - gzip-size "^6.0.0" - lodash "^4.17.20" - open "^7.3.1" - source-map "^0.7.4" - temp "^0.9.4" - yargs "^16.2.0" - source-map-js@^1.0.1, source-map-js@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c" @@ -4217,11 +4069,6 @@ source-map@^0.5.7: resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc" integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ== -source-map@^0.7.4: - version "0.7.4" - resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656" - integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA== - statuses@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63" @@ -4446,14 +4293,6 @@ table@^6.8.1: string-width "^4.2.3" strip-ansi "^6.0.1" -temp@^0.9.4: - version "0.9.4" - resolved "https://registry.yarnpkg.com/temp/-/temp-0.9.4.tgz#cd20a8580cb63635d0e4e9d4bd989d44286e7620" - integrity sha512-yYrrsWnrXMcdsnu/7YMYAofM1ktpL5By7vZhf15CrXijWWrEYZks5AXBudalfSWJLlnen/QUJUB5aoB0kqZUGA== - dependencies: - mkdirp "^0.5.1" - rimraf "~2.6.2" - text-table@^0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4" @@ -4763,30 +4602,12 @@ yaml@^1.10.0: resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b" integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg== -yargs-parser@^20.2.2: - version "20.2.9" - resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee" - integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w== - yargs-parser@^21.1.1: version "21.1.1" resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35" integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw== -yargs@^16.2.0: - version "16.2.0" - resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66" - integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw== - dependencies: - cliui "^7.0.2" - escalade "^3.1.1" - get-caller-file "^2.0.5" - require-directory "^2.1.1" - string-width "^4.2.0" - y18n "^5.0.5" - yargs-parser "^20.2.2" - -yargs@^17.5.1, yargs@^17.7.2: +yargs@^17.7.2: version "17.7.2" resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269" integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w== From 95973cd9e022b447f82f5b2dd6a9da0a2ec25862 Mon Sep 17 00:00:00 2001 From: Moon Dahyun Date: Thu, 10 Oct 2024 19:42:11 +0900 Subject: [PATCH 04/14] =?UTF-8?q?feat/#444=20:=20visualizer=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 --- vite.config.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/vite.config.ts b/vite.config.ts index 751267d2..5368aa5e 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,6 +1,7 @@ import react from '@vitejs/plugin-react'; -import { defineConfig } from 'vite'; +import { defineConfig, type PluginOption } from 'vite'; import svgr from 'vite-plugin-svgr'; +import { visualizer } from 'rollup-plugin-visualizer'; // https://vitejs.dev/config/ export default defineConfig({ @@ -20,5 +21,6 @@ export default defineConfig({ }, }), svgr(), + visualizer() as PluginOption, ], }); From 439a703e88d8b9e9c828d91e7d9a036d4f741a80 Mon Sep 17 00:00:00 2001 From: Moon Dahyun Date: Thu, 10 Oct 2024 19:43:51 +0900 Subject: [PATCH 05/14] =?UTF-8?q?chore/#444=20:=20react=20=EB=9D=BC?= =?UTF-8?q?=EC=9D=B4=EB=B8=8C=EB=B2=84=EB=A6=AC=20vendor=EB=A1=9C=20?= =?UTF-8?q?=EB=B2=88=EB=93=A4=20=EB=B6=84=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- vite.config.ts | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/vite.config.ts b/vite.config.ts index 5368aa5e..7b4aa214 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -23,4 +23,14 @@ export default defineConfig({ svgr(), visualizer() as PluginOption, ], + build: { + sourcemap: true, + rollupOptions: { + output: { + manualChunks: { + vendor: ['react', 'react-dom', 'react-router-dom'], + }, + }, + }, + }, }); From 91b076853daeb13325ed187c84d908e3693a7f05 Mon Sep 17 00:00:00 2001 From: Moon Dahyun Date: Thu, 10 Oct 2024 19:45:03 +0900 Subject: [PATCH 06/14] =?UTF-8?q?feat/#444=20:=20=EB=A1=9C=ED=8B=B0?= =?UTF-8?q?=EC=9B=B9=EC=9D=84=20=EC=A0=81=EC=9A=A9=ED=95=B4=EC=84=9C=20?= =?UTF-8?q?=EB=A1=9C=EC=A7=81=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/loading/Loading.tsx | 30 ++++++++++++++++++++++++++++-- 1 file changed, 28 insertions(+), 2 deletions(-) diff --git a/src/pages/loading/Loading.tsx b/src/pages/loading/Loading.tsx index f9c97c6c..097a8eb3 100644 --- a/src/pages/loading/Loading.tsx +++ b/src/pages/loading/Loading.tsx @@ -1,11 +1,29 @@ +import { useEffect, useRef } from 'react'; import styled from '@emotion/styled'; -import Lottie from 'lottie-react'; + +import * as lottie from 'lottie-web/build/player/lottie_light'; +type LettiePlayer = typeof lottie.default; +const lottiePlayer = lottie as any as LettiePlayer; import LoadingLottie from '../../assets/gifs/loading.json'; const Loading = () => { + const spinnerRef = useRef(null); + + useEffect(() => { + const animation = lottiePlayer.loadAnimation({ + container: spinnerRef.current as Element, + renderer: 'svg', + loop: true, + autoplay: true, + animationData: LoadingLottie, + }); + + return () => animation.destroy(); + }, []); + return ( - + ); }; @@ -19,3 +37,11 @@ const SpinnerWrapper = styled.div` width: 100%; height: 100vh; `; + +const Spinner = styled.div` + display: flex; + align-items: center; + justify-content: center; + width: 8.4rem; + height: 8.4rem; +`; From cc16eff095587d994b8b3726ad5a371143731e67 Mon Sep 17 00:00:00 2001 From: Moon Dahyun Date: Thu, 10 Oct 2024 19:46:19 +0900 Subject: [PATCH 07/14] =?UTF-8?q?feat/#444=20:=20=EB=AA=A8=EC=9E=84?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=A1=9C=ED=8B=B0=20=EB=B3=80?= =?UTF-8?q?=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/groupFeed/carousel/EachArticle.tsx | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/pages/groupFeed/carousel/EachArticle.tsx b/src/pages/groupFeed/carousel/EachArticle.tsx index a4f8c2c4..21823ed5 100644 --- a/src/pages/groupFeed/carousel/EachArticle.tsx +++ b/src/pages/groupFeed/carousel/EachArticle.tsx @@ -1,8 +1,7 @@ import styled from '@emotion/styled'; -import Lottie from 'lottie-react'; import { useEffect, useRef } from 'react'; import { useNavigate } from 'react-router-dom'; -import LoadingLottie from '../../../assets/gifs/loading.json'; +import Loading from '../../loading/Loading'; import { GroupChatIc, GroupCuriousIc, @@ -112,7 +111,7 @@ const EachArticle = (props: EachProfilePropTypes) => { )), )} - {isFetchingNextPage && } + {isFetchingNextPage && } )} From 723e55a8a11e5df3deec93c44e00b772311fcb4d Mon Sep 17 00:00:00 2001 From: Moon Dahyun Date: Sun, 13 Oct 2024 16:59:39 +0900 Subject: [PATCH 08/14] =?UTF-8?q?chore/#444:=20=ED=95=84=EC=9A=94=EC=97=86?= =?UTF-8?q?=EB=8A=94=20=EC=BD=98=EC=86=94=20=EC=82=AD=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/groupFeed/components/GroupTodayWriteStyle.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/pages/groupFeed/components/GroupTodayWriteStyle.tsx b/src/pages/groupFeed/components/GroupTodayWriteStyle.tsx index e0749ba6..a71ce3a0 100644 --- a/src/pages/groupFeed/components/GroupTodayWriteStyle.tsx +++ b/src/pages/groupFeed/components/GroupTodayWriteStyle.tsx @@ -19,7 +19,6 @@ const GroupTodayWriteStyle = (props: GroupTodayWriteStylePropTypes) => { const navigate = useNavigate(); const { todayInfo, isMember, groupId } = props; - console.log(todayInfo, 'in'); const handleNavigatePostPage = () => { navigate(`/post/${groupId}/post`); From ffac873198e77331b5c14187f4231a9b31b58a99 Mon Sep 17 00:00:00 2001 From: JAEHOON LEE Date: Wed, 16 Oct 2024 18:03:04 +0900 Subject: [PATCH 09/14] =?UTF-8?q?docs:=20=ED=8A=B8=EB=9F=AC=EB=B8=94?= =?UTF-8?q?=EC=8A=88=ED=8C=85=20=EB=B0=8F=20=EC=95=84=ED=8B=B0=ED=81=B4=20?= =?UTF-8?q?=EB=A7=81=ED=81=AC=20=EC=9E=84=EC=8B=9C=20=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 6 ------ 1 file changed, 6 deletions(-) diff --git a/README.md b/README.md index f00a77c0..75607275 100644 --- a/README.md +++ b/README.md @@ -367,10 +367,4 @@ function checkIsUser({userName, userBirth}:userDataPropsTypes){

-### ๐Ÿ“ช ์šฐ๋ฆฌ๋“ค์˜ ๊ณ ๋ฏผ ์•„์นด์ด๋น™ - -| ๐Ÿช„ ์งœ๋ฏธ๋“ค์˜ ์•„ํ‹ฐํด | ๐Ÿ’ฅ ์งœ๋ฏธ๋“ค์˜ ํŠธ๋Ÿฌ๋ธ” ์ŠˆํŒ… | -| ---------------------- | ---------------------- | -|
  • [์žฌํ›ˆ์ด์˜ React Query ์•„ํ‹ฐํด](https://lapis-margin-2db.notion.site/92858409a2b64432821dad4ac58cd630?pvs=4)
  • [๋‹ค์€์ด์˜ Context API ์•„ํ‹ฐํด](https://velog.io/@namdaeun/React-Context-API-%ED%8C%8C%ED%97%A4%EC%B9%98%EA%B8%B0)
  • [๋‹ค์€์ด์˜ ์ดˆ๊ธฐ์„ธํŒ…(eslint & prettier) ์•„ํ‹ฐํด](https://velog.io/@namdaeun/eslint-prettier-์ดˆ๊ธฐ์„ธํŒ…)
  • [๋‹คํ˜„์ด์˜ ReactQuery ์•„ํ‹ฐํด](https://velog.io/@moondda/React-Query-%EB%BF%8C%EC%88%98%EA%B8%B0)
  • [์„œ์ง„์ด์˜ StoryBook ์•„ํ‹ฐํด](https://www.notion.so/Storybook-c60797fa06104848ac9e5f4e143bed15)
  • [์žฌํ›ˆ Typescript ์•„ํ‹ฐํด](https://lapis-margin-2db.notion.site/Typescript-3814d266b2094c12a7a9b241e983d0d9?pvs=4)
  • [์žฌํ›ˆ์ด์˜ Emotion ์•„ํ‹ฐํด](https://lapis-margin-2db.notion.site/Emotion-518a0b3b11054afebf41e729e77712b2?pvs=4)
|
  • [git pr ์‹ค์ˆ˜๋กœ mergeํ–ˆ์„ ๋•Œ!](https://unnamedwritings.notion.site/git-pr-merge-682b85d88d6e43d08787cd4d3a53a2e3?pvs=4)
  • [stylelint ๋ช‡๊ฐ€์ง€ ์—๋Ÿฌ](https://unnamedwritings.notion.site/stylelint-231ec23fd0194163ae293e720aaaaeb7?pvs=4)
  • [Pretendard ์„ค์ • ์•ˆ๋จน์–ด? Variable์€ ๋ญ์•ผ?](https://unnamedwritings.notion.site/Pretendard-Variable-89309bc1f1c542179aa47a0175f5b4f7?pvs=4)
  • [emotion style ๋ณ€์ˆ˜ prop+hover์ ์šฉํ•˜๊ธฐ](https://unnamedwritings.notion.site/emotion-style-prop-hover-2e135c5cdad54326a3af4b88f605f891?pvs=4)
  • [\2022 ์ด๊ฑฐ ๋ญ๊ฒŒ ใ…‹ ?](https://unnamedwritings.notion.site/2022-93485ad8d0174ccabe1505e003f45ae9?pvs=4)
  • [css์˜ has ์†์„ฑ์— ๋Œ€ํ•ด ์•„์‹œ๋‚˜์š” ?](https://unnamedwritings.notion.site/css-has-9a8abb20eefb41a784cc6f88a7da478e?pvs=4)
  • [image ๊ฐ’ null์ธ์ง€ ํ™•์ธ](https://unnamedwritings.notion.site/image-null-679decbddbb143258375dac29e1ad195?pvs=4)
  • [Quilljs ์—๋””ํ„ฐ์˜ ๋ชจ๋“  ๊ฒƒ](https://unnamedwritings.notion.site/Quilljs-02595395a67946c484ded69d09770210?pvs=4)
  • [svg ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธํ™”](https://unnamedwritings.notion.site/svg-3236297adf1940edbc9692b194d45103?pvs=4)
  • [๊ฒฝ์šฐ์— ๋”ฐ๋ผ ์ปดํฌ๋„ŒํŠธ ๋„์šฐ๊ธฐ](https://unnamedwritings.notion.site/323ace14b26643a6a379ee3d48c6d1b4?pvs=4)
  • [emotion styelint ์ดˆ๊ธฐ์„ธํŒ…](https://unnamedwritings.notion.site/emotion-styelint-eca968031dac484bbf2db56a5bad25f5?pvs=4)
  • [react-slick ์‚ฌ์šฉ๊ธฐ](https://unnamedwritings.notion.site/react-slick-096080a35b924241999b6012ce28a585?pvs=4)
  • [์บ๋Ÿฌ์…€ ๋งˆ์ง€๋ง‰ ์Šฌ๋ผ์ด๋“œ ์ด๋ฏธ์ง€ ํฌ๊ธฐ ์ค„์ด๊ธฐ](https://unnamedwritings.notion.site/76185b44e0f74d83b99f49845e16ba10?pvs=4)
  • [spacing component ๋งŒ๋“ค๊ธฐ](https://unnamedwritings.notion.site/spacing-component-747b2d8bda3a49059fe4ec9210e0f18b?pvs=4)
  • [hover ํ–ˆ๋”๋‹ˆ ์š”์†Œ๊ฐ€ ์›€์ง์ด๋ฉด ?](https://unnamedwritings.notion.site/hover-7903e6ae25f042f0b0343c945d6c6d32?pvs=4)
  • [์Šคํฌ๋กค๋ฐ”์— ์—ฌ๋ฐฑ ์ฃผ๊ณ  ์‹ถ์€๋ฐ์š” ..](https://unnamedwritings.notion.site/5afdaf5a12864fdcb4aaf8a686fa09a1?pvs=4)
  • [eslint import order ./ ../ ๊ฒฝ๋กœ ์ˆœ์„œ ์ถฉ๋Œ](https://unnamedwritings.notion.site/eslint-import-order-cf70fdcebf184dc390d98dd9158c34c0?pvs=4)
  • [React Query ์ฟผ๋ฆฌํ‚ค ์‚ฌ์šฉ๋ฐฉ๋ฒ• + ์˜ˆ์‹œ์ฝ”๋“œ](https://unnamedwritings.notion.site/React-Query-0b3ef41c6eae4066b9464bf1ae520b64?pvs=4)
  • [์ด์ค‘ ๊ฐ์ฒด์—์„œ ๊ฐ’ ๋นผ๋‚ด์˜ค๊ธฐ](https://unnamedwritings.notion.site/5cd46f41f9b8410eb743791e53a13918?pvs=4)
  • [๋ฐฐ์—ด์˜ ๋งˆ์ง€๋ง‰ ์ธ๋ฑ์Šค ์„ค์ •](https://unnamedwritings.notion.site/370032e0886f4ad9b8fef0b2fe4c706d?pvs=4)
  • [map ๋ฐ˜ํ™˜๊ฐ’์€ ์ˆœ์„œ๊ฐ€ ๋ณด์žฅ๋˜์ง€ ์•Š๋Š”๋‹ค](https://unnamedwritings.notion.site/map-36fc178f96684b11b00d3f7ca8ea02d5?pvs=4)
  • [์ด๋ฏธ์ง€ ํƒœ๊ทธ์— border๊ฐ€ ์•ˆ ์—†์–ด์ ธ์š”](https://unnamedwritings.notion.site/border-d1620da4e2f74313b211aecb81b09084?pvs=4)
  • [CORS policy์—๋Ÿฌ๋‚  ๋•Œ](https://unnamedwritings.notion.site/CORS-policy-7914ce3a812c4e3aad1619a246febc9a?pvs=4)
  • [React-Query useQuery๊ฐ’ ์ƒˆ๋กœ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ](https://unnamedwritings.notion.site/React-Query-useQuery-225117e3e91e4fd6beb90ea26eb3a8d1?pvs=4)
  • [svg๊ฐ€ ๋ฐฐํฌํ•˜๋‹ˆ๊นŒ ์•ˆ ๋ณด์—ฌ์š”](https://unnamedwritings.notion.site/svg-2acc7d727b924c63b89e9ee54813e69d?pvs=4)
  • [๋กœ๊ทธ์ธ ํ™˜๊ฒฝ๋ณ€์ˆ˜ ์ ์šฉ](https://unnamedwritings.notion.site/1a0f0c710d5640ef9b47840a845b2059?pvs=4)
  • - From 867615abc6813e47443c157f5ee6d7f74c69266a Mon Sep 17 00:00:00 2001 From: se0jinYoon Date: Wed, 30 Oct 2024 19:18:50 +0900 Subject: [PATCH 10/14] =?UTF-8?q?design:=20=EA=B8=80=EA=B0=90=ED=83=9C?= =?UTF-8?q?=EA=B7=B8=20=EC=A0=95=EB=A0=AC=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/admin/components/EachTopic.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/pages/admin/components/EachTopic.tsx b/src/pages/admin/components/EachTopic.tsx index 778f3c3a..3fdd24cc 100644 --- a/src/pages/admin/components/EachTopic.tsx +++ b/src/pages/admin/components/EachTopic.tsx @@ -120,7 +120,7 @@ const TopicWrapper = styled.div` const TopicData = styled.div` display: flex; gap: 4rem; - align-items: center; + align-items: flex-start; width: 64.9rem; height: 5.2rem; `; @@ -145,6 +145,7 @@ const TopicDate = styled.p` const TopicTag = styled.p` width: 7rem; + padding: 0.6rem 0; color: ${({ theme }) => theme.colors.black}; ${({ theme }) => theme.fonts.body1}; From d1bb5e0ffb251d70cece5d20e694a0ace27b8771 Mon Sep 17 00:00:00 2001 From: se0jinYoon Date: Wed, 30 Oct 2024 19:33:27 +0900 Subject: [PATCH 11/14] =?UTF-8?q?design:=20=EA=B8=80=EC=84=A4=EB=AA=85?= =?UTF-8?q?=EC=97=90=EB=8F=84=20padding=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/admin/components/EachTopic.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/pages/admin/components/EachTopic.tsx b/src/pages/admin/components/EachTopic.tsx index 3fdd24cc..944e38b9 100644 --- a/src/pages/admin/components/EachTopic.tsx +++ b/src/pages/admin/components/EachTopic.tsx @@ -155,6 +155,7 @@ const TopicTag = styled.p` const TopicDescription = styled.p` display: -webkit-box; width: 29rem; + padding-top: 0.2rem; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; From 3a7009a934a700beaa3a075e3f03690dfc7c6c9c Mon Sep 17 00:00:00 2001 From: se0jinYoon Date: Wed, 30 Oct 2024 19:49:14 +0900 Subject: [PATCH 12/14] =?UTF-8?q?design:=20=EA=B8=80=EC=83=81=EC=84=B8?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20word-break=20=EC=86=8D=EC=84=B1?= =?UTF-8?q?=20=EC=88=AB=EC=9E=90,=20=EC=98=81=EC=96=B4,=20=ED=8A=B9?= =?UTF-8?q?=EC=88=98=EB=AC=B8=EC=9E=90=EB=8F=84=20=EB=90=98=EA=B2=8C=20?= =?UTF-8?q?=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/postDetail/PostDetail.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/postDetail/PostDetail.tsx b/src/pages/postDetail/PostDetail.tsx index 767f71f3..7c654840 100644 --- a/src/pages/postDetail/PostDetail.tsx +++ b/src/pages/postDetail/PostDetail.tsx @@ -326,7 +326,7 @@ const PostContainer = styled.div` min-height: 6rem; padding: 3.6rem; - word-break: keep-all; + word-break: break-all; background-color: ${({ theme }) => theme.colors.white}; border-radius: 10px; From deb6684199638ed605928a19c951cd00210db078 Mon Sep 17 00:00:00 2001 From: se0jinYoon Date: Tue, 5 Nov 2024 16:10:24 +0900 Subject: [PATCH 13/14] =?UTF-8?q?design:=20=EA=B8=80=EC=83=81=EC=84=B8?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=A0=9C=EB=AA=A9=20break-all=20?= =?UTF-8?q?=EC=86=8D=EC=84=B1=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/postDetail/PostDetail.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/pages/postDetail/PostDetail.tsx b/src/pages/postDetail/PostDetail.tsx index 7c654840..a28b8169 100644 --- a/src/pages/postDetail/PostDetail.tsx +++ b/src/pages/postDetail/PostDetail.tsx @@ -254,6 +254,7 @@ const DetailBox = styled.div` const TitleText = styled.h1` color: ${({ theme }) => theme.colors.grayBlack}; ${({ theme }) => theme.fonts.title1}; + word-break: break-all; `; const DateText = styled.p` From e0a6ccab040b14b92f2edb3c3ac3eac03dabba9e Mon Sep 17 00:00:00 2001 From: se0jinYoon Date: Tue, 5 Nov 2024 16:14:13 +0900 Subject: [PATCH 14/14] =?UTF-8?q?design:=20=EA=B8=80=EB=AA=A8=EC=9E=84=20?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=BA=90=EB=9F=AC=EC=85=80=20?= =?UTF-8?q?=EA=B8=80=20=EB=82=B4=EC=9A=A9=20=EB=84=98=EC=B9=98=EB=8A=94=20?= =?UTF-8?q?=EA=B1=B0=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/groupFeed/carousel/Carousel.tsx | 1 - src/pages/groupFeed/carousel/EachArticle.tsx | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/src/pages/groupFeed/carousel/Carousel.tsx b/src/pages/groupFeed/carousel/Carousel.tsx index a506aae0..156dcb87 100644 --- a/src/pages/groupFeed/carousel/Carousel.tsx +++ b/src/pages/groupFeed/carousel/Carousel.tsx @@ -114,6 +114,5 @@ const TopicDescription = styled.div` width: 63.1rem; color: ${({ theme }) => theme.colors.gray70}; - ${({ theme }) => theme.fonts.body3}; `; diff --git a/src/pages/groupFeed/carousel/EachArticle.tsx b/src/pages/groupFeed/carousel/EachArticle.tsx index 21823ed5..d6601261 100644 --- a/src/pages/groupFeed/carousel/EachArticle.tsx +++ b/src/pages/groupFeed/carousel/EachArticle.tsx @@ -187,8 +187,8 @@ const ArticleContent = styled.div` overflow: hidden; color: ${({ theme }) => theme.colors.gray70}; - ${({ theme }) => theme.fonts.body3}; + word-break: break-all; `; const ArticleInfo = styled.div`