본문 바로가기
Research/React

React_local images(src folder)

by RIEM 2023. 4. 24.

React

public이 아니라 src 폴더에서 바로 이미지를 가져오는 방법을 알아보자. 이 방법이 성능이 더 좋다고 한다.

// src/books.js

// images from src/images/book-n.jpg
import img1 from './images/book-1.jpg';
import img2 from './images/book-2.jpg';
import img3 from './images/book-3.jpg';

console.log('fukc');

const books = [
  {
    author: 'Charles Dickens',
    title: 'Interesting Topics',
    img: img1,
    id: 1,
  },
  {
    author: 'Laura Dave',
    title: 'The Last Thing He Told Me',
    img: img2,
    id: 2,
  },
  {
    author: 'R.F Kuang',
    title: 'Babel: Or the necessity of violence',
    img: img3,
    id: 3,
  },
];

// only one default function available per one file
export default books;

댓글