250x250
반응형
arkhyeon
arkhyeon
arkhyeon
전체 방문자
오늘
어제
  • 분류 전체보기 (89)
    • Spring (5)
    • Java (4)
    • React (26)
      • TypeScript (6)
      • JavaScript (1)
      • Jest (9)
    • NEXT (8)
    • SQL (1)
    • React native (1)
    • CSS (3)
    • Web (1)
    • Git (3)
    • ETC (6)
    • 빅데이터DB (8)
    • Docker (4)
    • Tool (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • react jest
  • react spring websocket
  • react usetransition
  • websocket
  • Spring WebSocket
  • react
  • jest
  • docker tomcat
  • javascript wss
  • kudu
  • usetransition
  • react typescript
  • react websocket
  • react loading
  • javasciprt websocket
  • node WebSocket
  • websocket server
  • HIVE
  • react19
  • WSS

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
arkhyeon

arkhyeon

React native

React native Intellij 프로젝트 생성까지

2023. 10. 20. 14:06
728x90
반응형

Chocolatey 설치

 

Installing Chocolatey

Chocolatey is software management automation for Windows that wraps installers, executables, zips, and scripts into compiled packages. Chocolatey integrates w/SCCM, Puppet, Chef, etc. Chocolatey is trusted by businesses to manage software deployments.

chocolatey.org

NodeJS LTS, JDK 11 설치

choco install -y nodejs-lts microsoft-openjdk11

Android Studio 설치

 

Download Android Studio & App Tools - Android Developers

Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today.

developer.android.com

  1. Android SDK 설치
    이미 Android SDK Platform 34 설치되었으나 RN문서에 Android SDK Platform 33 설치를 권장하므로 문서대로 진행.

설치를 진행하고 다시 열면 Android 13.0(”Tiramisu”)가 체크되지만 API Level 33인걸로 봐서 제대로 설치 된 것같다.

환경변수 설정

시스템 변수가 아닌 유저에 대한 사용자 변수에 설정 한다.

변수 설정 시 변수 값에 들어가는 경로가 정확한지 한번 더 확인하길 바랍니다.

  • 변수 이름 : ANDROID_HOME
  • 변수 값 : C:\UsersAppData\Local\Android\Sdk (Android 설치 폴더 내 Sdk 폴더 경로)

  • 변수 이름 : Path
  • 변수 값 : %LOCALAPPDATA%\Android\Sdk\platform-tools

 

RN 프로젝트 생성

이전 버전과 호환성 문제를 방지하기 위해 기존에 설치된 CLI를 먼저 제거하고 생성한다.

- 삭제
npm uninstall -g react-native-cli @react-native-community/cli
- 생성
npx react-native@latest init AwesomeProject

RN 프로젝트 실행

npm start
a : android

Trouble Shooting

    1. 프로젝트 경로 한글 설정
      D://AwesomeProject 경로 변경
      프로젝트가 바탕화면에 있었기에 경로(…/바탕화면/AwesomeProject) ASCII-Code ERROR 발생
    2. Gradle Android Error Log 한글 깨짐
      Settings - Editor - File Encodings 설정을 UTF-8로 모두 변경

3. Gradle Build Error
SDK, Language level를 11 이후 LTS 버전인 17 버전으로 업데이트

728x90
반응형
    arkhyeon
    arkhyeon

    티스토리툴바