[React Native] 버전 업그레이드하기

react native에서 버전을 업그레이드하면 더 많은 API, 뷰, 개발 도구 및 다른 많은 기능들에 접근할 수 있습니다.

Expo 프로젝트

Expo 프로젝트를 react native의 새 버전으로 업그레이드하려면 package.json 파일에서 react-native, react, expo 패키지 버전을 업데이트해야 합니다. expo는 sdk 버전을 점진적으로 한 번에 하나씩 업그레이드하는 것을 권장합니다. 이렇게 하면 업그레이드 프로세스 중에 발생하는 문제점을 식별하고 해결할 수 있습니다.

react natvie 프로젝트

전형적인 react native 프로젝트는 사실상 android 프로젝트, ios 프로젝트 및 javascript 프로젝트로 구성되어 있기 때문에 업그레이드는 다소 까다롭습니다. Upgrade Helper는 웹 도구로 두 버전 사이의 모든 변경 사항 세트를 제공하여 앱을 업그레이드할 때 도움을 줍니다. 특정 파일에 대한 변경 사항에 대한 설명도 표시하여 이해하는 데 도움을 줍니다.

1. 버전 선택

Upgrade helper 사이트에서 업그레이드하려는 버전을 선택해야 합니다. 기본적으로 최신 주요 버전이 선택됩니다. 버전을 선택한 후 "Show me how to upgrade" 버튼을 클릭할 수 있습니다.

주요 업데이트는 맨 위에 useful content 섹션이 표시되며, 업그레이드할 때 도움이 되는 링크가 제공됩니다.

npx react-native upgrade 명령을 bash에서 실행하면 현재 버전과 최신 버전을 자동으로 확인하고, Upgrade helper 사이트 링크를 통해 이미 선택된 버전으로 이동할 수 있습니다.

2. 의존성 업그레이드

첫 번째 표시되는 파일은 packge.json 파일입니다. 이 파일에 나타난 의존성을 업데이트하는 것이 좋습니다. 예를 들어, react-native 및 react의 변경 사항이 표시된 경우 다음 명령을 사용하여 프로젝트에 설치할 수 있습니다.

npm install react-native@{{VERSION}}
npm install react@{{REACT_VERSION}}

3. 프로젝트 파일 업그레이드

새 릴리스에는 npx react-native init을 실행할 때 생성되는 다른 파일들의 업데이트가 포함될 수 있습니다. package.json 다음에 이 파일들이 나열됩니다. 

다른 변경 사항이 없는 경우 프로젝트를 계속 개발하기 위해 단순히 다시 빌드하면 됩니다.

변경 사항이 있는 경우, 해당 사이트에 있는 사항을 복사하여 붙여넣기로 수동으로 업데이트하거나 다음 명령을 통해 업데이트할 수 있습니다.

npx react-native upgrade

• 새 템플릿에 있는 새 파일은 생성합니다.
• 템플릿 파일이 프로젝트의 파일과 동일한 경우, 그대로 유지됩니다.
• 프로젝트의 파일이 템플릿과 다르면, 옵션을 선택하여 해당 파일을 유지하거나 템플릿 버전으로 덮어쓸 수 있습니다.

일부 업그레이드에서는 수동 작업이 필요할 수 있습니다.

버전 업그레이드가 적용이 되지 않을 때

이러한 유형의 오류는 일반적으로 캐시와 관련이 있습니다. 프로젝트의 모든 캐시를 지우기 위해 react-native-clean-project를 설치 후 실행합니다.