안드로이드용 Native 브릿지 모듈을 개발하다 보면 dependencies 에 추가된 라이브러리 설치를 위해서가끔씩 custom maven repository 를 추가해줘야 할 일이 있다.KakaoAD SDK 의 경우 아래와 같은식으로 카카오의 maven url 을

corepack 은 패키지 매니저(yarn, pnpm) 관리를 쉽게 도와주는 도구이다.보통 node, ruby 처럼 여러 버전을 스위칭해서 써야하는 경우가 많을때 nvm, rbenv 와 같은 도구들로 버전을 변경해가면서 사용한다.일반적으로 패키지 매니저의 경우에는, 프

try/catch 혹은 .catch() 로 핸들링 하지 않은 프로미스 요청에서 에러가 발생하는 경우, Unhandled promise rejection 워닝이나 미처 놓치게 되는 오류가 있을수도 있다.만약 SDK를 사용하고 있고, 로거가 켜져있다면 특히나 더 거슬리는

M1 이 나온지 얼마 안됐을때는 호환되는 프로그램들이 많지 않아서 Intel 맥용으로 빌드된 프로그램을 Rosetta2 라는 프로그램을 사용해서 실행해야 했다.흔히 보이는 CLI 환경에서 명령어를 실행할때 붙이는 arch -x86_64 some-program 이것인데엄

스크롤이 멈추는 시점의 offset.y 를 이용하여, 버튼의 정확한 위치를 구하고scrollTo 를 이용해 포커싱 동작을 구현합니다.code example스크롤이 멈추는 순간 우리는 버튼의 위치를 알아낸 뒤, 현재 위치의 좌표를 이동시킬 정확한 좌표로 변환하고해당 위치

실제 기기를 연결하기 위해서, 기본적인 설정 이외에도 Flipper 에서 몇가지 추가 설정이 필요하다.Flipper 의 Settings 에 들어가면 Android SDK 경로와 iOS IDB binary 경로가 필요하다.보통 Android SDK 는 RN 환경을 설정하

리액트 네이티브의 새로운 아키텍쳐 Fabric, TurboModules, 그리고 이를 가능하게 만들어주는 JSI 에 대해서 알아보자.

FlatList 의 ListEmptyComponent 프롭을 통해서 data 가 비어있을때, 렌더링될 컴포넌트를 전달할 수 있다.일반적으로 아무 스타일 없이 넘기게 될 경우 다음과 같이 나오게 된다.보통 가운데 정렬을 하기 위해서, contentContainerStyl

선 없는 쾌적한 개발환경, 모바일 개발환경에서 Wireless(wifi) debugging 설정하고 선으로부터 자유로워지자...

우리 앱은 Android 이슈 및 iOS 에서의 Ducking 등으로 인해 react-native-track-player 를 fork 해서 사용하고 있는데어느 순간부터, 앱 내의 연속 재생 기능이 백그라운드에서 동작하지 않는 이슈가 발생했다.<span style=

스크롤 가능한 time picker 만들기

type SomeType<T extends "A">=> type 선언부의 Generic 을 "A" 타입으로 사용하겠다.type SomeType<T> = T extends "A" ? string : never;=> SomeType 에 받은 Generic 이,