[React-Native] 윈도우 환경에서 react native cli로 리액트 네이티브 시작하기, 환경 셋팅

저번 포스팅에서는 expo를 활용하여서 환경 세팅을 해보았다. 오늘은 React Native cli를 활용해 환경 설정을 해보자.

둘의 차이는 이미 잘 설명해둔 글들이 많다. 어쨌든 expo가 알아서 해주던 것을 좀더 커스텀화하기 위해 사용하는 방법인 것. 나는 사용하려는 라이브러리가 expo에서 지원하지 않아서 이 방법을 사용하기로 하였다.

이곳을 보면서 따라가볼 예정이다.

1) Node, Python2, JDK 환경설정

작업하고자 하는 폴더에서 다음과 같은 명령어를 실행한다.

choco install -y nodejs.install python2 jdk8

나의 경우 아래와 같은 오류가 발생했다.

관리자 권한으로 실행하기 위해 앞에 sudo를 붙여 해결하였다.

sudo choco install -y nodejs.install python2 jdk8

2) Android 개발 환경 설정

Windows에서는 Xcode를 사용할 수 없기 때문에 안드로이드를 위한 setting을 해준다.

참고한 공식 문서를 보면서 바로 설치해도 되지만, 나는 Android Studio가 이미 설치되어 있었기 때문에 설정 확인하는 방식으로 진행하였다.

첫번째로, Appearance & Behavior → System Settings → Android SDK 설정하기

안드로이드스튜디오를 실행하고 File - Settings 에서 Android SDK 설정이 가능하다.

Android SDK Platform 28과 Intel x86 Atom_64 System Image 를 선택하고 Apply하여 설치하자.

(Show Package Details 체크박스를 클릭하면 아래와 같이 확인 가능하다)

다음으로 환경변수 설정을 해야한다.

시스템 - 시스템 및 보안 - 시스템 - 컴퓨터 이름, 도메인 및 작업 그룹 설정 - 설정 변경 - 고급 - 환경 변수

에 들어가서 새로만들기 후 아래와 같이 설정한다.

또다시 환경변수 설정에 들어가서 이번에는 Path에 대해 다음과 같이 추가한다

3) 새 애플리케이션 생성

애플리케이션을 생성하고자 하는 폴더에서 아래와 같이 입력하여 새 프로젝트를 생성한다.

npx react-native init 프로젝트명

몇분 정도의 시간이 지나면 다음과 같은 결과 화면을 마주할 수 있다!!

노란 밑줄 부분은 생성할때 작성했던 프로젝트명!

그럼 다음 포스팅에서 계속해서 virtual device를 설정하고 실제로 프로젝트를 실행해보도록 하자

2020/06/29 - [Front-End/React] - [React-Native] 윈도우 환경에서 expo-cli로 리액트 네이티브 시작하기, 환경 셋팅