do02reen24 / IssueTracker-08

IssueTracker-8

WEB   |   IOS

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를 클릭하여 시간, 날짜를 입력할 수 있으며 기본 값은 현재 날짜입니다.