[Bootcamp W06 회고] 안정버전 활용의 중요성 - node.js

이번주 프로젝트를 진행하고 최종 결과물을 배포버전으로 보고 싶었는데 쉽지 않았다.

로컬에서 잘 되는데 왜 배포가 안되지? 본격적으로 문제 탐색 시작.

결국은 package.json 환경변수 구성상의 문제였고, 이는 결국 원천적으로 설치된 node의 버전 문제였다.

"scripts": {
    "start": "react-scripts start", //여기가 문제였었음 (현재 이건 정상적용 버전)
    "build": "react-scripts build", //여기가 문제였었음 (현재 이건 정상적용 버전)
    "test": "react-scripts test",
    "eject": "react-scripts eject"
},

원인은 문제 라인들인데 node 불안정 최신 버전으로 깔아두었기에 npm 설치부터 안정적이지 않았다. 그래서 이를 해결하기 위한 별도 세팅으로 진행해야했고, 이것이 궁극적으로는 배포과정에서 문제가 발생. 이를 해결하기 위해 인프라를 완전 새로 엎어서 세팅해야했다.

아래 글들을 참고로 진행.

How do I completely uninstall Node.js, and reinstall from beginning (Mac OS X)

[Node] mac에서 Node.js 완전히 삭제하기

 

그러면서 nvm의 존재를 알게 되었다.  결국 node 기반의 백엔드를 진행하기 위해서는 이건 필수라고 생각. 그리고 궁극적으로 다양한 환경변수에 대응하기 위해서는 nvm을 통한 node 버전 제어가 가능하면 편리하겠다는 생각이들어 이 참에 함께 다 세팅해야겠다고 생각함.

 

GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions

 

결국 진행한 작업은

1. 기존 작업한 코드 백업.
2. 기존 불안정 최신 node 버전 cli로 말끔하게 삭제.
3. nvm 설치.
4. node 안정버전 설치.
5. 배포 진행 => 한번에 말끔하게 성공

그렇게 배포한 버전이다.

https://jazz-hiphop-vibe-youtube-viewer-by-jinho.vercel.app/videos

Jazz-Hiphop VIBE Youtube Viewer By JINHO

 

점점 실무와 관련있고 밀접한 부분들로 진행되기 시작한다. 유용, 유용.

이러려고 바닐라코딩에 왔지.

 

다음주가 엄청 빡세다고 하는데 음... 각오를 해보도록 하자 ^^;;;

(수면주기 또 엄청 깨지겠구만 ㅋ)