Streak 시각화 (ex. GitHub 잔디) 오픈소스 만들기

[aube-dev]

개요

GItHub 프로필의 잔디를 보신 적 있나요? 백준 알고리즘을 풀어보셨다면 solved.ac 프로필에서도 보셨을 수도 있습니다.

GitHub	solved.ac
	(제 프로필은 아님을 미리 알려드립니다...ㅎㅎ)

이렇게 매일매일 얼마나 특정 행동을 하고 있는지 체크하는 것을 스트릭(Streak)이라고 흔히 부릅니다. 우리는 이 스트릭을 위의 예시들처럼 간단하게 시각화해주는 라이브러리를 오픈소스로 만들어 보고자 합니다.

라이브러리 제작 파트

• 데이터를 넣어주면 스트릭 정보를 계산하여 시각화
• 스트릭을 활용하기 위한 유틸 제공

예제 프로젝트 제작 파트 (Optional이지만 인원이 된다면 꼭 진행하겠습니다)

• 스트릭을 대학생/숭실대생 관점에서 어떻게 활용할 수 있을지 예제 프로젝트 만들기
• 예쁜 테마 만들기

포지션 및 사용 예정 기술

• Web Frontend : 라이브러리 제작 파트, 예제 프로젝트 제작 파트 참여 가능
  TypeScript, React
• Mobile Frontend (Optional) : 라이브러리 제작 파트, 예제 프로젝트 제작 파트 참여 가능
  플랫폼, 언어, 프레임워크 자유 (단, 해당 분야 멘토가 따로 없다면 TypeScript + React Native로 고정)
• Backend (Optional) : 예제 프로젝트 제작 파트 참여 가능
  언어, 프레임워크 자유 (단, 해당 분야 멘토가 따로 없다면 Node.js 계열 또는 Python + FastAPI로 고정)
• UI/UX Design (Optional) : 예제 프로젝트 제작 파트 참여 가능
  Figma

(총 3-6명 예상, 인원 미정)

필요 수준

해보고 싶지만 수준에 안 맞는 건 아닌지 고민된다면, 우선 망설임 없이 넣어보거나 이슈의 댓글로 질문해 주세요!

• 라이브러리 제작 파트:
  본인이 다루는 언어와 프론트 프레임워크를 어느 정도 다루어 본 사람이면 좋습니다. 그렇다고 잘하는 사람이어야 하는 것은 아닙니다. 프로젝트 하나를 완성해본 경험이 있다면, 리렌더링 최적화와 라이브러리로서의 확장성, 오픈소스의 버전 관리 및 책임감 등 좀 더 숙련된 경험에 같이 도전해 봐요.
• 예제 프로젝트 제작 파트:
  기초부터 배울 수는 없지만, 간단한 것이라도 만들어 본 적이 있다면 충분히 가능합니다. 이 라이브러리의 테스터이자 마케터라고 생각하고, 실제로 학생들의 문제를 해결할 법한 간단한 프로젝트를 재미있게 해봐요.

대상 및 요구사항

• (라이브러리 제작 파트) 오픈소스를 직접 만들어 보고 싶은 싶은 사람에게 좋은 기회입니다.
• (예제 프로젝트 제작 파트) 학생들의 문제를 해결하는 작은 솔루션을 만드는 것에 보럄을 느끼는 분이 필요합니다.
• 프로젝트 특성상 정말 많은 이야기가 오가야 합니다. 오프라인이면 더 좋고, 온라인으로도 많은 시간 이야기를 나눌 수 있어야 합니다. (다만 오픈소스를 경험한다는 측면에서, 라이브러리 제작팀은 GitHub Issue와 PR을 통해 온라인으로도 많이 소통합니다.)
• 프로젝트 일정이 여유롭지 않습니다. 일주일 20시간 이상의 충분한 시간을 투자할 수 있는 분들이 필요합니다.

예상 일정

1주차

• [공통] Kickoff, 일정 정리
• [공통] 스트릭 사용 시나리오 그려보기
• [라이브러리 제작] 기술 스택 및 개발 규칙 확정
• [라이브러리 제작] 라이브러리 스펙 고민 (Tech Spec 작성해보기)
• [예제 프로젝트 제작] 기획 및 디자인 구상
• [예제 프로젝트 제작] 기술 스택 및 아키텍처, 개발 규칙 확정

2주차

• [라이브러리 제작] Tech Spec 완성 및 개발 시작
• [예제 프로젝트 제작] 기획 확정, 프로젝트 디자인 시작
• [예제 프로젝트 제작] 개발 시작

3주차

• [라이브러리 제작] 열심히 개발 및 토론
• [예제 프로젝트 제작] 프로젝트 디자인 완성, 테마 구상
• [예제 프로젝트 제작] 열심히 개발

4주차

• [라이브러리 제작] 열심히 개발 및 1차 마무리, 게시
• [예제 프로젝트 제작] 열심히 개발 및 라이브러리 적용

5주차

• [라이브러리 제작] 이슈 및 기능 요청 대응, 리팩토링
• [예제 프로젝트 제작] 개발 마무리, QA, 배포

프로젝트 멘토

• 추후 공개