디자인 시스템

ID: 9e79a789-e2c8-4442-aaa7-bd4b86047cd0

보통 완료

사용자 경험 관점에서 UI UX 디자인 컴포넌트 설계하고, 전체 프로젝트에 적용하기.
사용자가 입력하기 편하고 세련되고 깔끔해야함.

첨부 이미지

이미지 추가 (Ctrl+V로 붙여넣기 또는 클릭)

JPEG, PNG, GIF, WebP / 최대 10MB

담당자: 팀리드
생성일: 2026년 03월 02일 09:24

활동 로그

  • 팀리드 팀 작업 완료 - 디자인 시스템 재설계

    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