chore: 티켓 이미지를 이모지로 대체

Co-authored-by: moonheekim0118 <hellomooneekim@gmail.com>
moonheekim0118 · Feb 23, 2022 · d549f26 · d549f26
1 parent aea694e
commit d549f26
Show file tree

Hide file tree

Showing 6 changed files with 2 additions and 213 deletions.
diff --git a/images/lotto_ticket.svg b/images/lotto_ticket.svg
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,12 +21,10 @@
     "eslint-config-prettier": "^8.4.0",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-prettier": "^4.0.0",
-    "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.5.0",
     "jest": "^27.5.1",
     "prettier": "^2.5.1",
     "style-loader": "^3.3.1",
-    "url-loader": "^4.1.1",
     "webpack": "^5.69.1",
     "webpack-cli": "^4.9.2",
     "webpack-dev-server": "^4.7.4"

diff --git a/src/css/index.css b/src/css/index.css
@@ -183,9 +183,7 @@ h1 {
 
 .lotto-list__ticket {
   display: inline-block;
-  background-image: url('../../images/lotto_ticket.svg');
-  width: 34px;
-  height: 36px;
+  font-size: 34px;
   margin-right: 8px;
 }
 

diff --git a/src/js/view/LottoList.js b/src/js/view/LottoList.js
@@ -31,7 +31,7 @@ export default class LottoListView {
       .map(
         lotto => `
         <li class="lotto-list">
-          <span class="lotto-list__ticket"></span>
+          <span class="lotto-list__ticket">🎟️</span>
           <span class="lotto-list__numbers">${[...lotto.values()].join(', ')}</span>
         </li>`,
       )

diff --git a/webpack.config.js b/webpack.config.js
@@ -34,22 +34,6 @@ module.exports = {
         test: /\.css$/,
         use: ['style-loader', 'css-loader'],
       },
-      {
-        test: /\.svg$/,
-        loader: 'file-loader',
-        options: {
-          publicPath: './dist/',
-          name: '[name].[ext]?[hash]',
-        },
-      },
-      {
-        test: /\.svg$/,
-        loader: 'url-loader',
-        options: {
-          limit: 8000,
-          name: 'images/[hash]-[name].[ext]',
-        },
-      },
     ],
   },
   plugins: [