React native App 개발 환경 구축

 Windows환경에서 App 개발 환경 구축

 iOS와 Android App을 같이 빌드하기 위해서는 Mac에서 환경을 구축해야 하겠지만 Mac이 없는 관계로 Windows환경에서 환경을 구축해 본다.

설치항목

• Chocolatey
• Node.js
• Python
• React Native CLI
• JDK
• Android Studio
• VisualStudio Code

설치

Chocolatiey 설치

Chocolatey 설치하기

Node.js 설치

        Node.js설치

Python 설치

다운로드 위치 : 파이썬 윈도우즈용 다운로드

윈도우즈환경에서 Python설치하기

React Native CLI 설치

       Powershell을 관리자 모드로 실행

       > choco install -y jdk8 실행

     

     > npm install -g react-native-cli

     >  

Android Studio 설치

     다운로드 위치 : https://developer.android.com/studio

     다운받아 설치

     환경 변수 세팅

•  키보드에서 Win + Pause 버튼을 누른면 설정창이 나온다. 거기서 고급시스템 설정을 누른다.

• 시스템 속성에서 환경 변수(N).. 버튼 클릭

• 시스템변수에서 새로 만들기를 누르고 ANDROID_HOME 변수를 추가하고 위에서 설치한 디렉토리를 기재한다.

• 시스템 변수중 path 항목을 찾아 선택하고 편집 버튼을 눌러 환경 변수 편집 화면을 띄우고 거기서 새로 만들기를 눌러 platform-tools디렉토리를 path에 추가한다.

참고

• 리액트 네이티브 위키
• 리액트 네이티브 관련글

Read More

 React Native ?

  모바일용 앱 개발을 리액트 네이티브로 개발하면 iOS App, Android App을 하나로 관리할 수 있다고 한다.

  리액트 네이티브관련 자료를 찾아보니 Facebook에서 안드로이드, iOS, 웹, UWP용 애플리케이션을 개발하기 위해 개발한 오픈 소스 모바일 애플리케이션 프레임워크이라고 한다.

iOS 와 안드로이드 용 App을 하나의 코드로 개발?

 그렇다고 iOS App을 Windows에서도 빌드할 수 있다는 얘기는 아니다. Mac을 가지고 있으면 iOS용과 안드로이드용 App을 빌드할 수 있으나.... Windows 머신에서는 iOS용 App을 빌드 할 수 없다고 한다. 

참고

• 리액트 네이티브 위키
• 리액트 네이티브 관련글

Read More