[React Native] Versio Upgrade 0.61.5 → 0.64.2

개발 완료 후 운영중인 모바일 전용앱을 react-native 0.61.5 → 0.64.2 로 업데이트한 순서를 기록.

git을 활용하지 않고 직접 코드를 수정했으며, 업데이트 시 발생한 에러들은 [React Native_error] 에 작성함.

* react-native uprading 공식 문서 : https://reactnative.dev/docs/upgrading

# before
"react": "16.9.0",
"react-native": "0.61.5",
"react-native-v8": "^0.61.5-patch.3",

# after
"react": "17.0.1",
"react-native": "^0.64.2",
"react-native-v8": "^0.64.2-patch.0",

 

업데이트 순서는 아래와 같다.

 

1. 개발툴 (VScode) 에서 코드 수정 

React Native Upgrade Helper 사이트에서 아래 두 파일을 제외하고 모두 수정해준다.

  - [ios/RnDiffApp/LaunchScreen.storyboard]

  - [ios/RnDiffApp.xcodeproj/project.pbxproj

 

* RNUH 사이트 : https://react-native-community.github.io/upgrade-helper/?from=0.61.5&to=0.64.2

* 주의 : RnDiffApp 또는 rndiffapp 으로 기재된 곳은 프로젝트 앱 이름을 기재

 

2. Xcode 에서 코드 수정

  1) [ios/RnDiffApp/LaunchScreen.storyboard] 파일을 생성 후 해당 위치에 생성해준다.  

 

  2) [ios/RnDiffApp.xcodeproj/project.pbxproj] 파일을 직접 수정하는 대신, 아래 글을 참고하여 xcode에서 값들을 변경/추가 한다.

  - Xcode 셋팅 변경 : https://github.com/react-native-community/upgrade-support/issues/13

 

3. react-native-v8 관련 v8-android-jit 추가 설치 및 소스 수정

npm i v8-android-jit

# android > build.gradle

 maven {
	// prebuilt libv8android.so
	// url("$rootDir/../node_modules/v8-android/dist")        // before
	url("$rootDir/../node_modules/v8-android-jit/dist")       // after
}

* 참고 : https://www.npmjs.com/package/react-native-v8

* 주의 : 이 부분이 변경되지 않으면, app이 빌드 성공 후 실행 시 log를 남기지 않고 crash 나서 죽어버린다.