천천히 알아보는 코딩공부

file-loader - 웹팩으로 번들링 시 웹앱에 css, scss와의 폰트나 이미지 등의 타입의 파일이 있을 경우 해석하도록 해주는 loader다. npm install --save-dev file-loader 로더 설치 후 webpack.config.js rules: [ //... { test: /\.(png|jpg|gif)$/, use: [ { loader: 'file-loader', options: { name: '[name].[ext]', }, }, ], }, header.js 이미지 삽입하고자 하는 곳에 비슷하게 코드를 넣어주면 된다. import React from 'react'; import niceLogo from '../assets/img/logo.jpg'; // 이미지로고 impor..