RN(ReactNative) 프로젝트 만들기

2022.08.08 - [IT/React] - RN(ReactNative) 개발환경 설정

RN(ReactNative) 개발환경 설정

 

개발환경을 설정했으니

react-native init 프로젝트 명으로 프로젝트를 생성합니다

2022년 기준으로 reactNative 0.69 버전입니다

# 이전버전 react-native-cli 삭제
npm uninstall --location=global react-native-cli

# react-native 프로젝트 생성
npx react-native init reactNativeTodos

#reactNative 특정 버전 사용시 (0.68)
npx react-native init reactNativeTodos --version 0.68

#TypeScript 사용시
npx react-native init reactNativeTodos --template react-native-template-typescript

설치결과는

#설치 결과
                  Welcome to React Native!
                 Learn once, write anywhere

✔ Downloading template
✔ Copying template
✔ Processing template
✔ Installing CocoaPods dependencies (this may take a few minutes)


  Run instructions for Android:
    • Have an Android emulator running (quickest way to get started), or a device connected.
    • cd "/Users/skyksit/studyspace/reactNativeTodos" && npx react-native run-android

  Run instructions for iOS:
    • cd "/Users/skyksit/studyspace/reactNativeTodos" && npx react-native run-ios
    - or -
    • Open reactNativeTodos/ios/reactNativeTodos.xcworkspace in Xcode or run "xed -b ios"
    • Hit the Run button

  Run instructions for macOS:
    • See https://aka.ms/ReactNativeGuideMacOS for the latest up-to-date instructions.