제품 업데이트하네스 엔지니어링
통합 디자인 시스템과 이미지 기본기를 추가했어요
공통 UI 엔진과 디자인 토큰, 이미지 업로드 규칙을 템플릿에 묶어 새 화면의 완성도와 일관성을 높였어요.
컴윗
1분 읽기
변경 사항
- 통합 디자인 시스템 추가 —
@comwit/ui헤드리스 엔진과 색상·타이포·상태 토큰을 연결해 버튼과 입력창의 동작·외형을 한 기준으로 맞췄어요. - UI 컴포넌트 확장 — Alert·Autocomplete·Chip·InputGroup·Switch·TextField를 공통 컴포넌트로 정리해 화면마다 다시 구현하는 범위를 줄였어요.
- 구조 검사 강화 — 네이티브 입력 요소 사용을
no-native-interactiveESLint 규칙으로 검사하고,/design카탈로그에서 토큰과 컴포넌트를 확인할 수 있게 했어요. - 이미지 파이프라인 표준화 — 리사이즈, Presigned URL 발급, R2 PUT,
ImageAsset저장 순서를 스킬과 가이드에 명시해 큰 이미지와 CLS 문제를 줄였어요.
사용자 효과
새 프로젝트는 빈 화면이 아니라 같은 상호작용과 시각 기준을 가진 UI에서 시작합니다. 브랜드 토큰을 조정하면 여러 화면에 일관되게 반영할 수 있어요.