React : public 폴더 이미지 절대경로로 사용하기

오픈 그래프로 썸네일 이미지를 넣으려는데 아무리 넣어도 썸네일이 뜨지 않았다.

우선

에서 이미지 경로는 상대경로가 아니라 절대경로로 들어가야한다!

publlic 폴더에 썸네일에 사용할 이미지를 넣어주고

<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />

이렇게 %PUBLIC_URL% 를 사용하면 된다.

나같은 경우엔 public 폴더 안에 바로 이미지가 있으니

%PUBLIC_URL%/jeju.jpg가 됨.

더 자세한 내용은 공식 문서를 참고하세요!

Using the Public Folder | Create React App

Note: this feature is available with react-scripts@0.5.0 and higher.

create-react-app.dev

handler