nomadcoder님의 reactJs로 영화웹사이트만들기를 배우고 중이다!
publish하는 과정에서 겪은 어려움들을 모아서 정리해보려고 한다.
package.json파일을 살펴보면 사용하고 있는 라우터 버전이 적혀있다.
"react-router-dom": "^5.3.0",
"react-scripts": "^5.0.1",난 v5를 사용하고 있었다! 따라서 switch로 route를 렌더링할 수 있다는 것, basename을 설정하지 않아도 된다는 것을 알 수 있다!
-
package.json에 "homepage"에 link작성시 "https://{username}.github.io/{userdirectory}/"로 배포했으나 정상 작동을 하지 않았다.
"https://{username}.github.io/{userdirectory}"로 배포하니 동작이 잘되었습니다😊 - 태그 작성시에 오류가 있었다. {process.env.PUBLIC_URL}이 포함되어있어 기존 url이 두번 반복되어 원하는 페이지에 접속이 되지 않았다. 😢
-
.gitignore에서 #dependencies에 /node_modules를 작성하였고 #production에 /build를 작성하였다. deploy하기 전에 위의 항목들을 제거하여서 오류가 생겼다.
-
vscode에서 build파일을 삭제하였으나 github에서 기존 파일이 삭제되지 않아서 직접 삭제하였습니다.
아주 작은 실수들이었지만 제가 깨달은 것은 한가지 있다.
사용하고 있는 라이브러리 버전들을 잘 살펴보는 것이다! 그리고 그 버전에 맞게 기술을 적용시키는 것.
사소한 것들을 잘 살펴보는 습관이 중요한 것 같다!
