차근차근 생활 & 코딩

안녕하세요. 이번시간에는 리액트 엑스포 파이어베이스 로그인, 로그아웃에 대해 알아보도록 하겠습니다. Part 1. 라이브러리 설치 - Expo Firebase를 사용하기 위한 라이브러리를 설치합니다. expo install firebase @react-native-firebase/app @react-native-firebase/auth @react-native-firebase/firestore Part 2 .Firebase 콘솔 설정 ① 프로젝트 추가 버튼 클릭 ② 본인이 원하는 프로젝트 이름을 기입하도록 합니다. ③ 프로젝트 만들기를 클릭하다록 합니다. * 애널리틱스는 본인 선택사항입니다. ④ 새 프로젝트가 완료되면 계속 버튼을 눌러주도록 합니다. ⑤ 웹 버튼을 클릭해 주도록 합니다. ⑥ 앱 닉네임을 ..

안드로이드 설정 문제로 인해 발생하는 문제입니다. 을 분리시켜 변경된 코드로 수정해 주시면 앱에 설치된 앱이 보이시게 됩니다. 수고하세요. | 변경 전 코드 - 경로 android > app > src > main > AndroidManifest.xml |변경 후 코드 - 경로 android > app > src > main > AndroidManifest.xml

안녕하세요. 이번시간에는 네이버 로그인 방법에 대해서 알아보도록 하겠습니다. 긴 내용이니 천천히 따라하시면 됩니다. Step. 1 / React Native 앱 설치하기 npx react-native init test1 Step. 2 / 패키지 설치하기 # npm npm install @react-native-seoul/naver-login --save # yarn yarn add @react-native-seoul/naver-login Step. 3 / 네이버 로그인 코드 사용하기 ① App.tsx 파일 선택 후 기본 코드는 지우도록 합니다. ② 아래 코드를 복사하여 App.tsx에 붙여넣어 주도록 합니다. ③ Naver Developers 사이트 애플리케이션 정보 Client ID를 확인하여 코드에 ..

안드로이드를 실행하다 보면 아래와 같은 에러가 발생하게 되는 걸 확인 할 수 있습니다. error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Error: spawn ./gradlew EACCES at ChildProcess._handle.onexit (node:internal/child_process:283:19) at onErrorNT (node:internal/child_process:476:16) at process.processTicksAndRejections (node:internal/proce..

안녕하세요. ReactNative IOS 개발 중 http로 접속되면 안전하지 않은 사이트로 인식하여 axios에 에러가 발생됩니다. 그럼 axios에 http에 접속 할 수 있도록 하는 방법에 대해 알아보도록 하겠습니다. 1. http 전체 허용하기 - http로 통신되는 것들 전체를 허용하기 위해 Info.plist 파일 안에 아래 코드를 삽입하도록 합니다. NSAppTransportSecurity NSAllowsArbitraryLoads 2. http 일부 도메인 허용하기 - 입력돈 도메인을 허용하기 위해 Info.plist 파일 안에 아래 코드를 삽입하도록 합니다. NSAppTransportSecurity NSExceptionDomains www.ssilook.com NSTemporaryExcep..

안녕하세요. 이번시간에는 리액트네이티브 안드로이드 바코드 스캔에 대해 알아보도록 하겠습니다. Step 1. React Native 설치하기 - npx react-native init barcodeTestCodes #React Native Version "dependencies": { "react": "18.1.0", "react-native": "0.70.3" } Step 2. 패키지 설치하기 - 아래 명령어를 통해 패키지를 설치 하도록 합니다. yarn add react-native-camera-kit Step 3. 오류명 확인하기 - 아래와 같이 오류가 날수 있기 때문에 오류명이 글쓴이와 동일 한지 확인해 주도록 합니다. #오류명 react-native-camera-kit\android\build.g..

안녕하세요. 이번시간에는 안드로이드에서 가로 회전 막는 방법에 대해서 알려드리도록 하겠습니다. Step 1. 설정값 추가하기 - android/app/src/main/AndroidManifest.xml 경로에 이동 후 아래 코드를 작성하여 추가해 주도록 합니다. android:screenOrientation=“portrait” 수고하셨습니다.

안녕하세요. 이번시간에는 IOS 바코드를 읽고 화면에 표시하는 것에 대해 알아보도록 하겠습니다. 어렵지는 않으니 IOS 사용해 보신 분들께서는 금방 하시리라 생각 됩니다. Step 1. 설치하기 - 아래 명령어를 통해 패키지를 설치 해주도록 합니다. npm install react-native-camera-kit --save - 설치가 완료 되었으면 pod 패키지를 설치 해주도록 하겠습니다. cd ios && pod install && cd .. Step 2. 카메라 권한 설정하기 - 루트 경로에서 ios/project_name/Info.plist 아래 코드를 삽입해 주도록 하겠습니다. NSCameraUsageDescription For taking photos NSPhotoLibraryUsageDesc..