스프린트 계획
4주차 스프린트 계획 · boostcampwm-2022/web21-devrank Wiki
개요
- Devrank는 등급 시스템을 통해 Github 활동을 조금 더 재미있게 할 수 있게 유도하기 위해 기획하게 되었다.
- 지루할 수 있는 Github 활동을 게임과 유사한 등급 시스템을 통해 성취감을 느낄 수 있다고 생각했다.
- 객관화된 수치가 있으면 현재 자신의 수준과 성장에 대해서 더 파악하기 쉬울 것이라 생각했다.
- CODUCK, OPGC라는 유사한 서비스가 있으나 현재 유지보수가 되지 않고 있다.
- 점수 산정방식에 의문이 있었음. 일일커밋이 점수에 가장 중요하게 영향을 끼치고 있어 커밋각각에 대해 가중치를 부여하지 않는다. → 우리는 기여한 레포지토리에 따라 가중치를 부여해서 점수를 좀 더 의미있게 산정하고 싶었다.
프론트엔드
랭킹페이지
- 필터링 적용 구현
- 사용자명 검색 구현(prefix로 검색)
- 페이지네이션 구현
- API호출 후 로딩이 생기는 동안 빈화면이 노출되지 않게 스켈레톤 적용
검색어 자동완성
- 검색시 자동완성 리스트가 표시됨
- 아래위 방향키를 통한 자동완성 리스트 포커스 이동 구현
- 포커스 이동 시 해당하는 리스트 아이템의 텍스트로 검색바에 반영