포트폴리오를 위한 AI 기반 GitHub 분석 자동화 서비스 런칭!

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

• *개발자 및 포트폴리오 관리자**
• 난이도: 중급 이상 (AI 자동화, 웹 기술 스택 이해 필요)*

핵심 요약

• AI 기반 GitHub 프로젝트 자동 요약 기능 (예: "이 프로젝트는 GitHub 프로젝트를 AI로 분석하여 이력서용, 포트폴리오용 요약을 자동 생성하는 웹 애플리케이션입니다.")
• Chart.js 기반 실시간 대시보드 (커밋 통계, 언어 사용 비율, 파일별 기여도 시각화 제공)
• React + TypeScript + Fastify 기반 기술 스택 (Zustand, Supabase, Ai Agent 활용)

섹션별 세부 요약

1. 서비스 개요

• AI 자동 요약 기능

- GitHub 레포지토리 선택 시 자동으로 프로젝트 개요, 기술 스택, 주요 성취 문장 생성

• 대시보드 기능

- Chart.js + react-chartjs-2로 커밋 통계, 언어 사용 비율, 파일 기여도 시각화 제공

• 사용 목적

- 이력서/포트폴리오용 프로젝트 요약 자동화, 개발자 업무 효율성 향상

2. 기술 스택 및 구조

• 프론트엔드

- React + TypeScript + Vite 기반 개발

- Zustand로 전역 상태 관리, SCSS 모듈화 및 UX 개선

• 백엔드

- Fastify (Node.js 기반) REST API 서버 구축

- Supabase 연동으로 PostgreSQL 데이터베이스 관리

- Ai Agent를 활용한 자연어 요약 처리

3. 향후 개선 계획

• 저장소 확장

- GitLab, Bitbucket 등 타 저장소 연동

• 보안 강화

- OAuth 토큰 강화 및 스코프 제한

• 기능 확장

- PR 리뷰, 이슈 통계 시각화 추가

- 프로젝트별 PDF 이력서 자동 생성 기능

결론

• 실무 적용 팁

- https://github-person.vercel.app에서 직접 서비스 사용 가능

- 기존 프로젝트 요약 작업 자동화로 포트폴리오 관리 시간 절감

- 향후 PDF 이력서 생성 기능 추가 예정으로 포트폴리오 자동화 도구로 적합