React Native 윈도우 설치 및 환경 설정 [ 안드로이드 ]

React Native 세팅을 진행하기전 다음과 같은 세팅이 되어 있는지 확인하세요.

 

• jdk 설치
• Android Studio 설치
• Android Studio ADB [ 에뮬레이터 ] 설치
• SDK 설치

 

1. node.js 설치

 

다음 링크에서 node.js를 설치합니다.

https://nodejs.org/ko/

Node.js

설치 완료 후 cmd 콘솔에서 node -v 를 입력 후 올바르게 설치되었는지 확인합니다.

 

node -v

 

2. React-Native-expo-Cli 설치

 

cmd 창에서 다음과 같이 진행합니다.

 

npm install expo-cli --global

 

3. 시작파일 만들기

 

expo init 프로젝트이름  // 영어로 작성해주세요. 프로젝트 이름대로 생성됩니다.
cd 프로젝트이름         // 프로젝트 디렉토리로 이동합니다. cd는 change directory의 줄임말입니다.
expo start                  

 

프로젝트를 만들고 프로젝트 디렉토리로 이동하여 시작하시면 템플릿을 고를 수 있습니다.

 

blank , tabs 둘중 하나 고를 수 있으며 방향키로 조절하여 선택하실 수 있습니다.

 

필자는 Invalid regular expression오류로 인해 다음과 같은 처치를 하였습니다.

 

1. 프로젝트 폴더로 들어가서 node_modules를 찾음

2.metro-config -> src -> defaults -> blacklist 파일을 편집으로 열어줍니다.

3. var sharedBlacklist = [
  /node_modules[/\\]react[/\\]dist[/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

 

빨간 줄 부분을 다음과 같이 수정해줍니다.
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,

저와 같은 오류가 발생하신다면 이렇게 수정하시면됩니다.