개발 (54) 썸네일형 리스트형 [React Native/RN] lodash의 다양한 함수들 사용하기 (debounce(), chunk(), shuffle() 등...) 이전글 👉🏻[React Native/RN] lodash 사용하기 (findIndex(), flatten(), remove() 사용해보기) [React Native/RN] lodash 사용하기 (findIndex(), flatten(), remove() 사용해보기) lodash 란? lodash는 JavaScript의 유틸리티 라이브러리 중 하나로, 개발에서 자주 사용되는 일반적인 작업을 간단하게 처리할 수 있는 메서드와 함수를 제공한다. lodash는 배열과 객체를 다루는 함수를 ramveloper.tistory.com debounce() 함수 debounce() 함수는 입력받은 함수를 주어진 시간만큼 대기시켜 실행한다. 대기 시간 동안 추가적인 입력이 없을 경우에만 입력된 함수를 실행한다. import.. [React Native/RN] lodash 사용하기 (findIndex(), flatten(), remove() 사용해보기) lodash 란? lodash는 JavaScript의 유틸리티 라이브러리 중 하나로, 개발에서 자주 사용되는 일반적인 작업을 간단하게 처리할 수 있는 메서드와 함수를 제공한다. lodash는 배열과 객체를 다루는 함수를 포함하여 다양한 유틸리티 함수를 제공한다. 예를 들어, 배열의 요소를 반복하고 조작하는 함수, 객체를 다루는 함수, 함수를 조작하는 함수 등이 있다. lodash 설치 npm install lodash findIndex() 함수 findIndex() 함수는 배열에서 특정 조건을 만족하는 첫 번째 요소의 인덱스를 반환한다. import { findIndex } from 'lodash'; const array = [ { id: 1, name: 'Apple' }, { id: 2, name: '.. [React Native/RN] Hooks - useContext 사용법, 전역변수 사용 이전글 👉🏻 [React Native/RN] Hooks이란? (useState, useEffect 사용법) 👉🏻 [React Native/RN] Hooks - useRef 사용법, TextInput onSubmitEditing 사용 예제 [React Native/RN] Hooks - useRef 사용법, TextInput onSubmitEditing 사용 예제 이전글 👉🏻 [React Native/RN] Hooks이란? (useState, useEffect 사용법) [React Native/RN] Hooks이란? (useState, useEffect 사용법) Hooks이란? Hook은 class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있게 ramveloper.tistory.c.. [React Native/RN] Hooks - useRef 사용법, TextInput onSubmitEditing 사용 예제 이전글 👉🏻 [React Native/RN] Hooks이란? (useState, useEffect 사용법) [React Native/RN] Hooks이란? (useState, useEffect 사용법) Hooks이란? Hook은 class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있게 해준다. Hook은 props, state, context, refs, 그리고 lifecycle와 같은 React 개념에 좀 더 직관적인 API를 제공한다. Hook은 ramveloper.tistory.com useRef Ref란? 재랜더링을 하지 않고 DOM을 선택해 직접 접근하기 위해 사용하는 것이다. useRef useRef는 .current 속성에 변경 가능한 값을 보유하는 '상자'와 같은.. [React Native/RN] Hooks이란? (useState, useEffect 사용법) Hooks이란? Hook은 class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있게 해준다. Hook은 props, state, context, refs, 그리고 lifecycle와 같은 React 개념에 좀 더 직관적인 API를 제공한다. Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수이다. Hook은 class 안에서는 동작하지 않지만 class 없이 React를 사용할 수 있게 해준다. 지원 버전 React 16.8.0 이상 React Native 0.59 이상 State Hook (useState) useState는 현재의 state 값과 이 값을 업데이트하는 함수.. [React Native/RN] 리액트 네이티브 구글 로그인 [Error: A non-recoverable sign in failure... [Error: A non-recoverable sign in failure occurred] 구글 로그인 시 해당 오류가 발생했다. 검색으로 확인해보니 간단하게 해결되는 문제였다. 파이어베이스 콘솔 프로젝트 설정에 '지원 이메일' 항목을 입력하면 되는 것이다. 1. add support email to solve this error 2. and wait 5 minutes your google login will be working fine stackoverflow에 따르면 5분정도를 기다려야한다고 한다. https://stackoverflow.com/questions/53816227/google-signin-sdk-is-failing-by-throwing-error-a-non-recoverable-sig.. [React Native/RN] 구글 로그인 DEVELOPER_ERROR 문제(feat. SHA1 지문키) 보통 기존 디버그 SHA1키를 얻는 콘솔 커맨드는 다음과 같이 알려져있다. keytool -list -v -alias androiddebugkey -keystore ~/.android/debug.keystore 하지만 위의 커멘드나 안드로이드 스튜디오에서 signingReport를 통해 얻은 SHA1 지문이 계속 불일치했다. 그러던 와중 android/app 폴더에 위치한 debug.keystore 키파일을 발견했다. 검색결과 RN 특정 버전 이상부터는 app 폴더 내에 키파일이 들어있다는걸 알 수 있었다. keytool -list -v -alias androiddebugkey -keystore ./app/debug.keystore 해당 커멘드로 다시 SHA1을 추출한 결과 정상 작동하였다. [React Native/RN] 안드로이드 TextInput 키보드 사라짐, 키보드 자동으로 내려감 오류 수정 TextInput에 focus를 주면 키보드가 올라왔다가 바로 사라지는 현상이 발생했다. 열심히 구글링을 해본 결과 한 링크를 발견할 수 있었다. "TextInput closes automatically when opened on android" https://github.com/facebook/react-native/issues/33164 TextInput closes automatically when opened on android · Issue #33164 · facebook/react-native Description Hi there, I switched laptops and cloned the repository of my project, did a quick yarn install and lo.. 이전 1 2 3 4 5 6 7 다음
