숨참고 개발다이브

이전글 👉🏻[React Native/RN] lodash 사용하기 (findIndex(), flatten(), remove() 사용해보기) [React Native/RN] lodash 사용하기 (findIndex(), flatten(), remove() 사용해보기) lodash 란? lodash는 JavaScript의 유틸리티 라이브러리 중 하나로, 개발에서 자주 사용되는 일반적인 작업을 간단하게 처리할 수 있는 메서드와 함수를 제공한다. lodash는 배열과 객체를 다루는 함수를 ramveloper.tistory.com debounce() 함수 debounce() 함수는 입력받은 함수를 주어진 시간만큼 대기시켜 실행한다. 대기 시간 동안 추가적인 입력이 없을 경우에만 입력된 함수를 실행한다. import..

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이란? (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이란? (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 속성에 변경 가능한 값을 보유하는 '상자'와 같은..

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 값과 이 값을 업데이트하는 함수..

보통 기존 디버그 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을 추출한 결과 정상 작동하였다.

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

No channel id passed, notifications may not work. 예전에 만들어둔 푸시 부분이 갑자기 포어그라운드에서 동작하지 않는 것을 확인했다. 처음에는 서버 오류인 줄 알고 서버를 확인해보았으나 정상 작동하였고, 경우의 수를 테스트해본 결과 포어그라운드의 문제였다. 안드로이드 오레오(API 26) 이상에서는 푸시 알림을 설정할 때 채널을 꼭 생성해주어야 하는데, 작업한 지 조금 된 프로젝트기도 하고 테스트 기기가 하필 저버전이어서 이 부분을 놓쳤다. 해결 방법) 앱 실행 시 createChannel을 통해 채널을 생성해주면 된다. 라이브러리는 react-native-push-notification을 사용하였다. import PushNotification, {Importance..