"맥OS 리액트 네이티브 개발환경 구성"의 두 판 사이의 차이

2020년 11월 2일 (월) 02:54 기준 최신판

맥OS 리액트 네이티브 개발환경 구성

1 iOS 구동환경 구성[ | ]

iOS를 위해 Xcode 설치 - https://itunes.apple.com/us/app/xcode/id497799835?mt=12

2 Android 구동환경 구성[ | ]

안드로이드 스튜디오

안드로이드를 위해 Android Studio 설치 - https://developer.android.com/studio/install.html

SDKMAN! 설치

맥OS sdkman 설치 문서를 참고하십시오.

curl -s "https://get.sdkman.io" | bash

(새 터미널)

source "$HOME/.sdkman/bin/sdkman-init.sh"
sdk version

JDK 설치

sdkman jdk 설치 문서를 참고하십시오.

sdk install java

3 리액트 네이티브 IDE 구성[ | ]

homebrew 설치
node(+npm) 설치
yarn 설치
watchman 설치
react-native-cli 설치

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brew install node
brew install yarn
brew install watchman
npm install -g react-native-cli

ATOM 편집기 설치

ATOM 설치

http://atom.io 접속, 다운로드, 압축해제, 응용프로그램으로 이동, 1회 실행

Nuclide 설치

apm install nuclide

4 같이 보기[ | ]

리액트 네이티브

5 참고[ | ]

https://www.tutorialspoint.com/react_native/react_native_environment_setup.htm

@@ 10번째 줄: / 10번째 줄: @@
 ;SDKMAN! 설치
 {{참고|맥OS sdkman 설치}}
-<source lang='bash'>
+<syntaxhighlight lang='bash'>
 curl -s "https://get.sdkman.io" | bash
-</source>
+</syntaxhighlight>
 (새 터미널)
-<source lang='bash'>
+<syntaxhighlight lang='bash'>
 source "$HOME/.sdkman/bin/sdkman-init.sh"
 sdk version
-</source>
+</syntaxhighlight>
 ;JDK 설치
 {{참고|sdkman jdk 설치}}
-<source lang='bash'>
+<syntaxhighlight lang='bash'>
 sdk install java
-</source>
+</syntaxhighlight>
 ==리액트 네이티브 IDE  구성==
@@ 31번째 줄: / 31번째 줄: @@
 * watchman 설치
 * react-native-cli 설치
-<source lang='bash'>
+<syntaxhighlight lang='bash'>
 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
 brew install node
@@ 37번째 줄: / 37번째 줄: @@
 brew install watchman
 npm install -g react-native-cli
-</source>
+</syntaxhighlight>
 ;ATOM 편집기 설치
@@ 43번째 줄: / 43번째 줄: @@
 :http://atom.io 접속, 다운로드, 압축해제, 응용프로그램으로 이동, 1회 실행
 * [[Nuclide 설치]]
-<source lang='bash'>
+<syntaxhighlight lang='bash'>
 apm install nuclide
-</source>
+</syntaxhighlight>
 ==같이 보기==
 * [[리액트 네이티브]]
-==참고 자료==
+==참고==
 * https://www.tutorialspoint.com/react_native/react_native_environment_setup.htm
 [[분류: 맥]]
 [[분류: React Native]]