[1단계 - 칸반 보드 생성(상품 목록)] 하로 미션 제출합니다.

[noeyhoj]

1단계 - 칸반 보드 생성(상품 목록)

UI 목록

• 태스크 생성 다이얼로그

• 타이틀 로우

  • 새 테스크 생성
  • 닫기 아이콘

• 구분선

• 공통 텍스트 인풋 칼럼

  • 제목 칼럼
    • 헤더
    • 제목 텍스트필드
  • 설명 칼럼
    • 헤더
    • 설명 텍스트필드
  • 태그 칼럼
    • 헤더
    • 설명 텍스트필드
    • 힌트 텍스트

• 공통 버튼 칼럼

  • 상태 칼럼
    • 헤더
    • 버튼 로우
      • To Do
      • In Progress
      • Done
  • 담당자 칼럼
    • 헤더
    • 버튼 로우
      • 버튼 객체(박스, 이미지, 텍스트)
        • 다이노
        • 페임스

• 구분선

• 취소, 생성 로우

  • 버튼 리스트
    • 취소
    • 생성

기능 목록

• 제목 검증
  • 공백 검사
  • 에러 표시(보더, 에러 힌트 텍스트)
• 태그 검증
  • 5글자 제한
  • 5개 제한
  • 에러 표시(보더, 에러 힌트 텍스트)
• 상태 버튼 상호작용
  • 기본값 맨 앞 버튼
  • 선택 가능하게
  • 선택 효과
• 담당자 버튼 상호작용
  • 기본값 맨 앞 버튼
  • 선택 가능하게
  • 선택 효과
• 생성 버튼 상호작용
  • 생성
    • 눌렀을 때 유효성 검사
  • 비활성화 효과

UI 테스트

• 상태 버튼을 클릭 했을 때 다른 상태 버튼은 선택되지 않아야 한다.
• 담당자 버튼을 클릭 했을 때 다른 상태 버튼은 선택되지 않아야 한다.
• 제목 검증 혹은 태그 검증에 실패시 생성 버튼 비활성화
• 텍스트 필드에 입력한 내용이 입력한대로 출력되어야 한다.
• 제목 검증 혹은 태그 검증에 실패시 생성 버튼을 누르면 제목과 태그에서 에러 표시가 출력되야 한다.