코딩을 보라

1. apk 뽑는 블로그 그대로 따라했음 https://bomjjack.github.io/programming/2018/01/06/rn-android-app-release/ React Native 릴리즈 빌드(안드로이드 편) 안드로이드편. bomjjack.github.io 2. apk 뽑기는 성공했는데 api url이 https가 아닌 http 여서 통신이 안됐음. 안드로이드 release 버전에서는 http 통신이 기본적으로 안됨. 그래서 설정을 해줘야 함! 해결책 -> github.com/facebook/react-native/issues/24408#issuecomment-537081276 Fetch not working for HTTP requests on Android · Issue #24408 ..

1. 라이브러리 https://github.com/JesperLekland/react-native-svg-charts JesperLekland/react-native-svg-charts 📈 One library to rule all charts for React Native 📊 - JesperLekland/react-native-svg-charts github.com 2. ProgressCircle Usage - 10시~3시, 6시~12시 같은 일정이 있으면 그 시간만큼이 채워진 원형 그래프를 그리고 싶었다. - 딱 적합한 것이 ProgressCircle이었다. - 먼저 문서 그대로 사용해보면 이렇게 보인다. * 코드 * 결과 - 특정 시간대를 이 원형그래프로 나타내려면 어떻게 해야할까? - startA..

1. 아폴로란? https://www.apollographql.com/docs/react/ - Apollo Client는 JavaScript 앱을 위한 상태 관리 라이브러리 - GraphQL 쿼리를 작성하기 만하면 Apollo Client가 데이터를 요청하고 캐싱하고 UI를 업데이트한다. - 리덕스와 빠이빠이 할 수 있다! 2. 설치 npm install apollo-boost @apollo/react-hooks graphql react-apollo apollo-boost: Package containing everything you need to set up Apollo Client @apollo/react-hooks: React hooks based view layer integration graph..

1. 라이브러리 https://github.com/react-native-community/react-native-webview react-native-community/react-native-webview React Native Cross-Platform WebView. Contribute to react-native-community/react-native-webview development by creating an account on GitHub. github.com 2. 설치 https://github.com/react-native-community/react-native-webview/blob/master/docs/Getting-Started.md react-native-community/re..

react-native run-ios 를 할 때 fail이 아니라 영원히 build가 되지 않을 때가 있다. 원래는 이렇게 빌드가 잘 되어야 하는데 Building 다음에 .. 이 위 사진처럼 많이 생기지 않고 딱 .. 2개만 생기면서 영원히 빌드가 끝나지 않을 때가 있다. => https://github.com/facebook/react-native/issues/15469 [Build][iOS] Building project in Xcode takes for ever in Running 1 of 1 custom shell scripts · Issue #15469 · facebook/react-n Have you read the Contributing Guidelines? yes Environment r..

parent view의 속성 onLayout을 이용하면event.nativeEvent.layout.height를 통해 height를 알 수 있다.import React, {useState} from 'react';import {View} from 'react-native';export default ({routine, onMidBtnPress, children}: Props) => { const [parentHeight, setParentHeight] = useState(0); const onLayout = event => { const {height} = event.nativeEvent.layout; setParentHeight(height); }; return ( ..

1. library not found for -lAppAuth .xcodeproj 를 열어서 라이브러리를 못찾았다. Pods를 쓰면 xcode로 프로젝트 열 때 xcworkspace 로만 열어야 한다. .xcworkspace 를 열어서 빌드해보자! -> 그랬더니 2번째 에러 2. Build input file cannot be found: '/Users/daheeahn/Downloads/GoogleService-Info.plist' xcode에는 GoogleService-Info.plist가 있는데 vscode 상으로는 안보여서 Firebase에서 파일 다시 다운로드 받아서 vscode에 넣어서 빌드해보니 됐다!

useReducer context

https://yuddomack.tistory.com/entry/7React-Native-Animated-%EC%82%AC%EC%9A%A9%EB%B2%95 7.React Native Animated 사용법 React Native에서 Animated를 사용하여 컴포넌트에 움직임을 넣거나 색상, 투명도 등이 변경되도록 애니메이션을 만들 수 있습니다. Animated는 State나 변수 등을 직접 제어하지 않고, Animated 객체로 생성된 v.. yuddomack.tistory.com

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