memostack
article thumbnail
블로그를 이전하였습니다. 2023년 11월부터 https://bluemiv.tistory.com/에서 블로그를 운영하려고 합니다. 앞으로 해당 블로그의 댓글은 읽지 못할 수 도 있으니 양해바랍니다.
반응형

React Native 공식 페이지에서 권장하는 방법대로 작성했다.

 

Node & Watchman 설치

React Native 개발에 필요한 node와 Watchman을 Homebrew를 이용하여 설치한다.

$ brew install node
$ brew install watchman

watchman은 코드에 변화가 있는지 상태를 확인하는 도구입니다

 

JDK 8 설치

Android 개발을 위해 JDK를 설치한다.

  • 설치방법은 동일하게 Homebrew를 사용
$ brew install --cask adoptopenjdk/openjdk/adoptopenjdk8

 

Android Studio 설치

아래 링크에서 안드로이드 스튜디오를 설치한다.

developer.android.com/studio

 

Download Android Studio and SDK tools  |  Android 스튜디오

developer.android.com

 

SDK 설치

안드로이드 스튜디오가 설치되었다면, SDK를 설치한다.

'Configure' > 'SDK Manager' 클릭
Android SDK Platform 29 설치

 

환경 변수 설정

$ cd ~
$ vi .bash_profile
# 또는 자신의 터미널에 맞게..
$ vi .zprofile

 

내용 추가

# Android SDK
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools

 

스크립트 실행

$ source .bash_profile
# 또는 ...
$ source .zprofile 

 

관련 글

2020/05/19 - [React Native] - React Native 프로젝트 생성하기

 

React Native 프로젝트 생성하기

React Native React Native 는 Facebook 에서 만든 오픈 소스 모바일 애플리케이션 프레임 워크이다. React 를 사용하여 Android , iOS , WEB 과 같이 애플리케이션을 개발할 수 있다. 그중에서 모바일( iOS , And..

memostack.tistory.com

2020/05/19 - [React Native] - React Native Elements 적용하여 쉽게 앱 만들기

 

React Native Elements 적용하여 쉽게 앱 만들기

웹 개발 중에 Bootstrap 과 같은 디자인 라이브러리를 사용하면 쉽게 웹 레이아웃을 만들 수 있다. React Native 에도 이와 같이 비슷한 디자인 라이브러리가 있다. 여러가지 라이브러리가 있지만, 본

memostack.tistory.com


Reference

reactnative.dev/docs/environment-setup

 

Setting up the development environment · React Native

This page will help you install and build your first React Native app.

reactnative.dev

 

반응형
블로그를 이전하였습니다. 2023년 11월부터 https://bluemiv.tistory.com/에서 블로그를 운영하려고 합니다. 앞으로 해당 블로그의 댓글은 읽지 못할 수 도 있으니 양해바랍니다.
profile

memostack

@bluemiv_mm

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!