[TIL] 2025-12-30

🎯 오늘 한 일

• Calendar / DataGrid 공통 LogDialog 재사용 구조 완성

• useLogsApi 도입으로 프론트엔드 데이터 계층 단일화

  • CalendarPage / LogsGrid에서 axios 직접 호출 제거
  • list / create / update / remove API 접근을 한 곳으로 통합

• Grid 화면 UI 개선

  • DataGrid width/height 조정으로 컬럼 잘림 문제 해결

• 상단 네비게이션 개선

  • NavLink 기반으로 현재 페이지(Calendar / DataGrid)만 active 컬러 표시

• 전체 플로우 점검

  • 캘린더 ↔ 그리드 동일한 CRUD UX 유지 확인

💡 배운 점

• UI 컴포넌트 재사용보다 더 중요한 건 데이터 흐름의 일관성

• axios 호출을 흩어두면 “작동은 되지만 유지보수는 망가진다”

• useLogsApi 같은 얇은 추상화 레이어만 있어도

  • API 변경 비용이 급격히 줄어든다

• NavLink + isActive 패턴은 탭 UI에서 거의 정답에 가깝다

🚀 내일 할 일

• 공통 데이터 계층(useLogsApi) 기준으로 코드 정리 마무리

• UI 디테일 정리

  • 버튼 간격 / 컬럼 가독성

• 1단계 마무리 기준 점검

  • “설명 없이 써도 되는가?”
  • “다음 주에 다시 열고 싶을까?”

🧩 느낀 점

• 기능 추가보다 구조를 정리한 날
• 이 시점에서 느끼는 안정감은 “코드가 통제되고 있다”는 감각에서 온다
• 지금 상태면 MVP 1단계는 명확히 끝났다
• 다음 단계는 기능이 아니라 밀도를 높이는 작업이 될 것