전체 글 (64) 썸네일형 리스트형 [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을 추출한 결과 정상 작동하였다. [스팀게임] 잔잔하지만 중독성있는 포션 크래프트 / Potion Craft 중세 필사본과 의학 서적으로부터 영감을 받아 비주얼이 독특합니다. 재료 및 장비와의 물리적 상호 작용은 더없이 만족스럽습니다. 샌드박스 스타일의 게임 방식에서 다양한 방법을 사용할 수 있어 각 작업을 완료하는 데 가장 적절한 방법을 찾는 것은 사용자의 몫입니다. 숭고한 장인, 탐욕스러운 족제비, 오컬트 다크 마스터 또는 꿈꾸는 모든 캐릭터를 롤플레잉하며 마을 사람들에게 포션을 판매하세요! 포션 크래프트의 간단한 스토리. 초보 연금술사인 플레이어가 버려진 연금술사의 집에서 포션을 만들며 상점을 운영하는 게임이다. 간단한 스토리 설명 후 튜토리얼이 바로 진행된다. 우측에 있는 재료 목록에서 드래그 앤 드롭 방식으로 가마솥에 넣어주면 된다. 재료를 넣으면 가운데 있는 지도의 물약에 길이 생긴다. 각 재료마다 .. 이전 1 2 3 4 5 6 7 8 다음