[TIL / React-Native] 리엑트 네이티브 설치 및 node.js업데이트

 안녕하세요 갈아만든쌀 입니다. 오늘은 node.js 업데이트 관련된 포스팅을 해보겠습니다. node와 node.js가 거의 같은 개념이라고 하는 것 같은데, 업데이트 하면서 겪었던 시행착오를 올리며, 다른분들은 편안하게 해결하시길 바라겠습니다.

1. 상황 : expo 초기화 불가

 

2. 조치

2. 1. npm 중 n 모듈을 통한 node업그레이드

sudo npm cache clean -f
sudo npm install -g n
sudo n stable

마지막의 stable은 안정된 버전을 설치하는 명령어라고함. 최신 버전을 원할 경우 마지막 커멘드를 

sudo n latest

로 변경

 

2.2. 버전 바꿔주기(확실치 않음)

정확한 원리는 모르겠으나 위와같이 했을때 설치는 되지만 버전이 바뀌지는 않는 것 같음. 버전을 다음 커맨드를 통해 바꿔줘야함 -> 아래 커맨드도 실행하고 nvm default 버전 설정 부분도 설정해주면 되는 것 같음. 본인은  두 명령어 모두 실행해서 확인할 방법이 없지만 아마도 아래의 nvm default 버전 설정만 해도 될 것 같음. 

nvm install stable --reinstall-packages-from=current

현재 버전으로 부터 stable버전으로 바꾸겠다는 의미임.

만약 특정 버전에서 특정 버전으로 변경하고 싶다면 다음과 같은 명령어로 실행가능

nvm install NEW_VERSION --reinstall-packages-from=OLD_VERSION

원하는 버전으로 변경된 것을 볼 수 있음

 

2.3. (확실히 작동) nvm default 버전 설정

확인결과 위의 업데이트를 통해 현재 안정적인 버전을 설치하고, 임시로 사용은 가능하지만 시스템의 기본 node버전을  바꾸는 것은 아님.

nvm alias default node

위의 명령어를 통해 설치된 node 버전중 가장 최신 버전을 기본값으로 설정

왼쪽 터미널 마지막라인을 보면 기본값이 변경됬음. 오른쪽에 새로운 터미널에서 node버전을 확인하면 바뀐것을 볼 수 있음

3. nvm 설정 후 expo 테스트

위의 과정중 npm을 지우면서 expo도 삭제되어 다시설치하고 테스트를 진행함

#expo 설치
npm install -g expo-cli

#프로젝트 초기화
expo init AwesomeProject

#디렉토리 이동
cd AwesomeProject
npm start # you can also use: expo start

템플릿 선택

 

프로젝트 폴더 이동 후 npm start를 하게 되면 다음과 같이 나온다

iphone 기준으론 expo Go를 설치 후, 기본 카메라로 스캔하면 expo가 실행된다

아래 퍼센트가 올라간다

환영 메세지

아무것도 쓸줄 모르는 나에게 나타나는 허연 메세지

 

끝맺으며

 expo와 react-native를 이용해서 app실행여부를 테스트 해봤다. 인터넷에 찾아봤을때 아쉽게도 최종적으로 아이폰에서 react-native app을 만드려면 맥북이 필요한것 같다. 하지만 일단 돌아갔으니 소소한  성공이라고 생각한다

참고링크

https://reactnative.dev/docs/environment-setup

https://askubuntu.com/questions/426750/how-can-i-update-my-nodejs-to-the-latest-version

https://stackoverflow.com/questions/34810526/how-to-properly-upgrade-node-using-nvm#:~:text=If%20you%20want%20to%20update,installed%20versions%20with%20nvm%20ls%20.