[React Native] 리액트 네이티브 각종 clean 및 캐시 삭제와 라이브러리 설치

리액트 네이티브 각종 clean 및 캐시 삭제와 라이브러리 설치

리액트 네이티브를 사용하여 개발하다보면 빌드 및 시뮬레이터 기동 시, 각종 오류가 발생하는 경우가 있는데

이런 경우 clean 이나 캐시 삭제를 해주면 정상동작 하는 경우들이 있다.

 

리액트네이티브로 앱을 개발하면서 사용했던 clean 및 캐시 삭제 명령어를 정리해본다.

---

# grade clean

$ cd android/ && ./gradlew clean build --refresh-dependencies
$ cd ../
$ Npm run android

 

# 안드로이드 gradle 초기화

$ android && ./gradlew clean

 

 

# iOS clean

  xCode 에서 실행

command + Shift + K 혹은 맨상단의 Product에서 clean (info.plist 저장 후 클린)

$ rm -rf ~/Library/Developer/Xcode/DerivedData  //빌드 시 생성된 자료들 초기화. 어디서 실행하든 상관없음

command + b  // build

 

# react native metro server 캐시 삭제

$ npm cache clean --force
$ npm start --reset-cache  //metro server cache init

 

# react native 실행하면서 캐시 삭제

$ react-native start —reset-cache

---

 

다음으로는 리액트 네이티브를 사용하면서 각종 기능들을 사용하기 위해 설치 해야하는 라이브러리들이다.

---

리액트네이티브 각종 라이브러리 종류 및 설치명령어

 

• 화면이동에 필요한 navigation 사용

$ npm install @react-navigation/native

• 화면 전환 및 제어를 위해 사용

$ npm install react-native-screens react-native-safe-area-context
$ npm install --save react-native-gesture-handler

• 화면이동 방식 중 하나인 stack navigator 사용

$ npm install react-navigation-stack

• 애니메이션 사용

$ npm install react-native-reanimated

• 이미지 아이콘을 불러오기 위해 사용

$ npm install —save react-native-vector-icons

• 카메라 및 앨범에 접근하기 위해 사용 

$ npm install —save react-native-image-picker