[React Native] 세팅을 처음부터

오래전에 react native 환경을 세팅해두었기 때문에 조금 찝찝한 마음이 들어 처음부터 다시 세팅하기로..

https://velog.io/@taese0ng 를 참고하여 작성

4. homebrew 설치

https://brew.sh/index_ko 에서 설치하기에 있는 코드를 이용해 설치

% brew --version
Homebrew 3.3.13
Homebrew/homebrew-core (git revision 9de2ba0e4b; last commit 2021-05-05)

5. node, cocoapods, watchman, ffi 설치

brew install node

위 명령어를 통해 node 설치. 이 때, npm도 자동으로 설치됨
이 부분도 진작 설치해두었기 때문에 패스

node js의 버전은 16대를 사용하는 것을 권장하며, n을 이용하면 node의 버전을 변경할 수 있다. 자세한 내용은 아래 글 참고.
https://velog.io/@kkachi/React-Native-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%83%9D%EC%84%B1-vi2hheuy

% node -v
v16.13.2
% npm -v
8.3.1

watchman은 특정 폴더나 파일을 감시해서 변경시에 특정 동작을 하는 역할을 한다고 한다. react-native에서 코드 수정시 바로 적용할 수 있도록 도와준다고 하는데, 설치할까 말까 하다가 설치해보기로함

% brew install watchman

Error: Cannot install under Rosetta 2 in ARM default prefix (/opt/homebrew)!
To rerun under ARM use:
    arch -arm64 brew install ...
To install under x86_64, install Homebrew into /usr/local.

이 에러가 발생하는 이유는 모르겠다. 하지만 에러 내용처럼 arch -arm64를 앞에 붙이니 잘된다. 일단 되는걸로 넘어가자.

% watchman --version
2022.01.31.00

cocoapods은 ios개발을 할 때 꼴 필요한 의존성 관리자

sudo gem install cocoapods

나는 이미 설치되어있기 때문에 패스

% pod --version
Ignoring ffi-1.14.2 because its extensions are not built. Try: gem pristine ffi --version 1.14.2
1.10.1

패스하려고 했으나 기분나쁘게 다른 내용이 포함되어있음. 해결해보자.

1. brew update

커맨드를 이용해 brew 업데이트

2. brew install rbenv ruby-build

rbenv versions 으로 버전 확인 시 아래와 같이 나오면 설치 완료

* system

3. rbenv install -l

설치 가능한 버전 리스트 확인

4. rbenv install 3.0.3

원하는 버전 설치

Downloading ruby-3.0.3.tar.gz...
-> https://cache.ruby-lang.org/pub/ruby/3.0/ruby-3.0.3.tar.gz
Installing ruby-3.0.3...
ruby-build: using readline from homebrew

BUILD FAILED (macOS 12.2 using ruby-build 20220125)

갑자기 또 실패. BUILD FAILED (macOS 12.1 using ruby-build 20211203 (ruby 3.0.2) macOS Monterey 에서 하라는대로 아래와 같이 설치했더니 성공.
이게뭔데....

RUBY_CFLAGS=-DUSE_FFI_CLOSURE_ALLOC arch -arm64 rbenv install 2.7.2

5. rbenv versions

다시 버전 확인, 아래와 같이 나오면 설치 완료

* system
  2.7.5

6. rbenv global 2.7.5

default ruby를 새로 설치한 버전으로 변경
rbenv version 으로 확인시 아래와 같이 나오면 변경 완료

  system
* 2.7.5

7. path 지정

아래 내용 입력

% echo '# rbenv' >> ~/.zshrc
% echo 'export PATH=~/.rbenv/bin:$PATH' >> ~/.zshrc
% echo 'eval "$(rbenv init -)"' >> ~/.zshrc
% source ~/.zshrc

8. 확인

실패...............

% pod --version
Ignoring ffi-1.14.2 because its extensions are not built. Try: gem pristine ffi --version 1.14.2
1.10.1
% gem pristine ffi --version 1.14.2
ERROR:  While executing gem ... (Gem::Exception)

stackoverflow 검색 결과 아래와 같이 진행하여 최종적으로 성공하였음.

% gem install ffi --version 1.14.2 --user-install Fetching ffi-1.14.2.gem
% export PATH=$HOME/.gem/ruby/2.7.0/bin:$PATH
% pod --version
1.11.2

pod version 까지 정상적으로 확인이 되었으면, 마지막으로 ~/.zshrc에 아래 내용을 추가

#gem
export GEM_HOME=$HOME/.gem
export PATH=$GEM_HOME/bin:$PATH

6. xcode 설정

설정 창을 연후,
1. Accounts에서 본인 계정 추가.
2. Locations에 들어가서 Command Line Tools 에서 xcode xx.x 선택
3. Components에서 최신 ios simulator 설치

7. React Native 설치

기존에 있던 react 관련 패키지 모두 삭제한 후 다시 설치

% npm install -g react-native-cli

added 85 packages, and audited 86 packages in 781ms

40 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

% react-native --version
react-native-cli: 2.0.1