개인 프로젝트 • 2026.05.31~ • 결과

신길교회 야구 선교단 홈페이지

신길교회 야구 선교단 공식 홈페이지입니다. 2026년 5월 31일 Nuxt 3 기반 골격을 집중 개발한 뒤, 6월에 게임원 HTML→JSON 파싱 파이프라인·다크/라이트 테마·리더 카드·MVP 확장·최신 경기 데이터 반영까지 이어 개선했습니다. 서버 API 없이 `npm run update`로 경기 기록을 갱신하고, 소개·기록·경기·선수·MVP·영상·소식·문의 IA를 GitHub Pages(`/singil-bmc/`)에 정적 배포합니다.

페이지 이동하기GitHub

유형
개인 / Nuxt 커뮤니티 사이트
소요 시간
5/31 집중 개발 후 지속 개선 (GitHub 커밋 53회)
기간
2026.05.31~
역할
기획·디자인·퍼블리싱·프론트엔드·기록 파이프라인 개발 전체 담당

캡처

1 / 1
이미지 준비 중대신 설명은 먼저 열어뒀어요.

등록된 프로젝트 이미지가 없습니다.

내가 한 일

  1. 선교단 소개·조직·히스토리, 단체사진, 전체/연도별/월별/조별 기록, 월·주간 MVP, 선수·경기·YouTube·소식·문의 페이지 IA 설계
  2. 게임원 경기 HTML을 cheerio로 파싱해 경기·누적 기록 JSON을 생성하는 `parse-game-html`·`build-records`·`update-records` 스크립트 구축
  3. A조(Davids)·D조(다윗) 자동 구분, `playerId` 기준 통계 집계, AG Grid 기록 표·경기 상세 MVP/하이라이트 섹션 구현
  4. `useBasePath`·`fetchJson()`으로 GitHub Pages base path 대응, `GAME_RECORD_UPDATE_HANDOFF.md`로 경기 후 운영 절차 문서화
  5. 6월: 다크·라이트 테마, 홈 최근 경기·영상 링크 레이아웃, 리더 카드 컴포넌트·이미지 경로 동적 처리, favicon·SCSS 통합
  6. GitHub Actions·`npm run deploy`·sitemap 생성·JSON-LD·경기·뉴스 동적 SEO 메타로 정적 배포 파이프라인 정리

성과

  • 5/31 하루 33커밋으로 IA·기록·통계·명단·미디어·배포 골격을 완성하고, 6월 20커밋으로 테마·MVP·운영 데이터까지 확장 (누적 53커밋)
  • 게임원 HTML만 추가하면 `npm run update` 한 번으로 경기·누적·조별 기록을 재생성하는 비개발자 친화 운영 구조 확립
  • 상대팀 선수 기록 제외·선수명 `players.json` 매칭 등 야구 기록 도메인 규칙을 파싱 스크립트와 README에 반영

포인트

  • 교회 공동체 운영에 맞춘 정적 사이트 — 서버 없이도 경기 후 기록 갱신이 가능한 파이프라인
  • 초기 하루 집중 개발 이후에도 실제 경기·영상·MVP 데이터를 반영하며 6월까지 지속 개선
  • GitHub Pages base path, 접근성, SEO, 다크/라이트 테마를 포함한 배포·운영 가능한 실서비스