01 / PROJECT NOTE
제가 맡고 끝까지 책임진 일
완성 화면만 나열하지 않았습니다. 왜 그렇게 만들었고 어떤 변화를 남겼는지 차례대로 설명합니다.
문제를 이렇게 풀었습니다
- 선교단 소개 / 조직 / 히스토리, 단체사진, 전체/연도별/월별/조별 기록, 월 / 주간 MVP, 선수 / 경기 / YouTube / 소식 / 문의 페이지 IA 설계
- 게임원 경기 HTML을 cheerio로 파싱해 경기 / 누적 기록 JSON을 생성하는 `parse-game-html` / `build-records` / `update-records` 스크립트 구축
- A조(Davids) / D조(다윗) 자동 구분, `playerId` 기준 통계 집계, AG Grid 기록 표 / 경기 상세 MVP/하이라이트 섹션 구현
- `useBasePath` / `fetchJson()`으로 GitHub Pages base path 대응, `GAME_RECORD_UPDATE_HANDOFF.md`로 경기 후 운영 절차 문서화
- 6월: 다크 / 라이트 테마, 홈 최근 경기 / 영상 링크 레이아웃, 리더 카드 컴포넌트 / 이미지 경로 동적 처리, favicon / SCSS 통합
- GitHub Actions / `npm run deploy` / sitemap 생성 / JSON-LD / 경기 / 뉴스 동적 SEO 메타로 정적 배포 파이프라인 정리
그래서 실제로 달라진 점
- 정보 구조부터 기록 / 통계 / 선수 / 미디어 / 배포까지 서비스 운영에 필요한 핵심 기능 구축
- 게임원 HTML만 추가하면 `npm run update` 한 번으로 경기 / 누적 / 조별 기록을 재생성하는 비개발자 친화 운영 구조 확립
- 상대팀 선수 기록 제외 / 선수명 `players.json` 매칭 등 야구 기록 도메인 규칙을 파싱 스크립트와 README에 반영
이 프로젝트에서 눈여겨볼 점
- 교회 공동체 운영에 맞춘 정적 사이트 — 서버 없이도 경기 후 기록 갱신이 가능한 파이프라인
- 실제 경기 / 영상 / MVP 데이터를 반영할 수 있는 운영 중심 콘텐츠 구조 설계
- GitHub Pages base path, 접근성, SEO, 다크/라이트 테마를 포함한 배포 / 운영 가능한 실서비스
02 / SCREENS
화면으로 확인하기
말보다 화면이 빠를 때가 있습니다. 실제 결과물에서 구현의 디테일을 확인해 보세요.
