Posts

React Native 애니메이션 선택 기준 정리

Reanimated의 CSS 방식과 Shared Value 방식, 그리고 플랫폼에 위임하는 react-native-ease까지 세 갈래를 놓고 언제 무엇을 고를지 정리합니다.

런타임끼리 메모리를 공유하는 세 가지 방법인 Serializable, Synchronizable, Shareable이 각각 어떻게 다르고 언제 쓰는지 정리합니다.

Worklet이 캡처한 클로저가 같은 런타임과 다른 런타임에서 왜 다르게 동작하는지, 원시값·객체·함수를 캡처할 때의 차이와 자주 만나는 경고까지 정리합니다.

React Native Worklets이 무엇이고 왜 필요한지, Thread와 Runtime의 차이, RN/UI/Worker Runtime의 역할, workletize 과정과 런타임 간 통신 방법까지 정리합니다.

Expo 앱의 OTA 업데이트 기능인 EAS Update의 가격 정책, 적용 가능 범위, runtimeVersion, 채널, 브랜치, 롤백, 점진적 배포 개념을 정리합니다.

React Native에서 그림자를 구현하는 3가지 방법(Shadow Props, dropShadow, boxShadow)과 각각의 특징 및 플랫폼 간 차이점을 비교 설명합니다.

React Native 앱의 Hermes 바이트코드를 역공학하여 환경 변수에 저장된 API 키를 추출하는 과정을 단계별로 설명하고, 클라이언트 앱에 민감한 정보를 저장할 때의 보안 위험성을 경고합니다.

Claude 데스크톱 앱에서 MCP servers 사용 시 'spawn npx ENOENT' 에러 해결 방법을 설명합니다.

Git 작업시 부득이하게 force push를 해야하는 상황이 있습니다. 이때 --force-with-lease 옵션을 사용하면 조금 더 안전하게 force 푸시를 할 수 있습니다.

Git에서 상대 참조(Relative Reference)란 무엇인지, ^와 ~를 사용하여 커밋을 탐색하는 방법을 설명합니다.

다른 Git 저장소(repository)의 커밋을 현재 프로젝트로 가져오는 cherry-pick 방법을 설명합니다.

Next.js 앱을 Cloudflare Pages에 배포하면서 겪은 Edge Runtime 호환성 문제와 실패한 경험을 공유합니다.

무료로 운영 가능한 Fly.io와 오픈소스 백엔드 PocketBase를 활용하여 서버를 구축하고 배포하는 방법을 설명합니다.

Expo에서 발생하는 'Error: EMFILE: too many open files, watch' 문제를 watchman 업그레이드를 통해 해결하는 방법을 소개합니다.

2024년 한 해 동안의 자격증 취득(정보처리기사, SQLD, 정보보호관리사), 이탈리아/일본 여행, 건강 관리, 개발 공부와 프로젝트 진행(Next.js 블로그, 문구점 홈페이지) 등 다양한 경험과 성장을 담은 개인적인 회고록