[React] Styled-components Globalstyle 사용 후 배포 시 폰트, 이미지 에러

👀웹 포트폴리오 완성 후 배포과정에서 겪은 문제 style-components 의 createglobalstyle 을 사용하여 font-face, cursor을 지정 했다. public 폴더에 해당 폰트, 이미지를 넣어두고 src 폴더의 globalstyle 에서 위와 같은 코드로 경로 설정을 하고.. 로컬에서는 잘 적용이 되었지만 gitgub 배포시 해당 폰트와 커서 이미지를 불러올 수 없다는 404 에러가 나타났다. 깃헙 페이지 배포를 하며 homepage url 경로를 설정하는데 , 웹펙에서 해당 처리가 되지 않았기 때문이였다. 구글링 구글링.. public폴더에 파일을 넣으면 웹팩에서 처리 되지 않습니다. 대신 빌드 폴더에 그대로 복사됩니다. 폴더의 자산을 참조하려면 public이라는 환경 변수 ..

2023.02.06