본문으로 건너뛰기

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

모든 태그 보기

[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] 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)에서 중복되던 섹션 제목 패턴을 반응형 단일 컴포넌트로 추출했다.

[1.54.0] 홈 페이지 재설계 기획서 — 2단계 첫 페이지

· 약 2분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-06-16 작업 브랜치: feature/1.54.0-home-redesign-spec

📋 작업 개요

작업 유형: 페이지 재설계 기획 (ux-designer 비평 기반) 담당: jsg3121 + Claude

UI 전면 개편 4단계 전략2단계(페이지 단위 재디자인) 첫 페이지인 홈(/)의 재설계를 기획했다. ux-designer 에이전트가 Playwright로 모바일·데스크톱 실화면을 캡처해 4축 비평을 수행하고, 반응형 단일 뷰 재설계와 DS 컴포넌트 승격 후보를 도출했다.

[1.54.0] UI 개편 기획서 재작성 — 4단계 전략 (DS 구축 → 페이지 재구성 → 구버전 제거)

· 약 2분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-06-16 작업 브랜치: feature/1.54.0-plan-responsive-revision

📋 작업 개요

작업 유형: 기획서 전면 재작성 (전략 정제) 담당: jsg3121 + Claude

ADR-0007의 반응형 전환에 더해, "모든 페이지 개편 완료 전까지 상용 배포하지 않는다" 는 전제가 확정되면서 전략을 재정비했다. 이 전제는 스트랭글러 패턴(중간 배포 시 신구 공존 유지)의 필요성을 없애므로, 기획서를 전면 재작성해 4단계 전략으로 정리했다.

[1.54.0] 렌더링 전략 전환 — 적응형 → 반응형 (ADR-0007, ADR-0006 대체)

· 약 2분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-06-16 작업 브랜치: feature/1.54.0-responsive-adr

📋 작업 개요

작업 유형: 아키텍처 의사결정 전환 (대체 ADR) 담당: jsg3121 + Claude

ADR-0006에서 "순수 적응형"을 정했으나, 실제 목표가 전면 UI 개편 + 디자인 시스템 도입임이 명확해지면서 그 전제가 무너졌다. 디자인 시스템의 정석인 반응형(Responsive) 으로 전환하기로 결정했다.

[1.54.0] 1단계 완료 — 반응형 작성 규칙 정의 (모바일 퍼스트)

· 약 2분
jangsungyu
Frontend Developer
Claude Code
AI Assistant

작업 일자: 2026-06-16 작업 브랜치: feature/1.54.0-responsive-rules

📋 작업 개요

작업 유형: 디자인 시스템 1단계(Foundations) 마무리 — 스타일 규칙 정의 담당: jsg3121 + Claude

4단계 전략1단계(디자인 시스템 구축) 마지막 작업. 토큰·Foundations 카드는 이미 완료됐고, 남은 "반응형 작성 규칙"을 styling.md에 명문화했다. 이로써 Foundations(토큰 + 규칙)가 완성되어 1단계가 완료된다.