#PanResponder | phnml1

PanResponder.

4 articles

React Native 칸반보드 드래그 앤 드롭 성능 최적화 (2) - PanResponder 안정화와 Native 애니메이션

react native2026.03.09

React Native 칸반보드 드래그 앤 드롭 성능 최적화 (2) - PanResponder 안정화와 Native 애니메이션

1편에서 측정한 문제들 중 즉각적인 효과가 있는 것부터 개선합니다. PanResponder를 useMemo로 안정화하고, 애니메이션을 Native 스레드로 전환합니다. 그리고 실제 측정 결과를 봅니다.

react native 드래그 앤 드롭 성능 최적화 PanResponder useMemo useRef useNativeDriver 칸반보드

React Native 칸반보드 드래그 앤 드롭 성능 최적화 (1) - 문제 인식과 측정

react native2026.02.23

React Native 칸반보드 드래그 앤 드롭 성능 최적화 (1) - 문제 인식과 측정

칸반보드 드래그 앤 드롭에서 드래그 중에 불필요한 리렌더링 및 버벅임이 발생하는 문제를 수치로 측정하고 원인을 분석합니다.

react native 드래그 앤 드롭 성능 최적화 리렌더링 칸반보드 PanResponder props drilling

React Native 칸반보드 드래그 앤 드롭 구현기 (2)

react native2026.01.12

React Native 칸반보드 드래그 앤 드롭 구현기 (2)

드래그 앤 드롭의 핵심 훅 구조와 절대 좌표 기반 레이아웃 측정, 드롭 타겟 계산 로직을 구현합니다.

react native 드래그 앤 드롭 PanResponder 칸반보드 hooks

React Native 칸반보드 드래그 앤 드롭 구현기 (1)

react native2025.12.29

React Native 칸반보드 드래그 앤 드롭 구현기 (1)

React Native에서 칸반보드 형태의 Drag & Drop을 구현하며 PanResponder 기반 절대 좌표 시스템을 선택한 이유와 구현 과정을 공유합니다.

react native 드래그 앤 드롭 PanResponder 칸반보드 트러블슈팅