매출은 매일 쌓이는데, 날씨 같은 외부 요인과 연결해서 보면 “왜 올랐고 왜 떨어졌는지”가 더 또렷해집니다.
Weather Board는 일별 매출을 달력으로 빠르게 기록하고, 동시에 날씨 데이터와 함께 시각화/통계로 보여줘 운영자가 감으로 때우지 않게 만드는 것을 목표로 했습니다.

Weather Board는 날씨 데이터와 매출 데이터를 연계해, 날씨 변화가 매출에 미치는 영향을 입력–조회–통계–시각화까지 한 번에 처리하는 풀스택 웹 애플리케이션입니다.
소상공인/매장 운영자가 달력 기반 UI로 일별 매출을 기록하고, 날씨와 함께 분석해 더 나은 의사결정을 할 수 있도록 설계했습니다.

해결하려는 문제:
- 매출 기록이 엑셀/수기로 흩어져 누적/추이/비교가 번거로움
- “비 오면 매출이 떨어지나?” 같은 질문에 근거 있는 판단이 어려움
- 결제 수단(카드/현금/온라인/기타)별로 매출을 나눠보려면 관리 비용이 큼

핵심 기능:
- 달력 기반 매출 입력/관리: 달력 UI에서 날짜를 선택해 결제 수단별 매출을 입력(CRUD)하고 일별 합계 매출을 한눈에 파악할 수 있습니다.
- 통계 및 시각화: 매출 추이 라인 차트, 일별 평균 기온 바 차트, 날씨–매출 데이터 동기화를 통해 상관관계를 분석합니다.
- 통합 리스트/테이블 뷰: 날짜/매출/결제 타입/날씨 정보를 테이블로 통합 조회하고 금액 천 단위 포맷팅 등 가독성을 개선했습니다.

아키텍처 & 기술 스택:
- Frontend: React + Vite + Material-UI, Chart.js, react-router-dom 등. 화면/상태 로직을 커스텀 훅으로 분리했습니다.
- Backend: FastAPI + SQLModel ORM + SQLite. 판매 CRUD, 월별 조회, 날씨 저장/조회, 통계/요약을 위한 RESTful API를 제공합니다.
- 로컬 개발 환경 CORS 설정.

주요 구현 포인트:
- 결제 수단별 다중 입력 & 자동 합산 구조 설계.
- 프론트에서 매출 CRUD/필터/다이얼로그 상태를 커스텀 훅으로 캡슐화.
- Chart.js 기반 반응형 차트 구성.
- 백엔드에서 판매·날씨·통계 API를 분리 설계하고 SQLite 테이블 자동 생성.

API 요약:
- 판매: 생성/목록(페이지네이션)/단건/월별/수정/삭제.
- 날씨: 저장/조회.
- 통계: 기간별 통계 조회 및 요약.

결과:
- 달력 입력→통계/차트→테이블 조회까지 실사용 가능한 대시보드 형태로 완성.
- 프론트/백 레포 분리로 구조화된 풀스택 개발 경험을 축적했습니다.

결과물:
- Frontend: https://github.com/bigdaditor/weather-board-frontend
- Backend: https://github.com/bigdaditor/weather-board-backend