[React]video삽입하기

😦문제발생

포트폴리오 작성 중 mp.4영상을 삽입해야했다.
먼저 assets폴더에 영상을 넣고 import하는데 아예 폴더 자체가 나오지 않는다;;

💻문제 해결찾기

해결을 위해 여러 블로그를 찾아본 결과
https://stackoverflow.com/questions/60794257/react-js-react-player-how-to-play-local-video
나와같은 문제를 발견!

👩‍💻해결하기

먼저 public폴더에 videos폴더를 만들고 폴더 아래 영상을 넣어준다. 그리고 필요한 곳에 url를 이용해서 주소를 넣어주면 끝!

public 폴더 참조 시
index.html 에서는 %PUBLIC_URL%
그 외 javascript 코드에서는 process.env.PUBLIC_URL

*Reactplayer사용
https://www.npmjs.com/package/react-player