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

트러블슈팅.

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

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

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

react native드래그 앤 드롭PanResponder칸반보드트러블슈팅
React Native에서 Google Maps 연동 및 위치 추적 기능 구현하기
react native2025.03.25

React Native에서 Google Maps 연동 및 위치 추적 기능 구현하기

React Native에서 Google Maps 연동 및 위치 추적 기능 구현하고, 초기 위치 설정하는 과정에서 발생한 문제를 해결하는 과정입니다.

react native트러블슈팅google mapexpo-location졸업작품
React 개발자 도구(React dev tools)로 불필요한 렌더링을 없애본 경험
react2024.11.12

React 개발자 도구(React dev tools)로 불필요한 렌더링을 없애본 경험

React 개발자 도구(React dev tools)의 기능들과 이를 활용해본 경험을 공유해보겠다.

reactnext.js렌더링트러블슈팅deepdivedev tools
phnml1

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

© 2026 Jooyoung. Built with Next.js.

Navigate

ProjectsBlogSearch

Connect

GitHubEmail