본문 바로가기
프로그래밍/React Native

Mac에서 react-native 개발환경 세팅하기

by 꾸션 2023. 2. 27.

React Native는 iOS 및 Android 모바일 애플리케이션을 만드는 데 사용되는 JavaScript 기반의 프레임워크입니다. 이번에는 Mac에서 React Native 개발 환경을 설정하는 방법에 대해 알아보겠습니다.

 

1. Node.js 설치

React Native를 개발하기 위해서는 먼저 Node.js가 필요합니다. Node.js를 다운로드하려면 공식 웹사이트에서 다운로드 페이지로 이동하십시오. Mac OS 버전에 맞는 버전을 다운로드하고 설치하십시오.

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

2. Watchman 설치

Watchman은 파일 시스템 변경을 감지하고 해당 변경에 대한 이벤트를 제공하는 도구입니다. React Native 프로젝트를 개발하기 위해서는 Watchman이 필요합니다. Watchman을 설치하려면 터미널에서 다음 명령을 실행하십시오.

brew install watchman
 

3. Xcode 설치

React Native를 사용하려면 Xcode를 설치해야 합니다. Xcode는 Mac에서 iOS 앱을 개발하는 데 필요한 Apple의 공식 IDE입니다. Mac App Store에서 Xcode를 찾아 설치하십시오.

 

‎Xcode

‎Xcode includes everything developers need to create great applications for Mac, iPhone, iPad, Apple TV, and Apple Watch. Xcode provides developers a unified workflow for user interface design, coding, testing, and debugging. The Xcode IDE combined with

apps.apple.com

 

4. CocoaPods 설치

CocoaPods는 iOS 및 macOS 개발을 위한 의존성 관리 도구입니다. React Native 프로젝트를 개발하기 위해서는 CocoaPods가 필요합니다. CocoaPods를 설치하려면 터미널에서 다음 명령을 실행하십시오.

sudo gem install cocoapods
 

5. React Native CLI 설치

React Native CLI를 설치하려면 터미널에서 다음 명령을 실행하십시오.

npm install -g react-native-cli

위 명령을 실행하면 React Native CLI가 설치됩니다.

 

6. React Native 프로젝트 생성

터미널에서 React Native 프로젝트를 생성하려면 다음 명령을 실행하십시오.

npx react-native init my-project

위 명령을 실행하면 my-project라는 새로운 React Native 프로젝트가 생성됩니다.

 

7. React Native 프로젝트 실행

React Native 프로젝트를 실행하려면 터미널에서 프로젝트 디렉토리로 이동한 다음 다음 명령을 실행하십시오.

cd my-project
npx react-native run-ios

위 명령을 실행하면 iOS 시뮬레이터에서 React Native 앱이 실행됩니다. Android 시뮬레이터에서 앱을 실행하려면 npx react-native run-android 명령을 실행하십시오.

이제 Mac에서 React Native 개발 환경을 설정하는 방법에 대해 알아보았습니다. React Native를 사용하여 모바일 앱을 개발해보세요!

반응형

댓글