728x90

전체 글 296

14. 구글폰트 적용하기 - 랜딩페이지 문구 변경

https://dwbyun.tistory.com/7 [React Native] 0.70버전 custom font 적용하기 (react-native-cli) 이번 글에서는 react native 현재 최신 버전인 0.70.1 버전에서 custom font 적용하는 방법을 포스팅하려고 합니다. 우선 프로젝트를 생성하고 App.js 파일을 수정합니다. npx react-native init AwesomeProject import dwbyun.tistory.com https://fonts.google.com/specimen/Nanum+Pen+Script?subset=korean&noto.script=Kore Nanum Pen Script - Google Fonts Nanum Pen Script is a cont..

15. LoginButton 컴포넌트에 소셜 로그인 기능 구현하기

https://github.com/react-native-google-signin/google-signin GitHub - react-native-google-signin/google-signin: Google Sign-in for your React Native applications Google Sign-in for your React Native applications. Contribute to react-native-google-signin/google-signin development by creating an account on GitHub. github.com * SettingsScreen 컴포넌트에 구현된 소셜로그인 기능을 LoginButton 컴포넌트로 옮기기 npm install @re..

13. 스택 네비게이터를 이용하여 네비게이션하기

/** * @format */ import {AppRegistry} from 'react-native'; import stackRouter from './stackRouter'; import {name as appName} from './app.json'; AppRegistry.registerComponent(appName, () => stackRouter); 루트 디렉토리의 index.js 파일을 위와 같이 수정한다. LandingScreen 대신에 stackRouter 컴포넌트를 화면에 보여준다. import React, { useState, useEffect } from 'react' import { View, Text, StyleSheet, ActivityIndicator } from 'react..

11. 설정화면 - 구글 로그인 이후 사용자 프로필 보여주기

https://github.com/react-native-google-signin/google-signin GitHub - react-native-google-signin/google-signin: Google Sign-in for your React Native applications Google Sign-in for your React Native applications. Contribute to react-native-google-signin/google-signin development by creating an account on GitHub. github.com * 구글 로그인후 프로필 정보 보여주기 & 로그아웃 구현하기 import React, { useEffect, useState } fr..

10. 소셜로그인 - 구글 로그인

https://lucky516.tistory.com/306 ReactNative Firebase 구글 로그인 카카오 로그인보다 더 말썽일가 싶었는데 구글로그인도 생각보다 말썽이다 1. 기초설정 먼저 하기 링크에서 기초 환경세팅을 설정한다 https://rnfirebase.io React Native Firebase | React Native Firebase Welcome lucky516.tistory.com * 구글 로그인을 위한 라이브러리 추가하기 @react-native-google-signin/google-signin * 안드로이드 파일 설정하기 android/build.gradle에 들어가서 아래와 같이 추가한다. buildscript { ext { ... 중략 googlePlayServicesA..

바이너리 데이터를 base64 string 으로 변환해서 이미지 보여주기

https://stackoverflow.com/questions/14915058/how-to-display-binary-data-as-image-extjs-4 How to display binary data as image - extjs 4 Here is the binary for a valid .JPEG image. http://pastebin.ca/raw/2314500 I have tried to use Python to save this binary data into an image. How can I convert this data to a viewable .JPEG image stackoverflow.com var img = document.createElement('img'); img.src ..

카카오 로그인 키 해쉬 오류 해결하기

https://velog.io/@reum107/React-Native-%EC%B9%B4%EC%B9%B4%EC%98%A4-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EC%A0%95%EB%B3%B5%ED%95%98%EA%B8%B0 React Native | 카카오 로그인 정복하기 (feat. 발생했던 에러 포함) 초보자에게 React Native 카카오 로그인 구현이란... 끝없는 에러의 연속...? velog.io // 라이브러리 공식에서 설명한 키 해시 찾는 명령어 (root 폴더에서 진행) keytool -exportcert -alias androiddebugkey -keystore ~/android/app/debug.keystore -storepass android -keypass andro..

안드로이드 시뮬레이터 느림 현상 해결 - 메모리 용량 늘리기

https://crone.tistory.com/523 안드로이드 스튜디오 Out Of Memory 메모리 부족 해결하기 안드로이드 스튜디오 버전이 상승됨에 따라 많이 개선되긴 하였지만 작업중에 렉이 걸리거나 프로그램이 Out Of Memory 문제로 꺼짐 증상이 발견된다면 안드로이드 스튜디오 메모리 할당량을 늘리 crone.tistory.com android 폴더의 gradle.properties 파일에 아래처럼 수정한다. 2048은 2GB 라는 의미이다. org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m

카카오 로그인 키 해쉬 에러

https://devbksheen.tistory.com/entry/React-Native-%EC%B9%B4%EC%B9%B4%EC%98%A4-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0 React Native 카카오 로그인 설정 및 구현 RN 사이드 프로젝트 중 카카오 로그인을 구현하면서 방법을 정리하려고 한다. 라이브러리는 @react-native-seoul/kakao-login를 사용하였다. 1. 카카오 애플리케이션 생성 및 설정 kakao developers에 로그인 devbksheen.tistory.com

728x90