성능 최적화 - 사용자 이미지 아이콘 width, height 추가 (#586)

* fix: 사용자 이미지 아이콘 width, height 추가 * chore: compression 관련 코드 삭제
woowacourse-teams · Oct 8, 2023 · 7222ae4 · 7222ae4
1 parent acc4669
commit 7222ae4
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 128 deletions.
diff --git a/frontend/config/webpack.prod.js b/frontend/config/webpack.prod.js
@@ -2,7 +2,6 @@
 const { merge } = require('webpack-merge');
 const common = require('./webpack.common');
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
-const CompressionPlugin = require('compression-webpack-plugin');
 
 module.exports = merge(common, {
   mode: 'production',
@@ -19,6 +18,5 @@ module.exports = merge(common, {
       generateStatsFile: true,
       statsFilename: 'bundle-report.json',
     }),
-    new CompressionPlugin(),
   ],
 });
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -72,7 +72,6 @@
     "@typescript-eslint/eslint-plugin": "^6.2.0",
     "@typescript-eslint/parser": "^6.2.0",
     "babel-plugin-react-require": "^4.0.0",
-    "compression-webpack-plugin": "^10.0.0",
     "copy-webpack-plugin": "^11.0.0",
     "cross-env": "^7.0.3",
     "cypress": "^12.17.3",

diff --git a/frontend/src/components/layout/Header/LoggedInMenu/LoggedInMenu.style.ts b/frontend/src/components/layout/Header/LoggedInMenu/LoggedInMenu.style.ts
@@ -7,6 +7,8 @@ export const imageStyling = css({
   minHeight: '32px',
   maxWidth: '32px',
   maxHeight: '32px',
+  width: '32px',
+  height: '32px',
   border: 'none',
   outline: 0,
   borderRadius: '50%',