Project/APP_로또번호생성기 Updated: 2020. 4. 2. 23:43 hwaya.

모바일 애플리케이션 만들기 환경준비1

반응형

늦은 시간에 자리에 앉아서 또 다시 시작해본다.

* 참고하면서 보는 사이트와 책은 많으나, 현재는 스무디 한잔 마시며 끝내는 React Native를 보고있다.

 

자! 그럼 개발환경을 만들어보자

 

맥과 윈도우를 둘다 사용하고 있어서,

맥에서는 이미 개발중이고 설정도 끝냈다.

사실 윈도우도....... 

 

그래도 집에서 편하게 블로그에 글을 적기 위해서는 윈도우를 사용하고 있기에,

윈도우 기준으로 개발환경을 설정해보자.

 

두둥탁!

 


윈도우에서 React Native 개발하기 위해서는 노드, 파이썬, 안드로이드 스튜디오 등을 설치해야된다.

여기에 VSCODE까지 같이 설치해서 해보자.

(몰라 난! 코드가 편해..)

 

React Native는 안드로이드와 IOS 앱을 동시에 개발 할 수 있지만, 개발 후 애플리케이션을 배포할때는 각각 개발 툴을 이용하여 빌드해야된다. 따라서 IOS는 Xcode 툴이 필요하고 그럴려면 OSX가 필요하다. 즉 맥이.. ... 사라!

 

윈도우즈 패키지 매니저 초코렛티가 있다.

(The Package Manager for Windows)

 

1. 패키지 매니저 설치/ 초코렛티

초코렛티 설치 https://chocolatey.org/
 

Chocolatey - The package manager for Windows

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

홈페이지의 'Install Now' 를 찾아서 클릭! 시키는대로 하면된다.

시키는대로 클립보드 아이콘 클릭후, 파워쉘에 붙여넣기하면 끝!

간단하게

관리자 권한으로 파워쉘 실행후,

Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

복사, 붙여넣기!

 

설치 확인 'choco -version'

 

다시 해 볼려니 헷갈리네... ㅋㅋㅋㅋㅋㅋㅋ

자! 같이 해보면서 배워보자

 

2. 노드 설치

React Native는 자바스크립트 기반으로 동작, 자바스크립트 런타임인 노드가 필요하다.

명령창에서 다음과 같이 명렁어를 실행한다

choco install -y nodejs.install

설치가 완료되면 확인해보자

node --version
npm --version

npm(npm, Node Package Manager)은 노트 패키지 매니저다.

 

3. 파이썬설치

React Native의 빌드 시스템은 파이썬에 의존하고 있다.

노드 설치와 동일하게

choco install -y python2

파이썬도 설치후

python --version

으로 정상적으로 설치가 되었다면 버전정보를 볼 수 있다.

난 설치하는 김에 파이썬3로 같이 설치해보았다. ㅋㅋㅋ (근데 할 필요없을듯하다... 시간만 잡아먹는다)

 

4. 자바 개발 킷 설치

뭐.. 이건 대부분 설치가 이미 되어 있지 않을까?

choco install -y jdk8

동일하게 설치 후, 버전정보로 확인

java -version

 

5. 리액트 네이티브 CLI 설치

npm install -g react-native-cli

(이거 설치할때 조금 이뻐~)

설치가 완료되면, 버전 정보로 확인

react-native --version

버전 정보를 확인할수 있다.

 


안드로이드 스튜디오 설치와 환경설정은 내일...

졸립다.

사실 절반정도 적고 이미지도 넣고 했는데,

더 못하겠다. 졸립다.

그럼 이만.

반응형

Table of Contents


    EIGHTBOX
    EIGHTBOX
    hwaya.

    programmer

    🍋일상의 소소한 순간들부터 큰 꿈까지, 호기심을 만족시킬 다양한 카테고리를 담은 블로그 입니다. 그리고, 소소한 행동에 감동하며 기뻐하고 하루하루에 감사하는 사람🌵

    Today Yesterday Total
    최신글