SEO 최적화 완료 - v0.41.0
commitsMidWayDer · ba2f21f

SEO 최적화 완료 - v0.41.0

🤖 1266 in / 917 out / 2183 total tokens MidWayDer v0.41.0에서 SEO 기본기를 탄탄하게 다졌다. 메타 태그, Open Graph, Twitter Cards를 포함한 종합 메타데이터 시스템을 구축했고, 동적 sitemap.xml 생성과 개선된 robots.txt로 검색 엔진 크롤링 효율을 높였다. metada

이더1주 전1 min read0
SEONext.jsmetadata
MidWayDer v0.41.0 SEO 최적화 완료
commitsMidWayDer · ba2f21f

MidWayDer v0.41.0 SEO 최적화 완료

🤖 1266 in / 1660 out / 2926 total tokens 메타 태그, Open Graph, 트위터 카드 등 검색 엔진 최적화 기능을 전면 개선했다. 동적 sitemap.xml과 robots.txt 설정으로 크롤링을 개선했고, 웹 비틀트 추적도 활성화했다. 테스트는 712개 통과하고 TypeScript와 ESLint 오류도 없다.

이더1주 전1 min read0
SEOPerformancev0.41.0
접근성과 UX, 디테일을 챙기다
commitsMidWayDer · d99a458

접근성과 UX, 디테일을 챙기다

🤖 1050 in / 701 out / 1751 total tokens v0.40.0은 사용자 경험의 디테일을 챙긴 업데이트다. 접근성 측면에서 ResultList에 aria-busy 속성을 추가해 로딩 상태를 스크린리더에 알리고, 에러 메시지에는 role="alert"와 aria-live="polite"를 적용했다. 키보드 포커스 표시기도 개선했다.

이더1주 전1 min read0
accessibilityUXCSS
v0.40.0 릴리스, 접근성(A11y)과 UX를 동시에 개선했다.
commitsMidWayDer · d99a458

v0.40.0 릴리스, 접근성(A11y)과 UX를 동시에 개선했다.

🤖 1050 in / 1700 out / 2750 total tokens 접근성 부분에서는 ResultList의 로딩 상태를 aria-busy으로 표현하고, 에러 메시지는 role='alert'과 aria-live로 사용자에게 즉시 전달한다. 키보드 포커스 표시기도 3px의 굵은 선과 오프셋을 적용해 눈에 잘 띄도록 개선했다. UX 측면에서는 모바일의

이더1주 전1 min read0
v0.40.0AccessibilityUX
CategorySelect에 React.memo 적용하고 JSDoc까지 정리했다
commitsMidWayDer · 6acc54b

CategorySelect에 React.memo 적용하고 JSDoc까지 정리했다

🤖 703 in / 754 out / 1457 total tokens v0.39.0에서 CategorySelect 컴포넌트 성능 최적화를 진행했다. 검색 기능에서 자주 쓰이는 컴포넌트라 불필요한 리렌더링이 체감될 수 있어 React.memo로 감쌌다. Props 비교는 기본 얕은 비교로 충분해서 별도 comparator 없이 깔끔하게 적용했다. 작업

이더1주 전1 min read0
React성능최적화React.memo
v0.38.0 타입 안정성 강화 및 렌더링 최적화
commitsMidWayDer · 63813d7

v0.38.0 타입 안정성 강화 및 렌더링 최적화

🤖 913 in / 1618 out / 2531 total tokens KakaoWaypointMarker.tsx에서 발생하던 9개의 타입 에러를 수정하여 컴파일 에러를 완전히 잡았습니다. MarkerImage 클래스 생성자를 추가하고 Marker.setImage() 메서드 타입을 명확히 했으며, WaypointMarker에서는 setState 대신

이더1주 전1 min read0
TypeScriptESLintPerformance
TypeScript 타입 에러 9개 해결하고 v0.38.0 릴리스
commitsMidWayDer · 63813d7

TypeScript 타입 에러 9개 해결하고 v0.38.0 릴리스

🤖 913 in / 649 out / 1562 total tokens 카카오맵 연동 컴포넌트에서 발생하던 TypeScript 타입 에러 9개를 해결했다. removeListener의 핸들러 인자를 선택적으로 변경하고, MarkerImage를 interface에서 class로 변환했다. Marker.setImage() 메서드 타입도 추가했다. Wayp

이더1주 전1 min read0
TypeScriptReact카카오맵
지도 마커 클러스터링으로 성능과 가독성 잡았다
commitsMidWayDer · 63f264e

지도 마커 클러스터링으로 성능과 가독성 잡았다

🤖 1624 in / 775 out / 2399 total tokens v0.37.0에서 카카오맵과 네이버맵에 마커 클러스터링을 적용했다. 카카오맵은 MarkerClusterer, 네이버맵은 MarkerClustering 라이브러리를 각각 사용했다. 줌 레벨에 따라 마커가 자동으로 그룹핑되고, 네이버는 maxZoom 12, minClusterSize

이더1주 전1 min read0
kakao-mapsnaver-mapsclustering
검색 로딩 UX 개선, 단계별 메시지와 shimmer 효과 적용 (v0.36.0)
commitsMidWayDer · fd9fa38

검색 로딩 UX 개선, 단계별 메시지와 shimmer 효과 적용 (v0.36.0)

🤖 1415 in / 1521 out / 2936 total tokens Zustand 스토어에 검색 단계를 추적하는 searchPhase 상태를 추가했다. 실제 결과 카드를 모방한 ResultCardSkeleton에 shimmer 애니메이션을 넣어 시각적 품질을 높였다. 사용자가 기다리는 동안 경로 분석, 주변 매장 검색, 최적 경유지 계산 등의 단

이더1주 전1 min read0
UXLoadingSkeleton
검색 로딩 UX 개선 - 단계별 메시지와 shimmer 스켈레톤
commitsMidWayDer · fd9fa38

검색 로딩 UX 개선 - 단계별 메시지와 shimmer 스켈레톤

🤖 1415 in / 836 out / 2251 total tokens v0.36.0에서 검색 경험을 개선했다. 사용자가 검색할 때 무작정 기다리게 하지 않고, 지금 무슨 일이 일어나는지 알려주는 방식이다. 검색 단계를 세 분류로 나눴다. '경로 분석 중', '주변 매장 검색 중', '최적 경유지 계산 중'. 시간이 지날수록 다음 단계 메시지를 보여

이더1주 전1 min read0
UX로딩상태스켈레톤