/issue-tracker

깃헙 이슈 페이지 서비스를 만드는 프로젝트 (4주)

Primary LanguageTypeScript

Issue Tracker 팀 프로젝트

부트캠프 코드스쿼드의 마지막 협업 프로젝트로 깃헙 레포지토리 이슈 서비스를 만들어보는 프로젝트입니다.

프론트엔드의 @Autumn, @Eamon 백엔드의 @Kyu, @MJ iOS의 @Issac이 협업합니다.


🎯 프로젝트 목표

공통

  • github 의 issue 관리 프로그램 clone
  • 온전히 유저와 연결된 CRUD 웹 서비스 완성하기

👨🏻‍💻 Backend

  • API Docs
  • Github OAuth 적용
  • 서버 배포를 위한 AWS EC2 인스턴스 사용
  • 이미지 업로드를 위한 AWS S3 사용
  • AWS VPC 이용 EC2, DB 서브넷 구분 생성
  • Ngnix와 톰캣을 연동해서 80포트만 개방
  • SQL 연습을 위해 JDBCTemplate 사용

💻 Frontend

  • Github OAuth 적용
  • markdown parser 라이브러리 만들기
  • 상태 관리 라이브러리 Recoil의 동작 익히기 (추후 myRecoil 구현해보기 위한 학습)
  • dev 브랜치 깔끔하게 관리하기
  • 모르는 것 대충 넘어가지 않기
  • 에러 처리 경험해보기

🍎 iOS

  • Github OAuth 로그인
  • UI/UX 부분 고민해보기
  • ML 관련 프레임워크 사용해보기
  • 유동적인 cell height 처럼 그냥 넘어가지 않고 해결해보기
  • image upload(AF - upload) 사용해보기
  • 혼자 하더라도 Issue, milestone 작성해가며 진행
  • Markdown 적용
  • 시간이 많이 걸리더라도 완성도를 높히기

🎊 구현 화면

💻 FE - 유튜브에서 확인하기 👀


🍎 iOS

issueTracker1 issueTracker2


🏗 프로젝트의 전체적인 구조

BE: ERD

FE: Story&Task

iOS: iOS Project kanban


🎙 팀 rule

브랜치관리전략

Git rule

프론트엔드의 브랜치 관리 전략

  1. dev-FE 브랜치는 한 사람이 커밋한 것처럼 관리한다.
  2. 이를 위해 Pull Request merge 시 squash merge를 활용한다.
  3. 작업 중인 feature 브랜치에서 dev 브랜치의 변경 사항을 반영해야 할 때는 적절히 rebase를 활용한다.

회의 시간

수업 없는 날: 아침 스크럼 끝나고 바로 (10시 반) 수업 있는 날: 오후 2시 눈치보면서👀 유동적으로

활동 기록 & 데일리 회고

🔗 데일리 회고 링크

매일 개인이 회고를 HackMD에 작성하고 완성되면 Github wiki에 업로드한다


🛠 사용기술 및 환경

👨🏻‍💻 BE

AWS(EC2, VPC, S3), Spring Boot, JDBCtemplate, Java, MySQL


💻 FE

                 



🍎 iOS

Octokit
JWTDecode
MarkdownView
NVActivityIndicatorView


Contribution

name posistion GitHub URL
🙊 Eamon FE https://github.com/eamon3481
🐿 Autumn FE https://github.com/dyongdi
🐻 MJ BE https://github.com/MJbae
🐶 Kyu BE https://github.com/kyupid/
🐴 Issac iOS https://github.com/okstring