[React Native] 리액트 네이티브 윈도우 개발 환경 설정 - 개요 및 설치 순서

Windows에서 React Native 개발환경 구축하기

리액트 네이티브

 

 

[개요]

맥(Mac)과 윈도우(Window) 동일하게 react-native로 앱을 개발하는 방법으로는 Expo CLI를 사용하는

방법과 React-Native CLI를 사용하는 방법이 있으며 2 가지 중에서 선택할 수 있습니다.

Expo CLI는 react native로 앱을 개발할 때 자주 사용되는 네이티브 기능 위치 정보, 카메라등 을 패키지로 묶어서

제공합니다. 

처음 시작은 Expo로 시작하면 편할 수 있지만, 사용하지 않은 네이티브 모듈로 인해, 앱 파일 사이즈가 커지는 문제와 Expo에서 제공하지 않은 네이티브 모듈을 추가할 때, 불편함 등이 있 습니다. 

즉 "Expo가 제공하는 모듈로만 개발이 제한된다"는 것입니다.

 

여기에서는 React Native CLI를 사용하여 앱을 개발하기 위한 개발 환경 설정에 대해서 설명합니다.

react native로 앱을 개발하기 위해서는 Nodejs, Python, Android studio 등을 설치해야 합니다.
개발환경 구축에 필요한 사항을 아래 설치 순서로 각 단계를 하나씩 하나씩 자세히 살펴 보도록 하겠습니다.

참고로 React Native를 위한 윈도우용 패키지 관리 도구로는 Chocolatey와 Spoon 두 가지 가 있습니다.

이 중 하나를 선택하여 설치 사용하면 됩니다.
해당 강좌에서는 초콜렛티(Chocolatey)를 사용하여 진행하도록 하겠습니다.

   

 

[설치 순서]

1. Chocolatey 설치 
2. Nodejs 설치
3. Phthon 설치
4. React Native CLI 설치
5. JDK 설치
6. 안드로이드 스튜디오(android studio) 설치 및 환경 설정
7. 비주얼 스튜디오 코드(vscode) 설치
8. 타입스크립트(TypeScript) 설치
9. toruch 설치

 

 

참고로 해당 내용은 강남 이젠it컴퓨터아카데미의 "리액트-네이티브" 수업 내용을 기초로 하여

강의에서 어렵다고 생각했던 부분과 설치 시 문제점까지 구체적으로 정리한 내용으로,

리액트-네이티브를 공부하시는 모든 분들께 조금이나마 도움이 되었으면 하는 바랍입니다.