issue-tracker

• GitHub 이슈 관리 서비스를 구현한 프로젝트
• 👉Issue tracker Service Flow
• 👉배포 주소 : http://www.sionn.net

팀 소개 (TEAM 2)

BE	iOS	FE
🐯Shion	🐵Aiden	🐱Sienna
🐰Yeon	🐷BMO

- Ground Rule

BackEnd

• 👉백엔드 기술스택
• DB Schema

• Server Structure

• 👉Postman Mockup API
• 👉Swagger API Documents

iOS

로그인 화면 (Social Login)

로그인 화면(Social Login) 상세 보기

Login 화면	Login 동작 화면

• 소셜 로그인 구현(GitHub, Google, Kakao, Naver)
• 하단 TabBar에 유저의 Profile Image 적용

이슈 리스트 화면

이슈 리스트 화면 상세 보기

이슈 리스트	이슈 동적 셀	이슈 스와이프

• 로그인시 최초 화면에는 전체 열린 이슈 출력
• 각 이슈 내용, 레이블 갯수 및 크기, 마일스톤 유무에 따라 동적 크기 할당
• 스와이프 기능을 통해 이슈 삭제 및 닫기 구현

이슈 검색

이슈 검색 화면 상세 보기

이슈 검색	이슈 검색 동작 화면

• 검색 기능을 통해 이슈 필터링

이슈 필터

이슈 필터 화면 상세 보기

이슈 필터	이슈 필터 동작 화면

• 상단의 필터 버튼을 통해 필터 화면 출력
• 이슈 필터 기능 (각 섹션별로 1개)
• 이슈 상태, 사용자 관련 이슈, 작성자, 레이블, 마일스톤 섹션 존재

이슈 선택

이슈 선택 화면 상세 보기

이슈 개별 선택	이슈 전체 선택	이슈 선택 동작 화면

• 상단의 선택 버튼을 통해 선택 화면 출력
• 이슈 선택(개별 선택, 전체 선택)을 통해 닫기 기능 구현

이슈 등록

이슈 등록 화면 상세 보기

이슈 등록	이슈 등록 동작 화면

• 새로운 이슈 등록(제목, 코멘트, 레이블, 마일스톤, 담당자)
• 제목 및 코멘트 입력시 저장 버튼 활성화
• 마크다운 문법 형식으로 미리보기 구현
• 화면을 길게 눌러 사진 등록 가능

이슈 상세

이슈 상세 화면 상세 보기

이슈 상세	코멘트 등록 동작 화면

이슈 편집	이슈 편집 동작 화면

코멘트 이모지	이모지 등록 동작 화면

코멘트 수정 및 삭제	코멘트 수정 및 삭제 동작 화면

레이블 추가 및 편집

레이블 추가 및 편집 화면 상세 보기

레이블 리스트	레이블 추가 및 편집 화면	레이블 편집 동작 화면

• 스와이프를 통해 해당 레이블 편집, 삭제
• 배경색 지정시 포맷을 준수하도록 구현

마일스톤 추가 및 편집

마일스톤 추가 및 편집 화면 상세 보기

마일스톤 리스트	마일스톤 추가 및 편집 화면	마일스톤 편집 동작 화면

• 스와이프를 통해 해당 마일스톤 편집, 삭제
• 완료일 지정시 포맷을 준수하도록 구현

마이 페이지

마이 페이지 화면 상세 보기

마이 페이지	로그아웃 동작 화면

• 현재 로그인한 OAuthResource 확인 가능
• 내가 작성한 이슈 갯수 확인 가능
• 로그아웃 구현

---

FrontEnd

Untitled_.Jun.18.2021.4_27.PM.mp4

---