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

잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(사용자 2명의 중간 판 2개는 보이지 않습니다)
1번째 줄: 1번째 줄:
;맥OS 리액트 네이티브 개발환경 구성
;맥OS 리액트 네이티브 개발환경 구성


==방법==
==iOS 구동환경 구성==
* [[Xcode 설치]]
* iOS를 위해 Xcode 설치 - https://itunes.apple.com/us/app/xcode/id497799835?mt=12
* [[Android Studio 설치]]
 
* [[ATOM 설치]]
==Android 구동환경 구성==
:http://atom.io 접속, 다운로드, 압축해제, 응용프로그램으로 이동, 1회 실행
;안드로이드 스튜디오
* [[Nuclide 설치]]
* 안드로이드를 위해 Android Studio 설치 - https://developer.android.com/studio/install.html
<source lang='bash'>
 
apm install nuclide
;SDKMAN! 설치
</source>
{{참고|맥OS sdkman 설치}}
<syntaxhighlight lang='bash'>
curl -s "https://get.sdkman.io" | bash
</syntaxhighlight>
(새 터미널)
<syntaxhighlight lang='bash'>
source "$HOME/.sdkman/bin/sdkman-init.sh"
sdk version
</syntaxhighlight>
 
;JDK 설치
{{참고|sdkman jdk 설치}}
<syntaxhighlight lang='bash'>
sdk install java
</syntaxhighlight>
 
==리액트 네이티브 IDE  구성==
* [[homebrew 설치]]
* [[homebrew 설치]]
* node(+npm) 설치
* node(+npm) 설치
15번째 줄: 31번째 줄:
* watchman 설치
* watchman 설치
* react-native-cli 설치
* react-native-cli 설치
<source lang='bash'>
<syntaxhighlight lang='bash'>
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brew install node
brew install node
21번째 줄: 37번째 줄:
brew install watchman
brew install watchman
npm install -g react-native-cli
npm install -g react-native-cli
</source>
</syntaxhighlight>


== SDKMAN! 설치 ==
;ATOM 편집기 설치
{{참고|맥OS sdkman 설치}}
* [[ATOM 설치]]
<source lang='bash'>
:http://atom.io 접속, 다운로드, 압축해제, 응용프로그램으로 이동, 1회 실행
curl -s "https://get.sdkman.io" | bash
* [[Nuclide 설치]]
</source>
<syntaxhighlight lang='bash'>
(새 터미널)
apm install nuclide
<source lang='bash'>
</syntaxhighlight>
source "$HOME/.sdkman/bin/sdkman-init.sh"
sdk version
</source>
 
==JDK 설치==
{{참고|sdkman jdk 설치}}
<source lang='bash'>
sdk install java
</source>


==같이 보기==
==같이 보기==
* [[리액트 네이티브]]
* [[리액트 네이티브]]


==참고 자료==
==참고==
* https://www.tutorialspoint.com/react_native/react_native_environment_setup.htm
* https://www.tutorialspoint.com/react_native/react_native_environment_setup.htm


[[분류: 맥]]
[[분류: 맥]]
[[분류: React Native]]
[[분류: React Native]]

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

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

1 iOS 구동환경 구성[ | ]

2 Android 구동환경 구성[ | ]

안드로이드 스튜디오
SDKMAN! 설치
curl -s "https://get.sdkman.io" | bash

(새 터미널)

source "$HOME/.sdkman/bin/sdkman-init.sh"
sdk version
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 편집기 설치
http://atom.io 접속, 다운로드, 압축해제, 응용프로그램으로 이동, 1회 실행
apm install nuclide

4 같이 보기[ | ]

5 참고[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}