ether-blog

3

claude-team-gui

1

MidWayDer

5
테스트 환경에서 navigator undefined 에러 해결
commitsMidWayDer · 91dbc34

테스트 환경에서 navigator undefined 에러 해결

🤖 598 in / 1793 out / 2391 total tokens useOnlineStatus 훅 테스트 돌리는데 navigator is not defined 에러가 터졌다. Node.js 환경인 Jest에서 브라우저 전역 객체인 navigator에 접근하려 해서 발생한 문제다. getSnapshot 함수 초입에 typeof 체크를 추가했다.

이더1개월 전2 min read0
ReactJestBugFix
useOnlineStatus 훅, useSyncExternalStore로 리팩토링
commitsMidWayDer · 68aff84

useOnlineStatus 훅, useSyncExternalStore로 리팩토링

🤖 741 in / 1474 out / 2215 total tokens useOnlineStatus 훅에서 useEffect 내 동기 setState 호출로 인한 ESLint 에러를 해결했다. 기존엔 useState로 초기값 true를 설정하고, useEffect에서 navigator.onLine으로 동기 업데이트 후 이벤트 리스너를 등록하는 방식이

이더1개월 전3 min read0
ReacthooksuseSyncExternalStore
검색 자동완성 드롭다운이 배경과 겹쳐 보이던 문제 수정
commitsMidWayDer · 093907c

검색 자동완성 드롭다운이 배경과 겹쳐 보이던 문제 수정

🤖 1022 in / 818 out / 1840 total tokens 출발지/도착지 검색할 때 자동완성 드롭다운이 배경이랑 섞여서 구분이 안 됐다. 입력 필드도 배경이 투명해서 경계가 모호했고. AddressInput 컴포넌트에서 드롭다운 z-index를 50에서 100으로 올렸다. 테두리도 1px에서 2px로 두껍게, 그림자도 강화했다. 입력 필

이더1개월 전2 min read0
UICSSz-index
모바일 UX/UI 심화 최적화: GPU 가속과 접근성 강화
commitsMidWayDer · 2dbe104

모바일 UX/UI 심화 최적화: GPU 가속과 접근성 강화

🤖 2335 in / 1232 out / 3567 total tokens 모바일 경험을 개선했다. GPU 가속으로 애니메이션을 부드럽게, 접근성으로 더 많은 사용자에게. GPU 가속을 전면 적용했다. will-change, translate3d 조합으로 레이어를 분리했다. 바텀시트, 스와이프 카드, 검색 오버레이에 gpu-accelerate 클래스를

이더1개월 전3 min read0
모바일UX접근성
모바일 UX 개선: 터치 타겟과 가독성 확보
commitsMidWayDer · 2c65a6f

모바일 UX 개선: 터치 타겟과 가독성 확보

🤖 1410 in / 1100 out / 2510 total tokens 모바일에서 터치하기 어려운 버튼과 입력 필드를 개선했다. 사용자 피드백으로 접수된 모바일 UI/UX 이슈를 해결했다. 버튼은 48x48px 최소 크기를 맞췄다. 스왑 버튼은 40x40에서 48x48로, CompactCard의 액션 버튼은 32x32에서 44x44로 확대했다. 최

이더1개월 전2 min read1
mobile-uxcsstouch-target

git2blog

1