[error] React에서 static file 불러오기

조성철 (JoSworkS)·2020년 6월 13일
2
post-thumbnail

CRA로 만들어진 리액트 앱에서 public 폴더를 이용하면 간단하게 정적 파일들에 접근할 수 있다.

예를 들어 로컬에 있는 이미지를 이용하고자 한다면, public 폴더 내에 images라는 폴더를 만들고 이미지들을 넣는다.

그리고 리액트 컴포넌트에서 해당 상대경로를 넣으면 정적 파일에 쉽게 엑세스할 수 있다.

// 정적 파일을 사용하고자 하는 component
<ForgotWrapper as="a" href="/forgot/mail">
  <img src="/images/findMail.jpeg" alt="find-email" />
  <ButtonTitle>Email</ButtonTitle>
</ForgotWrapper>;

참고 자료

0개의 댓글