[FE] CopyWebpackPlugin을 사용하여 favicon 적용 문제 해결 (#349)

* chore: copy-webpack-plugin 추가

* chore: favicon 파일들을 빌드 디렉토리로 복사

frontend/package.json

@@ -63,6 +63,7 @@
     "@typescript-eslint/eslint-plugin": "7.16.0",
     "@typescript-eslint/parser": "7.16.0",
     "babel-loader": "9.1.3",
+    "copy-webpack-plugin": "^12.0.2",
     "dotenv-webpack": "8.1.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-jsx-a11y": "6.9.0",

frontend/webpack.common.js

@@ -1,10 +1,12 @@
 const path = require('path');
+const webpack = require('webpack');
+
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
 const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
 const DotenvWebpackPlugin = require('dotenv-webpack');
 
 const { sentryWebpackPlugin } = require('@sentry/webpack-plugin');
-const webpack = require('webpack');
 
 module.exports = () => ({
   entry: './src/index.tsx',
@@ -69,6 +71,9 @@ module.exports = () => ({
     new HtmlWebpackPlugin({
       template: 'public/index.html',
     }),
+    new CopyWebpackPlugin({
+      patterns: [{ from: 'public/assets/favicons', to: 'assets/favicons' }],
+    }),
     new ForkTsCheckerWebpackPlugin(),
     new DotenvWebpackPlugin(),
     sentryWebpackPlugin({