💬 GitHub Profile Comments

---

📋 목차

• 소개
• 기능
• 시작하기
• 테마
• 기술 스택
• 아키텍처

---

📖 소개

GitHub Profile Comments는 GitHub 프로필에 동적인 소통 기능을 추가하는 도구입니다.

작동 방식

sequenceDiagram
    participant User as 사용자
    participant GitHub as GitHub OAuth
    participant Service as 댓글 서비스
    participant DB as 데이터베이스

    User->>GitHub: OAuth 로그인
    GitHub->>Service: 사용자 정보
    Service->>DB: 사용자 저장
    Service->>User: 로그인 성공
    User->>Service: 댓글 작성
    Service->>DB: 댓글 저장

✨ 기능

핵심 기능

• 💬 실시간 댓글
• 👍 좋아요/싫어요
• 🎨 커스텀 테마
• 🔒 GitHub OAuth 인증

사용자 기능

기능	설명	권한
댓글 작성	프로필에 댓글 남기기	로그인 필요
좋아요	댓글에 좋아요 표시	로그인 필요

🚀 시작하기

1. 회원가입

# 1. 인증 페이지 방문
https://comment.injunweb.com/api/auth/login

# 2. GitHub OAuth 로그인 진행

# 3. 성공 응답 확인
{"github_id":123456789,"message":"Logged in successfully"}

2. 프로필 설정

# README.md에 추가

[![Comments](https://comment.injunweb.com/api/user/{깃허브아이디}/svg?theme={테마})](https://comment.injunweb.com/{깃허브아이디})

설치 확인

• 프로필 페이지 새로고침
• 댓글 위젯 표시 확인
• 테마 적용 확인

🎨 테마

사용 가능한 테마

테마	설명	예시
black	다크 모드
white	라이트 모드
transparent	투명 배경

🛠️ 기술 스택

프론트엔드

UI:
    - HTML5
    - CSS3
    - JavaScript (ES6+)

기능:
    - 반응형 디자인
    - SVG 렌더링

백엔드

서버:
    - Go
    - Gin Framework
    - GORM ORM

데이터베이스:
    - MySQL

인증:
    - GitHub OAuth
    - JWT

배포

인프라:
    - Docker
    - injunweb (https://injunweb.com)

📐 아키텍처

데이터베이스 구조

erDiagram
    GITHUBUSER {
        uint ID PK
        float64 GitHubID
        string GitHubLogin
    }
    COMMENT {
        uint ID PK
        uint ReceiverID FK
        uint AuthorID FK
        string Content
        bool IsOwnerLiked
    }
    LIKED {
        uint ID PK
        uint CommentID FK
        uint UserID FK
    }
    DISLIKED {
        uint ID PK
        uint CommentID FK
        uint UserID FK
    }
    GITHUBUSER ||--o{ COMMENT : "writes/receives"
    GITHUBUSER ||--o{ LIKED : "likes"
    GITHUBUSER ||--o{ DISLIKED : "dislikes"
    COMMENT ||--o{ LIKED : "has"
    COMMENT ||--o{ DISLIKED : "has"

---