기획서 분석 및 목표 구현 일정

기획서 분석

회원가입

• (로그인 기능 및 회원가입 기능은 필수 아님)

로그인

• GitHub OAuth를 바탕으로 구현

이슈목록

• 이슈 목록 출력
• 새로운 이슈 생성 버튼
  • 클릭하면 이슈 생성 페이지로 이동
• 레이블 버튼
  • 클릭하면 레이블 목록 화면으로 이동
• 마일스톤 버튼
  • 클릭하면 레이블 목록 화면으로 이동
• 이슈 목록 체크 박스
• Mark as 버튼
  • 체크 박스로 선택된 모든 이슈에 오픈/클로즈 상태를 일괄 적용

이슈 목록 필터

• 상단 필터: 열린 이슈들/내가 작성한 이슈들/나한테 할당된 이슈들/내가 댓글을 남긴 이슈들/닫힌 이슈들
• 하단 추가 필터: Author, Label, Milestones, Assignee 네 개의 필터
• 상단 Filters 버튼
  • 클릭시 필터 종류 팝업 띄움
  • 하나 선택 시 필터 적용
  • 다른 영역 클릭 시 필터 적용 없이 팝업 닫힘
• Filters 버튼 옆 검색창
  • 상단/하단 필터 적용 상태가 텍스트 형식으로 표시
  • 텍스트를 모두 지우면 'Search all issues' 나타나고 엔터를 누르면 모든 이슈 목록 조회
• 필터 초기화 버튼(초기 상태 is:open is:issue)
  • 상단/하단 필터가 적용된 상태일 때 생성
  • 버튼 클릭 시 적용된 필터 초기화됨
• 하단 추가 필터 공통
  • 각 조건을 선택하면 목록 팝업 띄움
  • 각 조건의 원하는 목록 선택 시 팝업 닫히고 필터링 적용
  • 레이블, 마일스톤, 담당자 목록에는 “레이블 없음", “마일스톤 없음", 담당자 없음" 옵션 선택할 수 있음
• 필터링 결과 보여줄 목록 없음
  • 'No results matched your search' 화면 출력

새로운 이슈 생성

• 작성자 프로필 노출
• 이슈 제목 작성 영역
• 이슈 내용 작성 영역
  • 2초 후 현재 입력된 글자 수 표시
• 이미지 업로드
• cancel 버튼
  • 클릭하면 이슈 목록 화면으로 이동
• submit new issue 버튼
  • 이슈 제목이 작성되면 활성화
  • 클릭하면 작성한 내용 저장 후 이슈 상세 화면으로 이동
• Assignees 영역
  • 기본값 : 'No one-assign yourself'
  • 클릭하면 담당자 목록 팝업 오픈
  • 담당자를 클릭하면 기본값이 담당자로 변경
• Labels 영역
  • 기본값 : 'None yet'
  • 클릭하면 레이블 목록 팝업 오픈
  • 특정 레이블을 선택하면 기본값 변경
• Milestone 영역
  • 기본값 : 'No milestone'
  • 클릭하면 마일스톤 목록 팝업 오픈
  • 특정 마일스톤을 선택하면 기본값 변경

이슈 상세 화면

• 해당 이슈에 대한 정보 출력
  • 제목, 번호, 오픈 여부, 작성자, 오픈된 시간, 코멘트 개수
• 제목에 대한 Edit, Delete, Cancel 버튼
  • 제목이 input 박스로 변경되어 수정 가능
• Assigness, Labels, Milestone 표시
• 이슈 작성자의 코멘트
  • 이슈 작성자의 프로필과 아이디, 작성 시간, 이슈 내용
• 이슈 작성자가 누구인지 표시

레이블 목록화면

• 전체 레이블 목록 출력
  • 레이블에 따른 색상
  • 레이블에 대한 설명
  • Edit, Delete 버튼
• 새로운 레이블 생성
  • 만들어질 레이블의 모양 실시간 반영
  • 색상 버튼
• 레이블의 수정 및 삭제

마일스톤 목록화면

• 마일스톤 목록
  • 제목이 마일스톤으로 변경
  • 각 마일스톤에 due date, 설명
  • 각 마일스톤에 우측에 진행률과 open/close갯수
  • 각 마일스톤에 edit, close, delete 버튼
  • edit버튼: 마일스톤 편집화면으로 이동
  • close : 해당사항 없음
  • delete: 마일스톤 삭제
• 레이블 버튼
  • 레이블 목록화면으로 이동
• new milestone버튼
  • 마일스톤 생성화면으로 이동

마일스톤 생성화면(편집 화면)

• 제목, 완료날짜(옵션), 설명(옵션), 생성버튼
• 편집화면에는 cancel가능

목표 구현 순서/소요시간 예측

1. 개발 환경 설정 (2h, 2h, 2h, 2h)
2. 데이터 베이스 설계 (2h, 3h, 3h, 2h)
3. 이슈 목록 (5h, 5h, 4h, 6h)
4. 이슈 상세 화면 (8h, 5h, 6h, 8h)
5. 이슈 생성 화면 (5h, 10h, 5h, 5h)
6. 레이블 화면 (6h, 5h, 12h, 10h)
7. 마일스톤 (8h, 6h, 3h, 10h)
8. 마일스톤 생성 및 편집 화면 (3h, 4h, 3h, 4h)
9. 이슈 필터 (8h, 8h, 8h, 8h)
10. 로그인 (6h, 8h, 6h, 6h)

• 1주차: 1,2,3,4
• 2주차: 5,6,7
• 3주차: 8,9,10