React Native CLI 환경설정(macOs)

남예지·2024년 1월 26일
0

ReactNative

목록 보기
1/1

1. Homebrew를 사용하여 Node와 Watchman을 설치

brew install node //Node 18 이상인지 확인
brew install watchman //파일 시스템의 변경 사항을 감시하기 위한 도구

2. Xcode 설치 (가장 쉬운 방법은 Mac App Store 이용) //버전 10 이상인지 확인

3. Xcode Command Line Tools 최신버전으로 설정

4. Xcode iOS Simulator 설치

5. Ruby 버전을 사용해 CocoaPods를 설치

CocoaPods는 Xcode 프로젝트의 라이브러리 종속성을 관리

sudo gem install cocoapods

6. 이전 react-native-cli 패키지를 삭제

    ```jsx
    npm uninstall -g react-native-cli @react-native-community/cli
    ```
    

7. React Native에 내장된 명령줄 인터페이스를 사용해 새 프로젝트 생성

npx react-native@latest init AwesomeProject

8. Metro : React Native용 JavaScript 빌드 도구

npm start //Metro Bundler를 React Native 프로젝트 폴더에서 실행
npm run ios //이는 앱을 실행하는 한 가지 방법으로 Xcode 내에서 직접 실행할 수도 있습니다.

9. 편집

  1. App.tsx선택한 텍스트 편집기를 열고 일부 줄을 편집
  2. cmd + R 을 눌러 시뮬레이터를 리로드 하면 끝

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

profile
총총

0개의 댓글