반응형

리액트네이티브 14

[RN] TypeError: Cannot read property 'Constants' of null

React-native-video에서 발생한 에러인데, 해결방법이 레퍼런스를 봐도 모르겠더라... 현재 RN버전이 0.73인데 레퍼런스 내용대로 한다면 android에 따로 추가할 필요가 없다. https://www.npmjs.com/package/react-native-video react-native-video A element for react-native. Latest version: 5.2.1, last published: a year ago. Start using react-native-video in your project by running `npm i react-native-video`. There are 269 other projects in the npm registry using r..

취업/ReactNative 2024.02.01

[RN] 딥링크 기능 구현하기.

일단 딥링크와 유니버셜링크, 앱링크를 많이 들어봤을것이다. 해당 설명에 대한 자세한 내용은 하단 링크 참조 https://help.dfinery.io/hc/ko/articles/360039757433-%EB%94%A5%EB%A7%81%ED%81%AC-Deeplink-URI%EC%8A%A4%ED%82%B4-%EC%9C%A0%EB%8B%88%EB%B2%84%EC%85%9C-%EB%A7%81%ED%81%AC-%EC%95%B1%EB%A7%81%ED%81%AC-%EA%B5%AC%EB%B6%84%EA%B3%BC-%EC%9D%B4%ED%95%B4 해당 내용을 이해하고 진행하면된다. https://reactnavigation.org/docs/deep-linking/ React Navigation reactnavigat..

취업/ReactNative 2023.06.16

[RN] FCM 연결하기. 리액트네이티브 버전 : 0.71.7

까다로운 방법이라 문제였다. 무엇보다 레퍼런스 문서가 개판... ㅠㅠ RN 관련 문서는 믿지 못하겠다... 구버전이거나 없거나... 안드로이드측 문제인가 했었다. 개발 쟁점은 두가지이다. 1. 토큰 생성(초기화 관련 문제) 2. 메시지 수신. 1번을 위해 세팅은 2가지이다. 1번은 리액트 네이티브를 설치. 2번은 https://console.firebase.google.com/ 에 접속하여, 프로젝트 생성. 프로젝트 생성 후 필요없어도, 웹버전과 안드로이드 버전을 생성한다. 웹버전 생성시 RN내부에서 초기화 할 부분을 작성해준다. import messaging from '@react-native-firebase/messaging'; import firebase from '@react-native-fire..

취업/ReactNative 2023.05.10

[React.JS] react-native-webview 설치가이드

// 1. 프로젝트 생성 npx react-native init webviewtest // 2. 라이브러리 설치 yarn add react-native-webview or npm install --save react-native-webview // 3. pod install ios라면 필수 cd ios pod install // 4. android 설정 // android/gradle.properties 파일 내 하단 추가 android.useAndroidX=true android.enableJetifier=true // 5. 리액트네이티브 버전 고정 명령어. npm config set save-exact=true // 이게 기초 세팅. //App.js import React, { useRef } fro..

취업/React.JS 2022.12.10

[RN]리액트 네이티브 (19)"RN css를 React css처럼 통제 StyleSheet관리"

- 보통 대부분의 React Native 교재에선 보통 styled-component로 css를 컨트롤 할 것이다. 하지만, 회사에서 유지보수 측면에선 좋은 것은 아니므로 css를 한개에서 컨트롤 하는 것이 나을 것이다. 그렇기에 한개에서 컨트롤 하는 것을 적어보려고 한다. 호출 방법은 간단하다. const styles = require('../../cssstyle/StyleSheet').member; //css 위와 같이 styles에 함수 설정을 하고 해당 값으로 접근하여 해당 설정한 값을 보면 된다. css파일에선 이렇게 구성하여 놓는다. const { StyleSheet } = require('react-native'); module.exports = { member: StyleSheet.crea..

코딩/React Native 2021.04.28

[RN]리액트 네이티브(16)"네이버 SNS 로그인 완성"

네아로(네이버 아이디 로그인)는 문제가 많다. ㅡㅡ^;;;; 왜냐하면, 해당 네이버 로그인의 경우 일단 개발용인데도 검수를 요구하기때문이다. 나도 처음에는 그렇게 읽었다. 하지만, 실제로는 다르다. 이렇게 적은 네이버는 수정할 필요가 있다. ksnumerkey와 ksecretkey를 발급받기 위한 절차가 적혀있다. 저 url부분만 없어도 그냥 개발할텐데 왜 저걸 저 순서로 박아둔건지 모르겠다;;; url때문에 가짜 url주소를 기입해도 되는 지 몰랐었다. 순서를 위한 설명서 yoonbumtae.com/?p=1818 Spring Boot: "네이버 아이디로 로그인하기" 연동하기 (1) - BGSMM 깃허브에서 전체 코드 보기 - https://github.com/ayaysir/spring-boot-secu..

[RN]리액트 네이티브(15) "@react-native-seoul/kakao-login 동의하고 계속하기 넘어가지 않는 문제 해결"

github.com/react-native-seoul/react-native-kakao-login react-native-seoul/react-native-kakao-login react-native native module for Kakao sign in. Contribute to react-native-seoul/react-native-kakao-login development by creating an account on GitHub. github.com 해당 라이브러리를 쓰는데, 아무리해도 로그인이 진행되지 않는다;;; 이것에 무려 3일이상 낭비를 -0- 시간 아까워라... 원인은 좀 이상한 이유였다. 안드로이드 스튜디오로 들어가 해당 프로젝트 - android 폴더를 클릭하면 해당 라이브러리들이..

코딩/React Native 2021.04.19

[RN]리액트 네이티브(14)"error type 3 error activity class does not exist"

error type 3 error activity class does not exist 이 문구의 에러는 원인은 여러가지이다. 하지만 나의 경우에는 다른 init으로 만든 android를 가져와 덮어 씌우는 문제에서 발생된 문제였기에 해당문제는 제목에 따른 문제였다. ''have"라는 이름으로 프로젝트를 만들었고 이것이 gradle을 만지다가 고장나버렸다. "div"라는 이름으로 긴급하게 만들어 div android파일을 have android 파일에 덮어씌웠더니 작동은 되는데 이상한 에러 문구가 뜬다. error type 3 error activity class does not exist 이러한 이유는 프로젝트는 have이나 실제로 구동되는 것은 div 프로젝트로 인식하기에 그렇다. 기존에 있는 bui..

코딩/React Native 2021.04.19

[RN]리액트 네이티브-Today I'm Learned (10)"네비게이터"

- 오늘 학습한 내용. npm install @react-navigation/native npm install @react-navigation/bottom-tabs 네비게이션 적용 - 오늘의 코드 내용. 하단 tab 네비게이션을 사용했는데, 해당 페이지 호출하는 데 있어서 매우 곤란했다. 일일히 호출 해줘야 하는 게 있었는데, 이를 안하고 싶었던 게 있었다 stack.screen 일일히 따로 그룹핑해서 화면을 뿌려주는건 감을 잡았는데, 이를 어떻게 보여줄 것인가가 문제였다. 구조는 stack 한개, tab 한개로 짰다. 문제점으로 1. stack을 호출하지 않는 컴포넌트로 이동시 navigation.navigate('특정 페이지')가 제대로 호출되지 않았다. 2. 위 문제를 해결하기 위해서 따로 해결하려..

코딩/React Native 2021.04.07
728x90