phnml1
ProjectsBlogSearch
⌕Contact

Tags

Allreactnextjstypescriptreact-querycacheperformancecodematesetQueryDatainvalidateQuerieswebsocketrealtimecommentsserver-componentspromise-alloptimizationreact native드래그 앤 드롭성능 최적화ZustandReact.memoselector칸반보드props drillingPanResponderuseMemouseRefuseNativeDriver리렌더링자동 스크롤requestAnimationFramePortalContext APIAnimatedhooks트러블슈팅google mapexpo-location졸업작품JavaScriptdeepdiveuseStatehooknext.jsSSRSuspense렌더링테스트dev toolsSSGAlgorithm프로그래머스PCCPlv2이분탐색클로저생명주기Virtual DOM백준golddfslv3bfs

Context API.

1 articles
React Native 칸반보드 드래그 앤 드롭 구현기 (3)
react native2026.01.25

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

Floating Card를 Portal 패턴으로 구현하여 드래그 앤 드롭의 시각적 완성도를 높이는 방법을 다룹니다.

react native드래그 앤 드롭PortalContext APIAnimated
phnml1

성능 병목을 측정하고, 복잡한 상태 흐름을 정리하며, 오래 유지되는 프론트엔드 구조를 기록합니다.

© 2026 Jooyoung. Built with Next.js.

Navigate

ProjectsBlogSearch

Connect

GitHubEmail