본문으로 건너뛰기

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

모든 태그 보기

[1.54.0] DS 컴포넌트 — QuizCard (셸+슬롯, C3 id 중복 해결)

· 약 2분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-06-24 작업 브랜치: feature/1.54.0-ds-quiz-card-v2

📋 작업 개요

작업 유형: 디자인 시스템 컴포넌트 신규 구축 담당: jsg3121 + Claude

홈 재설계 Phase A의 마지막 DS 컴포넌트 QuizCard(오늘의 퀴즈 카드 셸)를 구축했다. 기존 Silhouette/Ability/PokemonType 퀴즈 카드 컨테이너의 중복 셸을 추출하지 않고 토큰 기반으로 규격화해 새로 만들었다.

[1.54.0] 홈 Phase B — 컨테이너 반응형 단일 + 카드 셸 추출

· 약 3분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-06-24 작업 브랜치: feature/1.54.0-home-banner-container

📋 작업 개요

작업 유형: 페이지 재구성 (Phase B 컨테이너 조립) 담당: jsg3121 + Claude

홈 재설계 4단계 전략Phase B로, Phase A에서 만든 DS 컴포넌트(SectionHeading/HorizontalScrollList/PokemonCard/QuizCard)를 조립해 홈 3개 섹션 컨테이너를 반응형 단일로 재작성했다. 기존 desktop/mobile 2벌 분리 컨테이너를 대체한다.

[1.54.0] DS 컴포넌트 — HorizontalScrollList (가로 스크롤 래퍼)

· 약 2분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-06-23 작업 브랜치: feature/1.54.0-ds-horizontal-scroll-list

📋 작업 개요

작업 유형: 디자인 시스템 컴포넌트 신규 구축 담당: jsg3121 + Claude

홈 재설계 Phase A의 세 번째 DS 컴포넌트로, 가로 스크롤 래퍼를 구축했다. 기존 Banner("오늘의 포켓몬")·Champions의 가로 스크롤 마크업을 추출하지 않고 토큰 기반으로 규격화해 새로 만들었다.

[1.54.0] DS 컴포넌트 — Tag 신규 + PokemonCard 단일 고정 규격

· 약 2분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-06-23 작업 브랜치: feature/1.54.0-ds-pokemon-card

📋 작업 개요

작업 유형: 디자인 시스템 컴포넌트 신규 구축 담당: jsg3121 + Claude

4단계 전략의 2단계(페이지 단위 재디자인 + 컴포넌트 규격화)에 쓰일 카드 계열 DS 컴포넌트를 구축했다. DS 구축 기본 지침("기존 컴포넌트를 추출하지 않고 토큰 기반 신규 컴포넌트로 만든다")에 따라, 기존 Tag.component·pokemonCard/{mobile,desktop}은 참고만 하고 새 컴포넌트로 작성했다.

[1.54.0] root font-size 16px 고정 + DS 컴포넌트 모바일 퍼스트

· 약 3분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-06-23 작업 브랜치: feature/1.54.0-root-font-fixed

📋 작업 개요

작업 유형: 디자인 시스템 근간 정비 (root 폰트 + 모바일 퍼스트) 담당: jsg3121 + Claude

DS 컴포넌트를 토큰으로 규격화하는 과정에서, 화면 폭에 따라 root font-size를 바꾸던 기존 구조가 토큰의 실제 px을 예측 불가능하게 만든다는 문제가 드러났다. 이를 16px 고정으로 바꾸고(ADR-0009), 그 위에서 이미 만든 DS 컴포넌트를 모바일 퍼스트 토큰으로 재정비했다.

[1.54.0] DS 컴포넌트 — SectionHeading (홈 재설계 Phase A 첫 컴포넌트)

· 약 2분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-06-16 작업 브랜치: feature/1.54.0-ds-section-heading

📋 작업 개요

작업 유형: 디자인 시스템 컴포넌트 신규 (홈 재설계 Phase A) 담당: jsg3121 + Claude

홈 재설계 기획서의 Phase A(DS 컴포넌트) 첫 컴포넌트. 홈 3개 섹션(Banner/Champions/Quiz)에서 중복되던 섹션 제목 패턴을 반응형 단일 컴포넌트로 추출했다.