boostcamp-2020/IssueTracker-08

🐼🐲 𝕎𝓮 Ḁℝ🅴 ℙE𝓡𝔽𝔼ℂŢ 🐹🐳🐕

Swift

IssueTracker-8

Split Backlog | Wiki | Team Ground Rules

🔗 IssueTracker-8

WEB RELEASE : http://118.67.131.96:8000/
iOS RELEASE : https://kr.object.ncloudstorage.com/release-server/Web/index.html

👨‍👩‍👧‍👦 모쨍이 팀원들 (순서대로)

🐳 권예지 @Yejikwon	🐹 김도연 @do02reen24	🐼 김영렬 @rile1036	🐶 윤영우 @yoonwoo123	🐲 조수정 @Sueaty
재밌게 살기!	개발을 사랑(?)하자	햄버거가 식었어요..	JS 어서오고~	스위리 발은 🐶발
대전에서 판교까지 슝 =3	맛있는 밥만 있으면 충분^^	귀염뽀짝 iOS 개발자	마스크로 숨길 수 없는 미남	스위리 쏘 쓰윗

Sprint Backlog

Google Spreadsheet

📚 API 문서

Issue & Comment API 문서
Label API 문서
Milestone API 문서
Login API 문서

💻 Web

모든 페이지의 동작은 새로고침 없이 동적으로 작동합니다.

메인 페이지는 로그인한 유저의 경우 Issue 목록이 나타나고, 로그인하지 않은 유저의 경우 로그인 페이지가 나타남
로그인하지 않은 유저는 issue와 label, milestone의 생성, 수정, 삭제 작업을 진행할 수 없음

📌 로그인 페이지

로그인을 하지 않은 유저의 경우 로그인 페이지를 보여줌
로그인 회원가입 기능은 개발하지 않았으며 Github 로그인를 통하여 로그인 가능

📌 Issue 목록 페이지

상단의 🐼ISSUES 버튼을 통해 모든 페이지에서 홈(Issue 목록)으로 이동가능
로그인을 한 유저의 경우 이슈 목록 페이지를 보여줌 (Default은 open된 이슈 목록)
Label 갯수와 Milestone 갯수를 버튼에서 확인 가능
각각의 이슈는 이슈 제목, 라벨, 이슈 번호, open/closed 된 시간, 작성자, 마일스톤 명 등을 보여줌

헤더에서 open과 closed 버튼을 통해 각 이슈를 확인 할 수 있음 (closed된 화면 참조)

필터 버튼을 누르면 각각에 맞는 작성자, 라벨, 마일스톤, 이슈에 할당된 사람을 선택할 수 있는 리스트가 보임

필터 리스트에서 필터링하고 싶은 대상을 선택하면 필터링 됨

작성자: Yejikwon으로 필터링
Label: frontend으로 필터링
마일스톤: 캡틴으로 필터링 (closed된 이슈에서도 필터링 가능함을 보여줌)

이슈 전체 선택

이슈를 전체 선택하면, 몇 개가 선택됐는지 보임 (이전의 open / closed 이슈 선택하는 버튼 사라짐)
오른쪽 상단에 Mark as 버튼이 새로 생김

이슈 전체 open / closed 동작

Mark as 버튼을 클릭하면 전체 Open 할 것인지, Close 할 것인지 선택 가능
오른쪽 상단에 Mark as 버튼이 새로 생김
open or closed를 누르면 팝업 창이 뜨고, 전체 이슈가 open or close 된다.
팝업 창을 닫으면, 적용된 화면으로 리렌더링 되는 것을 확인할 수 있음

📌 Issue 생성 페이지

코멘트 입력 시 글자 수 실시간으로 띄워줌(2초 간격)
생성 시 생성한 상세 페이지로 이동

📌 Issue 상세 페이지

이슈 클릭 시 상세 화면입니다.
본인이 쓴 글이 아닐 시 Edit 버튼이 보이지 않습니다.

Close issue 버튼 클릭 시 이슈가 닫히고 Reopen issue 시 다시 열립니다.

이슈 코멘트를 적지 않을 시 Comment 버튼이 비활성화 상태이고, 글을 적으면 생성 버튼이 활성화됩니다.

📌 Label 페이지

New Label 버튼을 클릭시 새로운 라벨을 추가할 수 있는 탭이 펼쳐짐
- 라벨 이름을 입력하지 않으면 Label preview로 라벨이 보여지고, 이름을 입력할 경우 해당 이름으로 preview를 제공함
- 라벨 이름을 작성하지 않으면 오류 팝업과 함께 등록되지 않음
- 유효하지 않은 색상값을 입력할 경우 오류 팝업과 함께 등록되지 않음
- color 버튼을 통해 랜덤으로 색깔을 받아올 수 있음

Edit 버튼을 클릭하여 기존의 라벨을 수정할 수 있음

Delete 버튼 클릭시 삭제를 묻는 팝업이 뜨고 확인시 라벨이 삭제됨

📌 Milestone 페이지

상단 메뉴를 통해 라벨 페이지로 이동가능함
상단의 Open, Closed 를 통해 열린(또는 닫힌) 마일스톤 목록을 볼 수 있음
Close, ReOpen 버튼을 통해 마일스톤을 열고 닫을 수 있음

Delete 버튼 클릭 시 해당 마일스톤의 삭제를 묻는 팝업이 뜨고 확인시 마일스톤이 삭제됨

New milestone 버튼을 통해 마일스톤 생성 페이지로 이동이 가능함.
- Title을 작성하지 않은 경우 Create milestone 버튼이 비활성화됨.

Edit 버튼을 통해 해당 마일스톤의 수정 페이지로 이동이 가능함.
기존 마일스톤 정보가 화면에 불러와짐
Cancel 버튼을 통해 수정을 반영하지 않고 이전 페이지로 돌아갈 수 있음

📱 iOS

Login 및 Issue 목록보기 & 생성

LoginPage	Issue	IssueList-Open

Github login 및 Apple Login
Open issue, Closed issue를 목록형태로 볼 수 있음
목록에서 이슈 close, open이 가능 (삭제는 다중 선택 후 삭제 가능)

Issue Filter 및 Edit

IssueFilter	IssueEdit

현재 로그인 유저와 관련된 필터링은 search bar의 scope를 통해 가능
그 외 조건들을 필터 하고 싶다면 필터 버튼 누르면 됨

Comment

Comment Add	Comment Delete

댓글 추가 버튼을 클릭 시, 댓글을 등록할 수 있는 페이지로 넘어갈 수 있음
댓글 수정은 자신이 추가한 댓글만 수정할 수 있음
댓글 삭제는 수정 페이지에서 삭제를 할 수 있음

Label 및 Milestone

Label	Milestone

Label과 Milestone 추가, 수정, 삭제 가능
- Label 색은 타이핑이나 리로드 버튼을 눌러서 지정할 수 있고, 색을 선택하여 ColorPicker를 불러 지정할 수 있음
Milestone Date는 DatePicker를 클릭하여 시간, 날짜를 입력할 수 있으며 기본 값은 현재 날짜입니다.