feat (#20) :: 공통 퍼블리싱 컴포넌트 구축 - #21
Merged
Merged
Conversation
Constraint: 8월 31일 전 퍼블리싱 속도를 위해 캡처 기반 컴포넌트를 한 이슈에서 빠르게 확장해야 함 Rejected: 개별 컴포넌트마다 임의 px를 흩뿌리는 방식 | 후속 student/teacher 화면에서 스케일 drift가 커짐 Confidence: high Scope-risk: narrow Directive: 새 공통 UI 크기와 색상은 DESIGN.md 토큰을 먼저 갱신한 뒤 사용한다 Tested: pnpm exec tsc --noEmit; pnpm run lint; pnpm run build Not-tested: 크기 축소 후 브라우저 캡처는 로컬 서버 실행 승인 타임아웃으로 미수행
Constraint: student/teacher 퍼블리싱을 동시에 진행해야 해서 header, row, class, major form 계열을 재사용 가능해야 함 Rejected: 화면별로 같은 row와 input을 복붙하는 방식 | API 연동 단계에서 상태/접근성 수정 비용이 커짐 Confidence: high Scope-risk: moderate Directive: 실제 화면에서는 이 primitive props로 데이터만 주입하고, 화면별 스타일 override는 최소화한다 Tested: pnpm exec tsc --noEmit; pnpm run lint; pnpm run build Not-tested: 크기 축소 후 브라우저 캡처는 로컬 서버 실행 승인 타임아웃으로 미수행
Constraint: 퍼블리싱 QA 전에 캡처된 컴포넌트 상태를 한 화면에서 빠르게 확인해야 함 Rejected: 컴포넌트를 만들고 노출 경로 없이 두는 방식 | 실제 화면 조립 전 발견할 수 있는 시각/접근성 문제가 늦게 드러남 Confidence: high Scope-risk: moderate Directive: /component-showcase는 API 연동 전까지 공통 컴포넌트 회귀 확인 화면으로 유지한다 Tested: pnpm exec tsc --noEmit; pnpm run lint; pnpm run build Not-tested: 크기 축소 후 브라우저 캡처는 로컬 서버 실행 승인 타임아웃으로 미수행
Constraint: 디자이너가 제공한 SVG 에셋을 기준으로 로그인 배경과 도서관 책 표지를 실제 화면에 반영해야 함 Rejected: CSS 그라데이션과 책갈피를 계속 수작업으로 재현하는 방식 | 제공 에셋과 시각 차이가 반복됨 Confidence: high Scope-risk: narrow Directive: SVG 기반 화면 자산은 Next 정적 서빙을 위해 public/assets 아래에서 참조한다 Tested: pnpm exec tsc --noEmit; pnpm run lint; pnpm run build; Chrome Playwright capture confirmed /login uses auth-bg.svg and /component-showcase uses library-book-cover.svg with 160x220 card Not-tested: independent visual QA reviewers did not return before timeout; manual browser capture was used as current evidence
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
작업 내용
DESIGN.md로 정리하고 row/header/input 사이즈 토큰을 추가했습니다.AppHeader,AppFooter,LinkRow,ClassCard,SearchField,MajorInputGroup,MajorList,TextSlot을 추가했습니다.OptionList,LibraryBook,PortfolioUrlModal을 추가했습니다./component-showcase에서 캡처 기반 컴포넌트 상태를 한 번에 확인할 수 있게 연결했습니다.검증
pnpm exec tsc --noEmitpnpm run lintpnpm run build참고
Closes #20