{
  "schema": "tesign-radar/item/1",
  "generated_at": "2026-09-19T23:10:56.893Z",
  "lang": "ko",
  "slug": "gitdiagram",
  "url": "https://tesign.com/item/gitdiagram/",
  "alternates": {
    "ko": {
      "html": "https://tesign.com/item/gitdiagram/",
      "json": "https://tesign.com/item/gitdiagram/index.json",
      "markdown": "https://tesign.com/item/gitdiagram/index.md"
    },
    "en": {
      "html": "https://tesign.com/en/item/gitdiagram/",
      "json": "https://tesign.com/en/item/gitdiagram/index.json",
      "markdown": "https://tesign.com/en/item/gitdiagram/index.md"
    }
  },
  "name": "GitDiagram",
  "use_label": "저장소 구조 보기",
  "one_liner": "깃허브 저장소 주소를 넣으면 프로젝트 구조를 한 장의 그림으로 그려 준다.",
  "text": {
    "why": "남이 만든 코드를 처음 열면 폴더 이름만 보이지 흐름은 보이지 않는다. GitDiagram은 저장소의 파일 구조와 README를 읽어 폴더 그림이 아니라 시스템 단위의 그림으로 바꾼다. 보던 깃허브 주소에서 hub를 diagram으로 바꾸기만 해도 열린다.",
    "take": "그림이 장식으로 끝나지 않는 이유는 구성요소를 누르면 실제 파일이 열리기 때문이다. 처음 보는 저장소에서 어디부터 읽을지 정하는 데 몇 분을 아껴 준다.",
    "build": [
      "Next.js 16·React 19·타입스크립트로 만들었고 그림은 Mermaid로 그린다. 구성요소를 누르면 깃허브의 실제 파일이나 폴더가 열리고, 결과는 Mermaid 원본을 복사하거나 PNG로 내려받아 가져간다. 비공개 저장소는 브라우저에 토큰을 넣어 처리하고 그 결과는 따로 보관한다. 생성은 기본이 OpenAI, 직접 설치할 때는 OpenRouter도 고를 수 있다."
    ],
    "who": [
      {
        "role": "오픈소스를 처음 뜯어보는 사람, 인수인계로 남의 코드를 떠안은 개발자, 팀에 들어온 지 얼마 안 된 사람.",
        "situation": null
      }
    ],
    "start": [
      {
        "command": false,
        "text": "gitdiagram.com에 저장소 주소를 붙여 넣는다. 또는 보고 있던 깃허브 주소에서 github.com을 gitdiagram.com으로 바꾼다."
      }
    ],
    "caveat": [
      "그림은 AI가 코드를 읽고 추정한 결과라 실제 구조와 다를 수 있다. 공개 서비스는 사용량 한도를 두고 있고, 직접 설치해 쓰려면 OpenAI나 OpenRouter 키를 따로 넣어야 한다."
    ]
  },
  "cta": {
    "type": "try",
    "label": "TRY",
    "url": "https://gitdiagram.com/"
  },
  "ready": "browser",
  "categories": [
    "dev-tools"
  ],
  "categories_confirmed": true,
  "tags": [
    "깃허브",
    "구조도",
    "코드 읽기",
    "오픈소스"
  ],
  "platform": [
    "web"
  ],
  "license": {
    "spdx": "MIT",
    "scope": "permissive",
    "scope_text": "상업 이용·수정·재배포 가능. 저작권 고지는 유지.",
    "url": "https://spdx.org/licenses/MIT.html",
    "note": null,
    "open_source": true
  },
  "language": "TypeScript",
  "source_urls": {
    "canonical": "https://gitdiagram.com/",
    "github": "https://github.com/ahmedkhaleel2004/gitdiagram",
    "huggingface": null,
    "app_store": null,
    "sightings": [
      {
        "source": "github",
        "url": "https://github.com/ahmedkhaleel2004/gitdiagram",
        "posted_at": "2026-09-17T04:00:00.000Z",
        "hn_url": null
      }
    ]
  },
  "numbers": {
    "as_of": "2026-09-19T18:00:00.000Z",
    "stars": 16652,
    "stars_unit": "GitHub stars",
    "stars_checked_at": "2026-09-19T22:57:51.762Z",
    "stars_observed_since_check": 0,
    "star_delta_24h": null,
    "star_delta_7d": 6,
    "star_delta_30d": 8,
    "star_delta_unit": "GitHub stars gained in the window, GH Archive events summed to as_of",
    "spark_14d": [
      2,
      null,
      null,
      null,
      null,
      null,
      null,
      null,
      null,
      null,
      null,
      6,
      null,
      null
    ],
    "hf_likes": null,
    "hf_likes_observed_at": null,
    "hn_points": null,
    "hn_points_observed_at": null,
    "store": null,
    "method": "별 총합 = GitHub에서 마지막으로 확인한 값(stars_checked_at) + 그 뒤 GH Archive에서 관측한 증가. 24h·7d·30d 증가는 GH Archive 시간별 이벤트를 기준 시각(as_of)까지 합한 값. 우리 점수는 없습니다."
  },
  "ranks": null,
  "activity": {
    "pushed_at": "2026-09-19T22:22:26.000Z",
    "owner_type": "User",
    "open_issues": 40,
    "contributors": 4,
    "releases_count": 0,
    "latest_release": null,
    "checked_at": "2026-09-19T22:57:51.762Z",
    "core_checked_at": "2026-09-19T22:57:51.762Z"
  },
  "signals": [],
  "images": {
    "og": "https://tesign.com/img/gitdiagram-5b52b1db64.png",
    "cover": "https://tesign.com/img/gitdiagram-5b52b1db64.png",
    "cover_width": 1866,
    "cover_height": 1322,
    "gallery": [
      "https://tesign.com/img/gitdiagram-5b52b1db64.png",
      "https://tesign.com/img/gitdiagram-29f78cbb13.png"
    ],
    "alt": "GitDiagram 첫 화면. 저장소 주소를 넣는 입력창과 Diagram 버튼, FastAPI·Flask 같은 예시 저장소 버튼이 있다.",
    "tier": 2
  },
  "dates": {
    "first_seen_at": "2026-09-17T15:44:06.269Z",
    "source_created_at": "2024-12-15T10:32:03.000Z",
    "discovery_hours": 15389.200908055556,
    "launch_signal_at": "2026-09-17T04:00:00.000Z",
    "kept_at": "2026-09-19T22:45:27.501Z",
    "first_published_at": "2026-09-19T22:45:27.650Z",
    "updated_at": "2026-09-19T22:45:27.598Z",
    "ingestion_mode": "live"
  },
  "notes": [
    "이 파일은 tesign.com 항목 페이지와 같은 빌드에서 같은 데이터로 만들어졌습니다. 소개 글은 편집자가 쓴 것이고, 숫자는 저장된 관측값입니다.",
    "JSON의 null은 관측하지 않았다는 뜻입니다 — 0이 아닙니다. 마크다운에서는 [확인 필요]로 적습니다.",
    "별 총합 = GitHub에서 마지막으로 확인한 값(stars_checked_at) + 그 뒤 GH Archive에서 관측한 증가. 24h·7d·30d 증가는 GH Archive 시간별 이벤트를 기준 시각(as_of)까지 합한 값. 우리 점수는 없습니다.",
    "요약이며 법적 조언이 아닙니다."
  ]
}