[리액트 네이티브] CheckBox has been removed from React Native ... 에러 알아보기

안녕하세요!

 

오늘은 리액트 네이티브 개발 중 마주할 수 있는 에러에 대해 알아보려고 합니다.

그러면 에러 내용을 먼저 보고 하나씩 정리를 해보도록 하겠습니다!

---

* 에러 내용

'CheckBox has been removed from React Native. It can now be installed and imported from '@react-native-community/checkbox' instead of 'react-native'. See https://github.com/react-native-checkbo/react-native-checkbox'

 

---

* 설명

에러 내용은 위와 같이 발생을 하였고, 에러 메시지 내용으로는 'CheckBox' 컴포넌트가 'react-native'에서 제거되었고, 대신 '@react-native-community/checkbox'를 설치해서 가져와야 한다고 합니다.

 

종종 예제를 찾아보다 보면 예제에서는 'react-native'에서 참조하여 사용하도록 되어 있는데 위와 같이 발생을 하게 될 텐데요. 그러한 이유는 React Native에서는 일부 컴포넌트나 모듈이 핵심 패키지에서 분리되어 별도의 커뮤니티 관리 패키지로 이동되기도 합니다. rmfotj 'CheckBox' 컴포넌트도 이러한 이유로 'react-native'에서 분리가 되어 '@react-native-community/checkbox' 패키지로 이동이 되었다고 보면 됩니다.

 

---

* @react-native-community/checkbox 설치

npm install @react-native-community/checkbox

해당 프로젝트 하위에서 위의 패키지를 install 시켜줍니다.

'@react-native-community/checkbox' 패키지를 설치하면, React Native 앱에서 체크박스 관련 기능을 사용할 수 있게 됩니다. 패키지 설치 후에는 해당 패키지를 앱의 코드에서 임포트 하여 사용할 수 있습니다. 이를 통해 React Native에서 체크박스를 사용하는 데 필요한 기능을 추가할 수 있습니다.

---

---

* 소스 코드 예시

// 기존의 Checkbox 삭제
import { View, Text, /* Checkbox */ } from 'react-native';
// 설치한 checkbox import
import CheckBox from '@react-native-community/checkbox';

위와 같이 기존의 Checkbox는 삭제를 하고 위에서 설치를 한 '@react-native-community/checkbox' 패키지를 import 시켜주고 나면 해결이 됩니다.

 

---

최종 정리

오늘은 리액트 네이티브의 기본 컴포넌트인 Checkbox에 대한 에러에 대해 정리해 보았습니다. 개발 중에 이와 같은 예기치 않은 에러가 발생하면 당황할 수 있습니다. 하지만 실제로는 간단한 문제일 때가 많습니다.

리액트 네이티브를 개발하면서 패키지나 컴포넌트의 변경이 있을 수 있습니다. 이런 변경은 리액트 네이티브 생태계의 지속적인 발전과 업데이트의 결과입니다. 패키지를 별도로 분리하면 더 많은 기능과 개선된 버전을 제공할 수 있으며, 패키지 개발자들은 더 나은 관리를 할 수 있습니다.

이처럼 컴포넌트 패키지가 변경되면 기능이 작동하지 않거나 문제가 발생할 수 있습니다. 그러나 이러한 변경은 리액트 네이티브 생태계의 지속적인 발전과 업데이트의 일환입니다. 따라서, 에러가 발생했을 때는 먼저 컴포넌트 패키지가 별도로 분리되어 관리되고 있는지 확인해 보는 것이 좋습니다.

이렇게 패키지를 확인하고 업데이트하는 습관을 가지면 시간을 절약할 수 있습니다. 더 나은 기능과 개선된 버전을 사용할 수 있으며, 패키지 개발자들의 노력에도 도움이 됩니다.

앞으로도 다양한 에러에 대한 정리와 해결 방법을 포스팅하도록 하겠습니다.

리액트 네이티브 개발을 진행하면서 도움이 될 수 있는 내용을 계속해서 공유해 드리도록 하겠습니다!

 

감사합니다.

 

반응형