Dahee's Solution Hub

- 환경 react-native: 0.61.5 @react-native-community/geolocation: 2.0.2 - 라이브러리 https://github.com/react-native-community/react-native-geolocation react-native-community/react-native-geolocation Geolocation APIs for React Native. Contribute to react-native-community/react-native-geolocation development by creating an account on GitHub. github.com - 설치 yarn add @react-native-community/geolocation - ..

1. firebase 연결https://chobodogfootruler.tistory.com/28 1. 개초보도 할 수 있는 Firebase 연결(간단 SHA키 등록까지)오랜만에 다시 티스토리에 왔다.... 졸작도 끝났고... 취업은 아직이라 시간이 떠버렸다... 졸작을 하면서 느꼈는데, Firebase도 연결을 못하는 친구들이 많다는 것을 알았다.. 외부 DB연결은 하면서.. Firebase를..chobodogfootruler.tistory.com여기 보면서 firebase 설정 중 ios는https://romeoh.tistory.com/entry/React-Native-Firebase-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0 [React Native] Firebase 연동하기..

(기록 목적으로 작성한 글입니다) # 필요한 코드만 요약- package.json"scripts": { "postinstall": "rndebugger-open"} - 설치$ yarn add redux react-redux @reduxjs/toolkit redux-devtools-extension redux-thunk$ yarn add react-native-debugger-open --save-dev$ yarn postinstall *** 최종코드import {createStore, applyMiddleware} from 'redux';import {createSlice} from '@reduxjs/toolkit';import {composeWithDevTools} from 'redux-devtool..

😉 제가 직접 운영중인 어플 "루빗"을 다운받아보세요! (루틴 관리 어플)🐰 루빗 홈페이지플레이스토어앱스토어그럼 이제 카카오 로그인 시작하겠습니다! 환경react-native: 0.63.4@react-native-seoul/kakao-login: 3.0.3라이브러리https://github.com/react-native-seoul/react-native-kakao-login설치yarn add @react-native-seoul/kakao-login@3.0.3cd ios && pod installiOS & Android Post Installationgithub.com/react-native-seoul/react-native-kakao-login#post-installationPost Installat..

- 환경react-native: 0.61.5 "@react-navigation/native": "^5.0.7", "@react-navigation/stack": "^5.0.8", - 목적A화면에서 B화면으로 params와 함께 navigate를 하고 싶은데, 타입 체킹도 하고싶음 - 공식문서https://reactnavigation.org/docs/typescript/ React NavigationReact Navigation is written with TypeScript and exports type definitions for TypeScript projects.reactnavigation.org - Usage1. Navigation.tsximport React, {ReactElement} from..

성공적인 루틴 관리를 원하시나요? 지금 바로 스토어에서 "루빗"을 검색해보세요![ 제가 직접 개발에 참여한 어플입니다 :) ] 루빗 홈페이지플레이스토어앱스토어✨ 와디즈 펀딩 오픈예정 구경하기 ✨ 와디즈 오픈예정 | 내 손 안의 매니저 루빗 : 습관, 하루 루틴, 할 일까지 관리해드릴게요내 손 안의 매니저 루빗 : 습관, 하루 루틴, 할 일까지 관리해드릴게요www.wadiz.kr - 환경react-native: 0.61.5 - 목적iOS 앱에 소셜로그인(카카오, 네이버 등)이 포함되어있다면, 애플로그인도 꼭 포함해야함. 귀찮다!!!!!https://developer.apple.com/kr/news/?id=09122019b Apple로 로그인에 대한 신규 가이드라인 - 뉴스 - Apple Developer사..

- 환경react-native: 0.61.5 - 라이브러리https://software-mansion.github.io/react-native-gesture-handler/docs/getting-started.html Getting Started · React Native Gesture HandlerGesture Handler aims to replace React Native's built in touch system called [Gesture Responder System](http://facebook.github.io/react-native/docs/gesture-responder-system.html).software-mansion.github.io- 목적어떠한 뷰가 있을 때 그 뷰를 왼쪽 오른..

1. react-native-code-push 설치https://github.com/Microsoft/react-native-code-push microsoft/react-native-code-pushReact Native module for CodePush. Contribute to microsoft/react-native-code-push development by creating an account on GitHub.github.com- ios, android 따라가기https://github.com/microsoft/react-native-code-push/blob/master/docs/setup-ios.mdhttps://github.com/microsoft/react-native-code-pus..

https://github.com/react-native-community/react-native-svg react-native-community/react-native-svgSVG library for React Native, React Native Web, and plain React web projects. - react-native-community/react-native-svggithub.com오늘 사용할 라이브러리! - 내가 원하는 것: 화면 내에서 원하는 점과 점 사이를 선으로 긋고 싶다.  import React, {useEffect, useState, useRef} from 'react';import {Svg, Line} from 'react-native-svg';const Animate..

Dimensions를 이용하면 화면의 총 가로 세로 길이를 알 수 있다. constants.jsimport {Dimensions} from 'react-native';const {width, height} = Dimensions.get('screen');export default {width, height};파일을 하나 만들어서 여러 컴포넌트에서 활용하자!   앱의 화면을 만들 때 View 의 세로 길이를 휴대폰 기종마다 같은 비율을 적용하고 싶다면import React from 'react';import constants from './constants';const Container = () => ( );이런식으로 활용 가능!