This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

*/
레이블이 리액트네이티브인 게시물을 표시합니다. 모든 게시물 표시
레이블이 리액트네이티브인 게시물을 표시합니다. 모든 게시물 표시

React native App개발을 위한 환경 구축

환경

  • Windows 11
  • VSCode
  • Docker

필요 프로그램

  • node.js - React native 개발은 node.js 필요
  • JDK - Android SDK build 도구
  • Android Studio - Android App을 빌드하기 위해 필요

설치

  • Node.js - LTS버전으로 설치 한다. https://nodejs.org/en/download
    • Windows Installer 버전으로 다운로드 후 설치

    • Terminal에서 "docker pull node:22-alpne" 을 입력
    • shell 세션으로 다운받은 node.js를 실행하고 yarn을 설치
        > docker run 0it --rm --entrypoint sh node:22-alpine
        # node -v
        # corepack enable yarn
        # yarn -v



  • React-Native CLI 설치
    • yarn add react-native-cli
  • JDK 설치
  • Android Studio 설치
    • 안드로이드스튜디오 홈페이지의 다운로드 페이지에서 IDE다운로드 후 설치


  • 환경 변수 설정
    • 사용자 변수 및 Path를 설정한다.
    • JAVA_HOME, ANDROID_HOME을 설정하고 PATH에 JAVA_HOME과 ANDROID_HOME을 추가한다.


  • 설치 및 환경변수 설정이 완료되면 시스템을 재부팅한다.