📈 교내 Github Rank 프로젝트

대구소프트웨어고등학교의 Github 순위를 표시한 프로젝트에 대해서 작성한 글입니다

✅ 기능

교내 학생들의 종합 기여도 순서를 표시합니다
하루 한번씩 동기화되며 현재의 1위가 몇일째 연속 1위 중인지 표시합니다.

교내 학생들의 주간 기여도 순서를 표시합니다
마찬가지로 하루 한번씩 동기화되며 토요일 ~ 일요일까지의 이번주의 기여도를 표시합니다.

사용자의 신청을 받습니다
교내의 모든 학생이 아닌 신청을 통해 순위가 표시되며 외부의 신청을 막기위해 관리자의 승인 후 적용됩니다.

💻 개발

프론트엔드

React + Mobx 를 통해 제작하였습니다. 처음 React 를 사용해본 프로젝트라 코드가 깔끔하지 못해 앞으로 개선해야된다고 생각합니다.

백엔드

평소 많이 사용하던 Express 기반인 NestJS 를 통해서 개발하였습니다. 기본적으로 Typescript 를 지원하였기때문에 설정이 손쉬웠습니다. DB 는 이전에 한번 사용해본 PostgreSQL 을 사용하였습니다.

평소에 사용하지 않는 기술을 사용하며 개발을 하다보니 재밌게 개발할 수 있었습니다.

GCP와 Docker 를 통해 배포를 진행하였습니다.

구조

Github API 를 사용해야했고 매번 API를 요청한다면 속도도 느릴뿐만아니라 API의 요청 제한에 걸릴것 같아 아래의 구조를 생각하게됐습니다.

하루한번 Github과 동기화를 하여 DB에 저장힙니다. 그 후의 요청은 동기화된 DB의 데이터를 통해 응답하도록 하였습니다.

😠 이슈

하루 한번 동기화를 하기에 개발, 테스트를 할땐 1분에 한번과 같이 임의적으로 조절하며 동기화를 시켰습니다.

그리고 배포한 후 첫날밤 동기화하는 스케쥴을 잘못하여 12시부터 1시까지 계속Github API 으로 요청했고 API 요청 제한 에 걸렸습니다. 결국 새로운 KEY 를 발급받아 해결하였습니다.

🤔 느낀점

개발에 나태해져 사이드 프로젝트를 진행하게되었습니다. 새롭게 기획을 하고 새로운 기술을 사용하며 개발하다 보니 개발에 재미가 붙어 빨리 개발할 수 있었던것 같습니다.

앞으로 기존에 기획했던 기능이나 요청된 기능을 천천히 추가하도록 해야겠습니다.