# 로그인, 회원가입, 레이블 화면

Story 1 로그인(깃허브 X) 2 회원가입 - 아이디(중복체크), 비밀번호, 닉네임, 이메일 3 레이블 생성 4 레이블 편집, 삭제, 조회

Task 회원가입 사용자는 회원가입을 위해 아이디, 비밀번호, 닉네임, 이메일을 입력한다.

• 항목 중 하나라도 비어있으면 항목 밑에 **을 입력하세요 라는 문구를 표시한다.
• 아이디 옆에 중복확인 버튼을 누르면 중복 여부에 따라 문구를 출력한다.
  • 통과일 경우 : 사용할 수 있는 아이디입니다.
  • 실패한 경우 : 이미 존재하는 아이디입니다.
• 회원가입 버튼을 누르면 회원가입 로직이 작동한다.
  • 성공 : 로그인 페이지로 이동한다.
  • 실패 : 에러 페이지 화면으로 이동한다.

로그인 사용자는 로그인을 위해 아이디와 비밀번호를 입력한다.

• 항목 중 하나라도 비어있으면 항목 밑에 **을 입력하세요 라는 문구를 표시한다.
• 로그인 버튼을 누르면 로그인 로직이 작동한다.
  • 성공하면 메인화면으로 이동한다.
  • 로그인이 실패하면 아이디로 로그인 버튼 위에 오류 문구를 출력한다.
    • 오류 문구 : 아이디 또는 비밀번호가 일치하지 않습니다.

레이블 생성 사용자는 레이블 생성을 위해 우측 상단의 레이블 추가 버튼을 누른다.

• 레이블 추가 버튼을 누르면 버튼은 비활성화된다.
• 영역 내의 취소 버튼을 누르면 해당 영역이 다시 사라진다.
• 레이블 생성을 위해서는 아래 내용들을 입력해야 한다.
  • 필수로 레이블 이름을 입력한다.
  • 선택적으로 레이블 설명을 입력한다.
  • 필수로 배경색상을 정한다.
    • 사용자가 색상을 직접 입력할 수 있다.
    • 사용자가 유효하지 않은 색상을 입력하면 생성 버튼이 비활성화된다.
    • 사용자가 리프레시 버튼을 눌러 랜덤 컬러를 사용할 수 있다.
      • api로 컬러 받아오기
  • 텍스트 색상 X → 검정색으로 고정
• 필수 항목이 모두 입력되면 [완료]버튼이 활성화 된다.
• 필수 항목을 입력하지 않으면 생성 버튼이 비활성화된다.
• [완료]버튼을 누르면 레이블 생성 영역은 사라지고, 레이블 목록에는 가장 위에 새로운 레이블이 추가된다.

레이블 편집 사용자는 레이블 편집을 위해 레이블 목록에서 특정 레이블의 [편집]버튼을 누른다.

• [편집]버튼을 누르면, 해당 레이블이 편집 영역으로 전환된다.
  • 해당 레이블의 내용이 편집 영역에 들어가져있다.
• 레이블 편집 영역의 버튼은 [편집 완료]로 보여진다.