React-native Mac 세팅 중 정리(1)

nevermind·2023년 2월 1일
0

React-Native

목록 보기
2/8

- Homebrew란?

  • macOS의 패키지 관리 소프트웨어, 쉽게 패키지를 관리(설치하고 삭제)할 수 있음
  • brew 라는 키워드로 사용한다'
    - 설치 예 : brew install node
    • 버전 확인 예 : brew --version
  • 터미널에 아래의 명령어로 설치하면 된다.
  • /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  • 명령어를 입력하면 사용자 암호를 입력하라고 한다. 이때 암호는 내 컴퓨터 계정 들어올 때 암호다

m1 chip 맥북 command not found brew 해결법

  • echo "export PATH=/opt/homebrew/bin:$PATH" >> ~/.zshrc

- rbenv 설치

  • rbenv : Ruby를 버전별로 설치하고 관리 가능
  • react-native에서는 가벼운 실행환경인 Ruby를 설치한다
  • 설치 명령어 brew install rbenv
  • Ruby의 패키지 관리자인 bundle 설치 명령어 brew install bundler
  • Ruby 버전 바꾸려면 rbenv global 2.7.6

- node 설치

  • RN(react-native).js이기에 js런타임인 node 설치해준다
  • 명령어 brew install node
  • node 버전 확인 node -v

    설치시 에러 No similarly named formulae found
    rm -fr $(brew --repo homebrew/core) 코어 디렉토리 삭제 후 재설치

- nvm 설치

  • 원하는 버전으로의 세팅을 위해 nvm 설치
  • 명령어 brew install nvm
  • nvm 설치 후 터미널에 nvm을 입력하면 인식을 못하기에 nvm을 환경변수로 등록 => 쉘의 종류(zsh, bash..)마다 설정 파일을 변경

- zsh 설치

  • 쉘은 각종 명령어를 사용하여 개발자가 이용하기 편리하게 제공해주며 bash, zsh 등이 있다
  • 기본적인 맥환경에는 bash가 기본 쉘 프로그램이다( macOS가 10.15 catalina 버전 이상으로 설치됐으면 zsh가 default로 설치)
  • zsh라는 쉘 프로그램을 바꿔주기 위해서는 zsh를 설치해준다
  • zsh는 bash의 확장 Unix기반 쉘
  • 설치 명령어 brew install zsh
  • 현재 사용중인 쉘 조회 echo $SHELL
  • 환경변수와 zsh설정은 .zshrc, vi. zshrc 등 명령어로 설정
  • zshrc 파일 열기 vi ~/.zshrc
  • vi 마지막 행 명령어
    • w 현재 파일명으로 파일 저장(저장만 함)
    • q vi 종료(저장 x)
    • q! vi 강제종료
    • wq 저장 후 종료
    • wq! 강제 저장 후 종료

zsh: command not found: nvm

  • 원인은 터미널을 새로 실행시킬 때마다 .bash_profile 또는 .zshr이 새로 로드되기에 발생
  • zsh가 확인되면 vi ~/.zshrc
  • 다음은 zshrc파일로 들어가 i를 눌러 insert로 바꿔준 후
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

을 파일에 삽입 , :wq로 저장 후 종료
source ~/.zshrc source 명령어로 스크립트를 실행


후기1.어렵고 헷갈렸다
vi ~/.zshrc 특히 zshrc 들어갔을 때 당황스러워서 계속 닫기 눌렀는데 exists 안내가 계속 나왔다;; :q로 저장없이 나오거나 :wq로 저장 후 나오자...


출처:
https://dev-yakuza.posstree.com/ko/react-native/install-on-mac/
https://zlzzlzz2l.tistory.com/44
https://melonicedlatte.com/2022/06/27/214900.html
https://blog.pigno.se/post/184576332493/%EC%99%84%EB%B2%BD%ED%95%9C-mac-%EC%9E%91%EC%97%85%ED%99%98%EA%B2%BD-%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0-vim-zsh-iterm
https://fourz.tistory.com/32
https://velog.io/@palette/zsh-command-not-found-nvm-%EC%98%A4%EB%A5%98%ED%95%B4%EA%B2%B0%EB%B2%95

profile
winwin

0개의 댓글