[REACT] React + Typescript + Vite + SCSS로 만드는 쇼핑몰 개인프로젝트 (10/10)

드디어 마무리!

배포 부분은 정말 나 혼자 스스로의 힘으로 할 생각을 하니까 너무 막막하고.. 포기하고 싶고.. 그랬지만 일단 부딪혀보자는 나의 신념으로 ㅎㅎ.. 가보작오!!!

 

💡 오늘 할 것

• 배포하기

1️⃣ 서버 배포 - koyeb

• 강의가 진행된 2022년 초와 달리 2024년 1월인 지금.. heroku의 무료 호스팅이 유료화가 되어,, 다른 무료 호스팅 업체? ㅋㅋ를 찾아야했다
• 구글링을 통해 알아낸 것이 바로 Koyeb!
• 참고한 블로그 (큰 틀은 이 블로그와 똑같이 진행했다)

https://cocobi.tistory.com/248

[Node] Koyeb으로 서버 무료로 배포하기 (헤로쿠 대체 플랫폼!!)

 

1. koyeb 계정 생성

• github 계정 연동하기

2. create Web Service

블로그에는 create App이었으나 내가 만들 당시에는 create Web Service로 바뀐 건지 뭔지.. 일단 app이 없으니까 이걸로 진행했다

 

- Step 1 :: Select deployment method 

- GitHub으로 선택! 다음에는 Docker로 해봐야지 ㅎㅎ

 

- Step 2 :: Import project

 

- Step 3 :: Configure service and deploy 🚀

이 부분이 내가 참고한 블로그의 개발자님이 했던 거랑 달랐다 순서 정도의 아주 작은 차이였지만,,

 

1) 브랜치 선택

2) Eco 인스턴스 선택 (Standard로 하니까 돈 내는 거였다)

3) 도메인 이름 지정

 

3. 빌드 후 배포

- 이 부분에서 굉장히 많은 오류를 만났는데... 3시간 정도 고생하다가 겨우겨우 빌드에 성공했다

- 내가 만난 오류는

error "../../../../.nvm/versions/node/v20.10.0/lib/node_modules/typescript": Tarball is not in network and can not be located in cache (["/Users/yeeun/Desktop/.nvm/versions/node/v20.10.0/lib/node_modules/typescript","/Users/yeeun/Library/Caches/Yarn/v6/npm-typescript-5.3.3/node_modules/typescript/.yarn-tarball.tgz"])

이런 오류였는데 chatGPT한테 물어보고 여기저기 구글링하면서 나온 것들 다 해봤는데 다 안 됐다가,,

 

이 스택오버플로우에 달린 답글을 보고 했더니 해결..!! 😭 감격스럽다,,

https://stackoverflow.com/questions/52739973/npm-tarball-data-for-material-design-icons-seems-to-be-corrupted

npm - tarball data for material-design-icons seems to be corrupted

 

 

흡.. 감격....