본문으로 건너뛰기

"champions" 태그로 연결된 8개 게시물개의 게시물이 있습니다.

모든 태그 보기

[1.45.0] 챔피언스 상세 페이지 Phase 4 — 포맷 분리 + 폼 라우트 + 폼 탭 + 메타 요약

· 약 6분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-06-05 작업 브랜치: feature/1.45.0-champions-detail 연결 SPEC: .claude/specs/champions-frontend-implementation-plan.md (Phase 4)

📋 작업 개요

작업 유형: 라우트 구조 변경 + 폼 라우트 5개 신설 + 신규 컴포넌트 + 폼 정확 라우팅 전체 적용 담당: jsg3121 + Claude

champions-frontend-implementation-plan.md Phase 4 (상세) 단계 — 1.45.0 의 가장 큰 작업. 백엔드의 신규 응답 (formSiblings, formType 필드 다수 추가) 을 활용해 폼별 라우트 분리 + 폼 간 빠른 전환 UX 를 도입했다.

ux-designer 에이전트로 정보 위계 검토 → ui-publisher 에이전트로 정적 시안 → 사용자 피드백 반영 사이클을 거쳐 본 구현 진입했다.

[1.45.0] 챔피언스 리스트 페이지 Phase 2 — 포맷 분리 + 메타 카드 + 정렬

· 약 6분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-06-04 ~ 2026-06-05 작업 브랜치: feature/1.45.0-champions-list 연결 SPEC: .claude/specs/champions-frontend-implementation-plan.md (Phase 2)

📋 작업 개요

작업 유형: 라우트 구조 변경 + 카드 컴포넌트 재설계 + 필터/정렬 UI + 백엔드 스키마 변경 대응 담당: jsg3121 + Claude

champions-frontend-implementation-plan.md Phase 2 (리스트) 단계. Phase 1 의 포맷 분리 패턴을 리스트 라우트에도 동일하게 적용하고, 카드를 "도감"이 아닌 "메타 분석 카드" 로 재설계했다.

ux-designer 에이전트로 정보 위계 검토 → ui-publisher 에이전트로 정적 시안(mockups/champions-list-v2/) 작성 → 사용자 피드백 4회 반영 사이클을 거쳐 카드 변경/필터 위치/sticky 동작을 합의한 뒤 본 구현 진입했다.

[1.45.0] 챔피언스 SEO 종합 점검 + 시맨틱/접근성 개선 + SubNav 수정

· 약 3분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-06-05 작업 브랜치: feature/1.45.0-champions-seo

📋 작업 개요

작업 유형: SEO 점검 + 시맨틱 HTML / 접근성 / 버그 수정 담당: jsg3121 + Claude

Phase 1~4 완료 후 Phase 5 진입 전 챔피언스 영역 SEO 부채를 정리하기 위해 seo-specialist 에이전트로 종합 점검 → 우선순위(High/Medium/Low) 별 권장 사항을 사용자와 합의 후 모두 적용했다.

부가로 ChampionsSubNav 의 활성화 매칭 로직이 Phase 1~4 의 URL 변경 (/champions/list/champions/[format]/list) 으로 깨진 상태를 함께 수정.

[1.45.0] 챔피언스 티어 페이지 Phase 3 — 포맷 분리 + 인기 조합 + 카드 보강

· 약 6분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-06-05 작업 브랜치: feature/1.45.0-champions-tier 연결 SPEC: .claude/specs/champions-frontend-implementation-plan.md (Phase 3)

📋 작업 개요

작업 유형: 라우트 구조 변경 + 신규 섹션 도입 + 카드 컴포넌트 보강 + 포맷 탭 디자인 갱신 담당: jsg3121 + Claude

champions-frontend-implementation-plan.md Phase 3 (티어) 단계. Phase 1/2 의 포맷 분리 패턴을 티어 라우트에도 동일하게 적용하고, 리스트 페이지와의 차별점을 명확히 하기 위해 사용자 피드백을 반영하여 "인기 조합 섹션" 을 도입했다.

ux-designer 에이전트로 정보 위계 진단 → ui-publisher 에이전트로 정적 시안 작성 → 사용자 피드백 반영 사이클 (3회) 을 거쳐 본 구현 진입했다.

[1.45.0] 챔피언스 대회 페이지 Phase 5 — 목록 / 상세 / 홈 통합

· 약 4분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-06-05 작업 브랜치: feature/1.45.0-champions-tournaments

📋 작업 개요

작업 유형: 신규 기능 + UX 개선 담당: jsg3121 + Claude

1.45.0 챔피언스 시리즈의 마지막 Phase. Pikalytics 사용률 메타 분석(Phase 1~4)에 이어, 실제 대회 결과(VGC 더블)로 "실전 검증된 빌드"를 제공하는 대회 페이지를 신설했다. Phase 1 홈에도 가로 슬라이드 형태로 진입 훅을 심어 챔피언스 도메인 내 회유 동선을 강화.

[1.45.0] 챔피언스 홈 페이지 Phase 1 — 포맷 분리 + 신규 섹션 + 백엔드 Breaking 대응

· 약 5분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-06-03 ~ 2026-06-04 작업 브랜치: feature/1.45.0-champions-home 연결 SPEC: .claude/specs/champions-frontend-implementation-plan.md (Phase 1)

📋 작업 개요

작업 유형: 라우트 구조 변경 + 신규 UI 섹션 도입 + 백엔드 API Breaking 대응 담당: jsg3121 + Claude

champions-frontend-implementation-plan.md Phase 1 (홈) 단계. 백엔드의 신규 스키마 (Smogon + Pikalytics 하이브리드)를 기반으로 챔피언스 홈을 포맷별 라우트로 전환하고, 사용자 피드백("정보가 빈약함")을 반영해 신규 섹션을 다수 도입했다.

ux-designer 에이전트로 정보 위계/레이아웃 설계 → 자사 다크 톤 무드 정합 → 사용자 검증/피드백 반영 사이클로 진행했다.

[1.45.0] 챔피언스 API 기반 작업 (Phase 0)

· 약 3분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-05-31 작업 브랜치: feature/1.45.0-champions-api-foundation

📋 작업 개요

작업 유형: GraphQL 스키마 마이그레이션 + 공용 컴포넌트 신설 담당: jsg3121 + Claude

champions-frontend-implementation-plan.md 의 Phase 0(API 기반 작업) 단계입니다. 백엔드의 신규 스키마(Smogon 직접 + Pikalytics 보완)가 배포된 상태에서 빌드 통과를 회복하고, 이후 페이지별 Phase(1~5)의 기반을 갖추는 단계입니다.

UI 변경은 없으며, 모든 챔피언스 페이지가 VGC 데이터로 정상 동작합니다.

[1.45.0] 챔피언스 Pikalytics 고도화 분석 + SPEC 작성

· 약 3분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-05-28 작업 브랜치: feature/1.45.0-champions-pikalytics-analysis

📋 작업 개요

작업 유형: 시장 분석 + 갭 분석 + 신규 SPEC 작성 + 데이터 소스 가이드 작성 담당: jsg3121 + Claude

champions-implementation-plan.md에 이미 결정되어 있던 "고도화 트랙 분리"(2026-05-18) 작업의 후속으로, 실제 분석/기획을 완료했습니다. 이번 분석은 새 가드 지침("상용 구현 확인 의무")의 첫 적용 사례입니다.