주말에 쓰는 개발일기/react-native

[react-native] 스플래시 만들기

공통 react-native-splash-screen을 설치한다.ios : cd ios && pod install && cd .. npm install react-native-splash-screen --save App.js 에서 splash screen을 종료시키는 코드를 추가한다. import React, {useEffect} from 'react'; import SplashScreen from 'react-native-splash-screen'; //... const App = () => { useEffect(() => { SplashScreen.hide(); }, []); return ( ); }; export default App; ios 1. open ios/[project_name].xcwo..

[react-native] 안드로이드 aab 파일 추출하기

app/build.gradle 에서 versionCode와 versionName이 현재 배포되어 있는 버전과 겹치지 않게 주의! android/app/src/main 위치에 assets 폴더 생성 react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle cd android ./gradlew bundleRelease android/app/build/outputs/bundle/release/app-release.aab 생성 > Task :app:bundleReleaseResources FAILED 에러 android\ap..

[react-native] 안드로이드 디바이스에서 앱 테스트하기

C:\Users\YEJEE\AppData\Local\Android\Sdk 환경변수 ANDROID_HOME 등록 환경변수 Path 에 다음 등록 %ANDROID_HOME%\platform-tools → 이게 필요! %ANDROID_HOME%\emulator %ANDROID_HOME%\tools %ANDROID_HOME%\tools\bin cmd 실행 adb devices ⇒ 연결된 디바이스 확인 (연결된 기기가 보이지 않을 시에는 핸드폰 내 usb 연결 옵션을 midi로 설정) adb kill-server ⇒ 연결된 디바이스 모두 해제 adb -s 디바이스 이름 reverse tcp:8081 tcp:8081 npx react-native run-android

[react-native] 웹뷰 프로젝트 생성 및 초기셋팅

- 프로젝트 생성 npx react-native init 앱이름 - 웹뷰 npm install --save react-native-webview - 네비게이터 (뒤로가기) npm install @react-navigation/native npm install @react-navigation/stack npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view - intent npm install react-native-send-intent --save - 앱 내 데이터 저장소 (자동로그인) n..

[react-native] react-native : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Program Files\nodejs\react-native.ps1 파일을 로드할 수 없습니다.

스크립트 실행 권한이 제한되어 있는 상태이기 때문에 발생하는 에러였다. 즉 스크립트 실행 권한을 변경해주어야 하는 것이다. 확인 방법은 터미널에 ExecutionPolicy를 입력했을 때 Restricted라고 나오면 설정을 변경해 주어야 한다. powershell 관리자실행. get-help Set-ExcutionPolicy를 입력하여 어떤 권한을 설정할 수 있는지 확인할 수 있다. Restricted: 권한 정책 중 기본 설정으로 ps1 스크립트 파일을 로드하여 실행할 수 없는 정책 RemoteSigned: 본인이 생성한 스크립트만 실행 가능하거나 신뢰된 배포자에 의해 서명된 것만 실행 가능한 정책 Set-ExecutionPolicy RemoteSigned 를 입력하여 정책을 변경