디자인 시스템
ID: 9e79a789-e2c8-4442-aaa7-bd4b86047cd0
사용자 경험 관점에서 UI UX 디자인 컴포넌트 설계하고, 전체 프로젝트에 적용하기.
사용자가 입력하기 편하고 세련되고 깔끔해야함.
첨부 이미지
이미지 추가 (Ctrl+V로 붙여넣기 또는 클릭)
JPEG, PNG, GIF, WebP / 최대 10MB
활동 로그
-
팀팀리드 팀 작업 완료 - 디자인 시스템 재설계
2026년 03월 02일 09:50:49
상세 보기
## 수정된 기능
### DS-1: 디자인 토큰 정리 + 기반 파셜 개선
- `templates/tailwind.config.js` 삭제 (v3 레거시)
- `_button` 파셜 확장: tag: :a/:submit, href:, method:, data:, icon 블록
- `_empty_state` 파셜 신규 (아이콘+제목+설명+CTA)
- `_pagination` 파셜 신규 (모바일/데스크톱 반응형)
- `_input` 파셜 disabled 옵션 추가
- auth 레이아웃 시멘틱 토큰 적용### DS-2: 로그인/QT 뷰 재설계 (10개 파일)
- 로그인 페이지 전면 재설계 (토큰 사용, 파셜 활용)
- QT today/day 버튼 파셜화
- no_session → _empty_state 적용
- QT sessions 6개 파일 통일### DS-3: CRUD 뷰 재설계 (22개 파일, 57줄 감소)
- 기도: 버튼 파셜화, hover UI 모바일 대응, _empty_state
- 설교: 버튼/검색/페이지네이션 파셜화, 모바일 세로 배치
- 프로필: disabled _input, 버튼 통일
- 통독/기록/묵상분석/동역자: 인라인 → 파셜, 다크모드 토큰### DS-4: 네비게이션 + 관리자 (10+ 파일)
- 사이드바: border-l-3 active 인디케이터
- 하단 네비: 4탭 → 5탭 (QT/기도/설교/통독/더보기)
- admin_sidebar_controller: getElementById → Stimulus targets
- 관리자 레이아웃: w-56 → w-60 통일
- 모바일 헤더: content_for(:page_title) 지원
- 관리자 뷰 6개 버튼 파셜화## 해결된 문제
- 버튼 파셜 미사용 → tag: :a/:submit 확장으로 전체 뷰 통일
- 다크모드 하드코딩 → 시멘틱 토큰으로 전환
- 모바일 hover 의존 UI → 항상 보이는 아이콘 버튼
- 레거시 tailwind.config.js 혼란 → 삭제## 테스트
430 tests, 1013 assertions, 0 failures, 0 errors## 남은 이슈
- Kakao 버튼 브랜드 색상(#FEE500)은 _button variant에 맞지 않아 직접 스타일링 유지 -
팀팀리드 상태 변경: 진행 중 → 완료
2026년 03월 02일 09:50:33
-
팀팀리드 위임: ds-nav-admin에게 '[DS-4] 네비게이션 개선 + 관리자 뷰 통일' 작업 배정
2026년 03월 02일 09:31:16
-
팀팀리드 위임: ds-views-crud에게 '[DS-3] 기도/설교/프로필/통독/통계 뷰 재설계' 작업 배정
2026년 03월 02일 09:31:04
-
팀팀리드 위임: ds-views-auth에게 '[DS-2] 로그인/인증 페이지 + QT 메인 뷰 재설계' 작업 배정
2026년 03월 02일 09:30:51
-
팀팀리드 위임: ds-foundation에게 '[DS-1] 디자인 토큰 정리 + 기반 파셜 개선' 작업 배정
2026년 03월 02일 09:30:37
-
팀팀리드 작업 시작 - 디자인 시스템 재설계
2026년 03월 02일 09:30:16
상세 보기
## 작업 계획
- 목표: 전체 UI/UX 디자인 시스템을 일관성 있게 재설계하고 모든 뷰에 적용
- 접근 방식: 기반 컴포넌트(파셜) 개선 → 각 뷰 파일 적용 → 모바일 최적화## 분석 결과 요약
- 파셜 20개, Stimulus 12개, 색상 토큰 16개 기반 양호
- 핵심 문제: 버튼 파셜 link/submit 미지원 → 인라인 스타일 난발
- 로그인 페이지 스타일 불일치, 레거시 tailwind.config.js, 빈 상태/페이지네이션 컴포넌트 부재## 현재 상태
- 보드 현황: backlog 0 / todo 0 / in_progress 1 / review 0 / done 69 -
팀팀리드 티켓 클레임 완료
2026년 03월 02일 09:26:00