chore: @svgr/webpack 설치 및 적용

Author: kyubumjang

next.config.js

@@ -26,4 +26,11 @@ module.exports = {
   compiler: {
     emotion: true,
   },
+  webpack: (config) => {
+    config.module.rules.push({
+      test: /\.svg$/,
+      use: ['@svgr/webpack'],
+    });
+    return config;
+  },
 };

package.json

@@ -20,6 +20,7 @@
   "devDependencies": {
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
+    "@svgr/webpack": "^6.5.1",
     "@types/node": "18.11.0",
     "@types/react": "18.0.21",
     "@types/react-dom": "18.0.6",
@@ -31,6 +32,7 @@
     "husky": "^8.0.1",
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
+    "react-icons": "^4.6.0",
     "redux-logger": "^3.0.6",
     "typescript": "4.8.4"
   }