React Native Expo 프로젝트에 android/ios 폴더 구조 만들기

React Native 앱을 Expo + Visual studio code 조합으로 개발하고 있는데

네이티브 코드를 손댈 필요가 없게 해주는 Expo 특성 상

내 프로젝트에는 android나 ios 폴더 구조가 없다.

 

그런데 인터넷을 검색할 때 보면 다들 android studio나 xcode를 써서 개발을 한다.

그러다보니 build.gradle 같은 파일에 뭔가 하라고 하는 글들을 보면

나는 그 파일이 없어서 답답했다.

 

그런데 알고 보니!! 이걸 만들 수 있는 방법이 있었다.

검색해도 잘 안 나오던데, 나 같은 사람이 있을까 봐 방법을 정리했다.

 

1. 프로젝트를 처음 만드는 경우

나는 "npx create-expo-app PROJECTNAME" 명령어로 프로젝트를 만들었었는데

처음부터 프로젝트를 아래 명령어로 만들면 android 및 ios 폴더 구조가 함께 생성된다.

npx react native init PROJECTNAME

 

그다음에  Expo를 설치하면 된다.

npm install expo

 

2. 이미 작업 중인 Expo 프로젝트가 있는 경우

Expo를 써서 이미 작업 중인 프로젝트에 android 또는 ios 폴더 구조를 추가할 수도 있다.

아래 명령어를 이용하면 해당하는 폴더가 생성된다.

 

(1) android 폴더 구조 생성하기

npx expo run:android

 

(2) iOS 폴더 구조 생성하기

npx expo run:ios

 

3. 프로젝트에서 Expo를 없애고 싶다면

Expo는 네이티브 코드를 손대지 않고 작업할 수 있게 해주는데

경우에 따라 Expo를 없애고 네이티브 코드로 작업을 하고 싶을 수 있다.

 

아래 명령어를 입력하면 Expo와 관련된 모든 내용이 제거되고

android, ios의 네이티브 폴더 구조가 생성된다.

npm run eject