[React] 리액트 이미지 넣는 방법 (이미지 경로)

 리액트 이미지 경로

 

보통 public에 이미지들을 다 집어넣고 쓰는 편인데 정말 간편한 방법이 있어 공유하고자 한다.

먼저 public에 img라는 폴더를 만들어준다.

 

 

반응형

 

그리고 src에서 작업하는 곳에서 이미지를 불러올 때 경로를 img/를 넣으면 아주 쉽게 불러온다.

import React from 'react';
import "./Card1.css";

function Card1() {
    return (
        <div className="Card1">
            <div className="c1image">
                <img className="phoneImage" alt="iPhone_01" src="img/iPhone_01.png" />
            </div>
        </div>
    )
}

export default Card1;

 

간단하쥬?