본문 바로가기

React Native4

애니메이션과 useNativeDriver useNativeDriver: true, 2025. 6. 5.
KeyboardAvoidingView + ScrollView VS keyboardAwareScrollView 차이 ㄷㅈㄷ 2025. 6. 5.
Mac에서 React Native CLI로 개발 환경 구축하기 React Native 프로젝트를 React Native CLI 방식으로 세팅하면서 겪은 문제들과 해결 과정을 정리합니다.Expo가 아닌 Native 기반 프로젝트(ios/android 디렉토리 포함)가 필요할 때 사용합니다.✅ 1. React Native CLI 프로젝트 생성 전 기본 확인Node 버전 확인node -v # v20.19.2 (권장: 18.x ~ 20.x)✅ 2. 예전 react-native-cli 삭제 (필수)react-native-cli는 더 이상 사용하지 않습니다. 남아있으면 충돌이 발생합니다.npm uninstall -g react-native-cli sudo rm -rf /usr/local/lib/node_modules/react-native-cli ✅ 3. React Nativ.. 2025. 5. 30.
Redux 개념 정리 (Android 개발자 관점에서 이해해보자!) React Native나 React를 공부하다 보면 종종 등장하는 개념이 바로 Redux다. 처음 봤을 땐 생소할 수 있지만, Android 개발자 입장에서 접근하면 훨씬 쉽게 이해할 수 있다. 이 글에서는 Redux의 개념부터 구조, 그리고 Android의 MVVM 패턴과 비교하며 설명해보겠다.✅ Redux란?Redux는 앱의 상태(state)를 중앙에서 예측 가능하게 관리하는 라이브러리다.컴포넌트마다 useState를 쓰다 보면 상태가 꼬이고 공유가 어려워진다. Redux는 이를 해결하기 위해 모든 상태를 하나의 중앙 저장소(Store)에 모으고, 상태 변경도 명확한 흐름을 통해서만 가능하도록 만든 구조다.🔧 Redux 기본 구성 요소Redux는 다음과 같은 4가지 핵심 개념으로 구성된다.구성 요소.. 2025. 3. 12.