JungWJ
프로젝트
깃벼 썸네일

깃벼

Next.js Tailwind CSS

깃벼는 AI 기반 커밋메시지 분석 및 피드백 제공 솔루션과 개발자 커뮤니티를 갖춘 개발자 역량 관리 및 성장 기록 플랫폼이에요.

2025년 10월 ~ 2025년 12월
정우진, 강상우, 김주영, 김해린, 장한울

프로젝트 소개

깃벼(GitByeo)는 선린인터넷고 교내 디지털콘텐츠개발대회(디콘) '생활' 분야에 출품한 프로젝트입니다. 프론트엔드 2명, 백엔드 2명, 디자이너 1명으로 팀을 구성했으며, 저는 팀을 꾸리고 기획을 주도했습니다. GitHub 프로필의 잔디(Contribution Graph)를 보다가 아이디어를 떠올렸습니다. 커밋은 매일 찍히지만, 그 커밋 메시지의 품질은 아무도 신경 쓰지 않는다는 점에 착안해, AI가 커밋 메시지의 품질을 분석하고 점수화하여 '벼'로 시각화하는 서비스를 기획했습니다. 초기에는 논밭에 벼를 키우고 아바타를 꾸미는 게이미피케이션 요소를 담고자 했으나, 생활 분야 취지와의 적합성, 6주라는 개발 기간의 현실적 한계, 그리고 서비스의 본질인 커밋 퀄리티 개선에 집중하기 위해 대시보드 중심으로 기획을 수정했습니다. 최종적으로는 AI 커밋 분석 및 피드백, 날짜별 벼 뱃지(새싹→줄기→초록 벼→노랑 벼→공깃밥 5단계) 시각화, 그리고 수확한 벼를 포인트처럼 활용하는 개발자 커뮤니티 기능을 구현했습니다. GitHub OAuth로 로그인하고 ChatGPT API로 커밋을 분석하며, AWS EC2로 배포까지 진행한 프로젝트입니다.

주요 기능

GitHub 커밋 메시지 AI 분석 및 피드백
개발자 성장 지표 대시보드
개발자 커뮤니티 게시판
개인 성장 기록 타임라인

개발 내용

01 Next.js App Router 기반으로 프론트엔드 전체 아키텍처를 설계했습니다.
02 AI 피드백 결과를 시각화하는 UI를 개발했습니다.
03 커뮤니티 게시판 컴포넌트를 개발했습니다.
04 Tailwind CSS 기반 디자인 시스템을 구축했습니다.