저번시간 숙제 : Card 컴포넌트 만들기 강의에서

[박지우]

let Card = function ShoesInfo(props){
                        return(
                          <Col className='col-md-4'>
                            < img src={'./img/shoes'+ (props.i+1) +'.jpg'} width="80%"/>
                            <h4>{props.shoes[props.i].title}</h4>
                            <p>{props.shoes[props.i].price}</p>
                          </Col>
                        )
                      }

저는 Card 컴포넌트 또한 data.js 에 추가하여 export하고 App.js 에 import 하여 사용하였는데 위와 같이
src={'./img/shoes'+ (props.i+1) +'.jpg' 하니까 사진이 잘 안 뜨고

선생님 코드처럼
src={'https://codingapple1.github.io/shop/shoes' + (props.i+1) + '.jpg'} 이렇게 하니 사진이 잘 뜨는데

src={'./img/shoes'+ (props.i+1) +'.jpg'  이게 안되는 이유를 알 수 있을까요??

[codingapple]

src 폴더에 있는 사진은 다이나믹하게 집어넣으려면 require 문법쓰든가 해야해서 그렇습니다

[글쓴이]

글