# KBO 야구 통계 대시보드, 한 단계 업그레이드하다 KBO 야구 통계 플랫폼에 새로운 기능과 디자인을 추가했습니다. 이번 업데이트의 핵심은 팬들이 정말 원하던 데이터들을 한눈에 볼 수 있도록 만드는 것이었습니다. 최근 10경기 성적, 연승/연패 기록, 홈/원정 전적 분석, 그리고 팀 간 대전 기록(헤드-투-헤드) 테이블을 새로 추가했습니다. 단순히 기능만 늘린 게 아니라, 숫자들을 더 명확하게 읽을 수 있도록 테이블의 숫자 열에 좌측 패딩을 추가하고, 테이블의 정렬과 가독성을 개선했습니다. 디자인 리뉴얼도 이번 변경의 중요한 부분입니다. 따뜻한 톤의 컬러 팔레트와 스톤 토큰 시스템을 도입해 전체적으로 밝고 친근한 분위기를 만들었습니다. 반응형 레이아웃도 강화해서 모바일부터 데스크톱까지 seamless한 경험을 제공하도록 했으며, 특히 md 이상의 뷰포트에서는 max-width를 3xl로 확장해 데이터를 더 여유 있게 표시할 수 있게 했습니다. 버튼과 상호작용 요소들의 상태 표현도 개선했고, 접근성(a11y)과 차트 하이라이트 처리도 꼼꼼히 다듬었습니다. 이 과정에서 AI와 협업하며 UX 개선안을 빠르게 검토하고, 다양한 레이아웃 옵션들을 비교 분석할 수 있었던 점이 정말 유용했습니다. 결과적으로 11개 파일에 걸쳐 313줄의 코드를 추가하고 73줄을 정리하면서, KBO 팬들을 위한 더욱 직관적이고 매력적인 통계 플랫폼을 만들어낼 수 있었습니다.
# 개발 블로그 엔트리 KBO 순위 추적 애플리케이션을 만들기 시작했습니다. 야구 팬들이 한국프로야구 팀의 순위 변동을 실시간으로 모니터링할 수 있도록 하는 프로젝트인데, Next.js 기반으로 구축하고 있습니다. 초기 구현 단계에서는 기본적인 순위 표시 기능과 데이터 업데이트 로직에 집중했으며, 디자인 리뷰를 거쳐 라이트하고 미니멀한 UI 방향으로 다듬었습니다. 복잡한 야구 통계를 간결하게 표현하면서도 한눈에 팀의 성적을 파악할 수 있도록 설계한 점이 가장 중요한 부분입니다. 기술적으로는 Next.js의 서버 컴포넌트와 클라이언트 컴포넌트를 활용해 순위 데이터를 효율적으로 관리하고 있습니다. API 레이어를 통해 KBO 공식 데이터를 주기적으로 동기화하는 구조를 갖추었으며, 상태 관리와 캐싱 전략도 함께 고려했습니다. 초기 개발 단계에서 AI의 도움을 받아 컴포넌트 구조를 설계하고 반복적인 UI 코드를 작성하는 데 시간을 절약할 수 있었습니다. 앞으로는 팀별 상세 통계, 경기 일정 통보 기능, 그리고 사용자 맞춤 알림 시스템을 추가할 계획입니다. 야구 팬들의 실제 사용 패턴을 반영하면서 점진적으로 기능을 확장해나갈 예정입니다.