코딩을 보라

1. redux hooks 이해하기 https://velog.io/@velopert/react-redux-hooks react-redux 에서 Hooks 사용하기 리덕스 v7.1 에 Hooks 기능이 alpha 로 탑재되었습니다. 한번 실습을 통하여 사용 방법을 알아봅시다. velog.io 여기서 selector 는 우리가 기존에 connect 로 사용 할 때 mapStateToProps 와 비슷하다고 생각하시면 됩니다. deps 배열은 어떤 값이 바뀌었을 때 selector 를 재정의 할 지 설정해줍니다. deps 값을 생략 하시면 매번 렌더링 될 때마다 selector 함수도 새로 정의됩니다. 2. 최적화 하기 https://react.vlpt.us/redux/08-optimize-useSelecto..

참고블로그 https://jeonghwan-kim.github.io/dev/2019/07/22/react-saga-ts-1.html 1. 비동기와 동기의 차이 https://private.tistory.com/24 동기와 비동기의 개념과 차이 데이터를 받는 방식인 동기와 비동기. 이 둘의 개념에 대해 설명하는 게시물은 매우 많은데 프로그래밍적으로 생각했을 때 이해가 가지 않아서 쉽게 이해를 할 수 있는 동기와 비동기의 예가 �� private.tistory.com 동기: 동시에 일어난다. 비동기: 요청과 결과가 동시에 일어나지 않는다. 2. REST API https://private.tistory.com/28?category=655782 REST API의 탄생/구성/특징 등 REST API의 탄생 - ..

- 환경 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. 설치 https://github.com/JesperLekland/react-native-svg-charts https://github.com/d3/d3-shape https://github.com/react-native-community/react-native-svg svg를 안깔면 https://github.com/JesperLekland/react-native-svg-charts/issues/201 이 에러가 난다.

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 {co..

😉 제가 직접 운영중인 어플 "루빗"을 다운받아보세요! (루틴 관리 어플) 🐰 루빗 홈페이지 플레이스토어 앱스토어 그럼 이제 카카오 로그인 시작하겠습니다! 환경 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.3 cd ios && pod install iOS & Android Post Installation github.com/react-native-seoul/react-native-kakao-login#post-installation Po..

1. 카카오로그인 추가하는 과정에서 생긴 오류 * What went wrong: Execution failed for task ':react-native-firebase:javaPreCompileDebug'. > Could not resolve all files for configuration ':react-native-firebase:debugCompileClasspath'. > Could not find okhttp.jar (com.square android/build.gradle 에서 allprojects { repositories { mavenLocal() maven { // All of React Native (JS, Obj-C sources, Android binaries) is install..

- 환경 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 Navigation React Navigation is written with TypeScript and exports type definitions for TypeScript projects. reactnavigation.org - Usage 1. Navigation.tsx import React, {ReactElem..

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