[react native / 리액트 네이티브] react native mac 개발환경 세팅

https://brew.sh/index_ko

Homebrew

Homebrew 설치

$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

 

node 설치

$ brew install node

# 체크
$ node -v
$ npm -v

 

cocoapods 설치

 

• CocoaPods는 iOS 및 macOS 애플리케이션 개발을 위한 의존성 관리 도구입니다.
• CocoaPods를 사용하여 외부 라이브러리와 프레임워크를 쉽게 가져올 수 있으며, 프로젝트에서 사용하는 라이브러리의 버전 관리와 의존성 해결을 도와줍니다.
• pod install 명령어를 통해 Podfile에 지정된 라이브러리를 설치하고 프로젝트에 적용할 수 있습니다.
• CocoaPods는 많은 개발자들이 사용하고 있으며, 라이브러리의 관리와 업데이트를 편리하게 해주는 도구입니다.

$ brew install cocoapods

# 체크
$ pod --version

 

Watchman 설치

 

• Watchman은 파일 시스템 변경을 감지하는 도구로, 주로 React Native 개발에 사용됩니다.
• Watchman은 파일 및 폴더의 변경 사항을 실시간으로 감지하여 변경 사항이 발생할 때마다 자동으로 빌드 및 리로드를 수행할 수 있도록 도와줍니다.
• Watchman은 개발자의 생산성을 향상시키고, 개발 중인 애플리케이션의 성능을 향상시킬 수 있는 강력한 도구입니다.

$ brew install watchman

 

rbenv 설치

 

• rbenv는 Ruby 버전 관리 도구로, 여러 버전의 Ruby를 사용하여 작업하는 개발자에게 유용합니다.
• rbenv를 사용하면 프로젝트마다 다른 Ruby 버전을 선택하고 사용할 수 있습니다.
• 로컬 및 전역 설치가 가능하며, 다양한 Ruby 버전을 지원합니다.
• rbenv global, rbenv local, rbenv shell 등의 명령어를 사용하여 현재 작업 중인 Ruby 버전을 전환할 수 있습니다.
• Ruby 버전 관리를 용이하게 해주어 프로젝트 간의 호환성 문제를 해결하고 Ruby 개발 환경을 효율적으로 관리할 수 있습니다.

$ brew install rbenv

$ rbenv init

#.zshrc 파일에 설정을 추가해야 합니다.
eval "$(rbenv init -)"

$ rbenv install 2.7.6

$ rbenv global 2.7.6

$ rbenv rehash

 

react native CLI 설치 

 

https://reactnative.dev/docs/environment-setup?guide=native 

Setting up the development environment · React Native

 

If you previously installed a global react-native-cli package, please remove it as it may cause unexpected issues:

이전에 글로벌 react-native-cli 패키지를 설치한 경우 예기치 않은 문제를 일으킬 수 있으므로 제거하시기 바랍니다:

$ npm uninstall -g react-native-cli @react-native-community/cli

 

#react native 최신버전 init
$ npx react-native@latest init AwesomeProject

#react native 특정버전 init
$ npx react-native@X.XX.X init AwesomeProject --version X.XX.X

 

 

Java 설치

안드로이드 빌드를 위해 최신 jdk 설치

$ brew install --cask adoptopenjdk