React Native 7

[React Native] iOS, Android 의 SafeArea

SafeAreaProvider 가 있어야 StatusBar 를 사용이 가능하다.StatusBar를 쓰는 이유는 Android 상태바 영역을 보장하고 이 영역의 색상을 줄 수 있다.StatusBar 는 Android 상태바의 영역을 보장 받기 위헤 사용하는것이고,SafeAreaView 를 써야 iOS 의 상태와 하단의 영역을 보장 받을 수 있다. // Android 를 위해 // iOS 를 위해 . // 두 개를 다 써줘야 iOS, Android 모두 상태바에 대한 컨트롤이 가능하다. . . .

React Native 2024.12.14

[ReactNative] 잘 되던 프로젝트가 갑자기 안될때

RN 빌드.... 미치겠다..... 잘 되던 프로젝트가 갑자기 안된다;;;  원인 추정1. package.json 에 있는 패키지들의 버전이 다른 브랜치를 왔다갔다 하다가?? 2. .env 에서 개발환경과 운영환경을 왔다갔다가 하다가???? 암튼... 나온 에러 FAILURE: Build failed with an exception. * Where: Build file '/프로젝트 경로/node_modules/react-native-gradle-plugin/build.gradle.kts' line: 1 * What went wrong: Failed to load compiled script from classpath [/프로젝트 경로/.gradle/caches/jars-9/5a3f7a1fa3b9a102f..

React Native 2024.11.21

[Reac Native] What went wrong: A problem occurred evaluating project ':react-native-reanimated'.

node_modules에 설치된 react-native-reanimated/android 폴더에 있는 build.gradle 수정// 기존 코드if ((REACT_NATIVE_MINOR_VERSION >= 71 && appProject?.hermesEnabled?.toBoolean()) || appProject?.ext?.react?.enableHermes?.toBoolean()) { return "hermes"}// 변경 코드if (REACT_NATIVE_MINOR_VERSION >= 71 || appProject?.ext?.react?.enableHermes?.toBoolean()) { return "hermes"} 위에 수정하고 빌드했더니 다른 라이브러리도 비슷한 오류가 나와 수정해주었다. ..

React Native 2024.11.13

[React Native] In-App-Purchase

인앱결제란?애플리케이션 내에서 결제를 하는 것앱 내의 모든 디지털 콘텐츠에 대해서는 인앱결제를 사용해야한다.* 디지털 상품 및 서비스: 앱에서 판매되는 모든 디지털 콘텐츠, 서비스, 구독은 반드시 Google Play/Apple Store의 결제 시스템을 통해서만 처리되어야함 상품의 유형1. 인앱 상품 : 한번 사용하고 끝2. 정기 결제 : 일정 기간 유지 Google  정기 결제 요소1. (Subscription) 정기 결제: 정기 결제 요소는 지정된 기간 동안 사용자가 액세스할 수 있는 혜택의 집합을 정의합니다.2. (Base plan) 기본 요금제: 기본 요금제는 정기 결제의 결제 기간, 갱신 유형(자동 갱신 또는 선불), 가격을 정의합니다. 하나의 정기 결제에 여러 기본 요금제가 있을 수 있습니다..

React Native 2024.11.12

[React Native] React Native

React Native는 React 구성 요소와 동일한 API 구조를 사용하므로 시작하려면 React 구성 요소 API를 이해해야 함 React의 javascript 코드와  Native 는 Bridge 를 통해  커뮤니케이션한다. React Native 의 Api 보다 Expo Api 를 사용하면 더 많은 Third Party Package 들이 있다. 하지만 난 React Native Cli 로 스터디요즘엔 또 Expo 로 해야한다는데.... 뭐야 진짜... 어렵다... 웹 오픈소스 생태계.....;;; 일단 회사가 Cli로 되어있으니 Cli 로 스터디 환경 설정부터 시작해보자. https://reactnative.dev/docs/0.72/environment-setup?platform=androi..

React Native 2024.11.10

[React Native] CodePush

환경정보Apple M3 MacOS 15 react : 18.3.1react-native : 0.76.3 AppCenter Cli 설치ㄴ npm install -g appcenter-cli AppCenter Cli 로그인 ㄴappcenter loginㄴ명령어 실행 직후 appcenter 홈페이지가 열린다.ㄴ로그인을 완료하면 로그인 토큰값이 가운데 표시되는데 복사하여ㄴEnter your token from the browser : 에 복사한 토큰값을 붙여넣기 하고 Enter ㄴ그럼 아래에 Logged in as [로그인한 사용자 이름] 이라고 나온다. * 추후 로그인한 사용자 이름이 기억이 안나면 appcenter login 을 실행하여 위와 같이 진행하면 확인이 가능하다. AppCenter Console ..

React Native 2024.10.22