Claude 프로젝트를 공개로 전환하고 게시하려면 어떻게 해야 하나요?

CometAPI
AnnaDec 2, 2025
Claude 프로젝트를 공개로 전환하고 게시하려면 어떻게 해야 하나요?

Claude 프로젝트를 공개하는 것은 보통 두 가지를 동시에 의미합니다: (1) Claude Web / Claude Projects 세션 동안 생성된 콘텐츠 (채팅 기록, 아티팩트, 문서, UI “Projects”)를 내보내거나 공유하는 것, 그리고 (2) Claude Code가 생성하거나 스캐폴딩한 코드 를 다른 사람들이(또는 프로덕션 시스템이) 사용할 수 있도록 패키징하고 실행할 수 있게 하는 것. 이 글은 두 워크플로우를 안전성, 출처, 모범 사례 권고를 엮어 실제적인 단계별 방식으로 안내합니다.

아래에는 운영 관점의 엔드 투 엔드 워크스루가 이어집니다: Claude Web에서 만든 Projects를 내보내고 게시하는 방법, 그리고 Claude Code로 생성된 코드를 패키징·검토·게시하는 방법입니다.

핵심 간단 요약: Claude Web에서 내장된 Publish / Share 플로우를 사용해 아티팩트와 프로젝트를 게시하세요(아티팩트를 임베드하거나 공개 링크를 복사할 수도 있음). 그리고 Claude Code 대화 기록을 내보내거나 저장하세요(명령어 /export~/.claude/projects/ 아래의 파일 사용) 이후 일반 코드 저장소 또는 릴리스(GitHub, npm/PyPI/Docker, 혹은 호스팅 웹 앱)로 패키징하세요.

Claude 프로젝트 공개에서 고려할 사항

지난 2년 동안 Anthropic은 공개 및 공유에 중요한 기능들을 갖춘 Claude 제품 라인을 성숙시켜 왔습니다:

  • Claude Projects(Claude.ai의 Projects UI)는 Pro 및 Team 사용자에게 채팅을 Projects로 구성하고 선택한 채팅/아티팩트를 팀원이 볼 수 있게 합니다 — 내부 공유와 공개 준비를 위한 핵심 구성 요소입니다. ()
  • Anthropic가 Claude Code를 출시하여 터미널/IDE 중심의 에이전트형 코딩 도구와 CLI/IDE 연동(VS Code, JetBrains)을 제공합니다. 이는 코드 아티팩트를 생성하고 개발자 툴체인에 통합할 수 있습니다. 실제 프로젝트에서 Claude Code를 사용하는 공개 문서와 모범 사례 가이드도 제공됩니다. ()
  • Claude의 지원 자료에는 웹 UI의 명시적인 사용자 데이터 내보내기 플로우(Settings → Privacy → Export)가 포함되어 있어 공개 전에 프로젝트 데이터를 백업하거나 마이그레이션하는 데 유용합니다. Team 플랜 Primary Owner에게는 내보내기 제어도 있습니다.

아래에는 운영 관점의 엔드 투 엔드 워크스루가 이어집니다: Claude Web에서 만든 Projects를 내보내고 게시하는 방법, 그리고 Claude Code로 생성된 코드를 패키징·검토·게시하는 방법입니다.

Claude Web에서 만든 프로젝트를 어떻게 게시/내보내나요(단계별)?

Claude Web은 결과물을 공개하는 두 가지 보완적 방법을 제공합니다: Publish Artifacts(단일 결과물: 다이어그램, 문서, 차트)과 Share Projects(프로젝트 단위 가시성, 팀원 접근). 아래 단계는 두 플로우와 임베드/다운로드 방법을 다룹니다.

Step 1 — Claude Web에서 아티팩트 준비

  1. Claude Web에서 게시하려는 채팅 또는 아티팩트(문서, 다이어그램, 플로차트, 이미지)를 Project 또는 독립 아티팩트로 모읍니다.
  2. 정리 및 주석 처리: 읽기 좋도록 내용을 편집하고 캡션을 추가하며 누락된 출처 표기를 보완합니다.

Step 2 — 아티팩트 게시(단일 결과물)

  1. Claude Web에서 아티팩트를 엽니다.
  2. Publish 버튼을 클릭합니다(이 작업은 아티팩트를 “공개”로 전환하고 공개 URL을 제공합니다).
  3. 게시 후 사이트나 CMS에 아티팩트를 임베드하려면 Get embed code 를 클릭하여 생성된 HTML 스니펫을 복사하세요. (임베드는 Free/Pro/Max 플랜에서 지원됩니다.)

참고 및 팁

  • UI에서 특정 아티팩트 유형을 다운로드(SVG, PNG, Mermaid 텍스트 또는 기타 내보내기 형식)할 수 있습니다 — 다운로드한 파일을 저장소나 블로그 글에 포함하세요.
  • 접근성을 위해 임베드된 콘텐츠에 설명 캡션과 대체 텍스트를 추가하세요.

Step 3 — 프로젝트 공유(권한이 있는 더 넓은 모음)

  1. Claude Web에서 Project 목록을 엽니다.
  2. 프로젝트 이름 옆의 Share 를 클릭합니다.
  3. Share 대화상자에서 다음을 할 수 있습니다:
  • 이메일/이름으로 개별 구성원 또는 팀원을 추가합니다.
  • 권한 수준을 설정합니다(Can view / Can edit). 공개 릴리스를 위해 Make project public(가능한 경우)을 선택하거나 핵심 아티팩트를 개별적으로 게시합니다.

Step 4 — 프로젝트 아티팩트를 외부에 게시

  • 블로그 글/릴리스 노트 게시. 공개 URL 또는 임베드된 아티팩트를 포함하고, Claude가 생성한 부분과 사람이 검토한 부분에 대한 간단한 설명을 덧붙입니다.
  • 접근 가능한 아카이브 생성. 재현 가능성을 위해 ZIP 파일 또는 내보내기 번들 링크를 추가합니다(아래의 Claude Code 패키징 참조).

Claude Code가 생성한 대화 기록 또는 코드를 어떻게 내보내고 패키징하나요?

Claude Code는 에이전트형이며 주로 CLI 기반입니다. 로컬에 세션을 저장하고 슬래시 명령(/export 포함)을 제공하여 대화를 저장/내보낼 수 있습니다. 권장 워크플로우는: 대화 + 지원 파일을 내보내고, 출력을 사람이 읽기 쉬운 형식으로 변환/정리한 다음, 메타데이터가 포함된 코드 저장소를 추가하고 게시하는 것입니다. 아래에는 내장 명령과 일반적인 패키징 도구를 활용한 실용적이고 재현 가능한 단계가 있습니다.

Step 1 — Claude Code가 올바르게 설정되어 있는지 확인

  • Claude Code를 설치하고 구성합니다(공식 설정 가이드를 따르세요: Claude Console에 연결하거나 필요 시 결제를 설정).
  • 터미널에서 claude 를 실행할 수 있고 워크스페이스가 있는지 확인합니다.

Step 2 — 대화 내보내기

  1. Claude Code REPL(대화형 CLI)에서 /export myproject-conversation.jsonl 또는 단순히 /export 를 실행합니다. 이는 대화를 클립보드로 복사하거나 파일로 기록합니다(동작은 버전과 플래그에 따라 다릅니다). /export 명령은 현재 세션을 파일 또는 클립보드로 내보냅니다.
  2. 모든 프로젝트 세션을 모으려면 ~/.claude/projects/ 디렉터리를 확인하세요(Claude Code는 이곳에 대화를 JSONL 또는 JSON 파일로 저장합니다). 예: ls -la ~/.claude/projects/
  3. 내보내기가 JSONL이라면 가독성을 위해 Markdown으로 변환합니다:
  • 간단한 Python 스니펫: import json out = [] with open('myproject-conversation.jsonl') as f: for line in f: out.append(json.loads(line)) # transform out -> markdown file

  • 또는 claude-conversation-extractorclaude-code-exporter 같은 커뮤니티 도구를 사용합니다(세션을 파싱해 Markdown/MDX로 변환하는 프로젝트가 존재합니다).

Step 3 — 재현 가능한 저장소 만들기

  1. 로컬 저장소 생성: mkdir my-claude-project cd my-claude-project git init
  2. 다음을 추가:
  • README.md — 프로젝트 설명, 출처 노트, 사용 지침.
  • CLAUDE.md — Claude 사용 방식(프롬프트, 온도/파라미터(관련 시), 사람이 편집한 부분).
  • LICENSE — 선택한 라이선스.
  • artifacts/ — 다운로드한 아티팩트(이미지, SVG)와 내보낸 대화 파일(.jsonl 또는 .md).
  • src/ — 생성된 코드(있다면)와 지원 스크립트.
  1. 커밋: git add . git commit -m "Initial Claude project export and artifact bundle"

Step 4 — 배포를 위한 코드 패키징

선택할 패키징 경로는 코드 언어와 대상 사용자에 따라 달라집니다.

JavaScript/Node 패키지인 경우:

  • npm init → 메타데이터를 작성합니다.
  • index.js, 테스트, examples/ 폴더를 추가합니다.
  • npm에 게시: npm publish --access public (공개하려는 스코프 패키지에는 --access public 사용)

Python 패키지인 경우:

  • pyproject.toml 또는 setup.py 를 추가합니다.
  • wheel 및 sdist 빌드: python -m build twine upload dist/*

웹 앱 또는 데모인 경우:

  • 작은 웹 프런트엔드(Vite/Next/Vercel 등)를 만듭니다.
  • Vercel/Netlify에 배포:
  • GitHub 저장소를 연결합니다.
  • 비민감 키의 환경 변수를 추가합니다(공개 데모에는 없는 경우도 많음).
  • 배포합니다.

컨테이너형 서비스인 경우:

  • Dockerfile 을 추가합니다.
  • 빌드 & 푸시: docker build -t dockerhubuser/my-claude-demo:1.0 . docker push dockerhubuser/my-claude-demo:1.0

Step 5 — 릴리스와 문서 만들기

  • GitHub에서 저장소를 열고 Release(태그 v1.0.0)를 생성한 뒤 컴파일된 아티팩트(ZIP, tarball)를 업로드합니다.
  • 문제가나 민감 데이터 유출 신고 방법을 설명하는 CONTRIBUTING.mdSECURITY.md 를 추가합니다.
  • Claude Web의 임베드된 아티팩트 URL 또는 다운로드 가능한 자산을 포함한 짧은 데모 페이지(GitHub Pages)를 추가합니다.

Claude Code 내보내기를 자동 게시용 CI/CD에 어떻게 통합하나요?

예시: GitHub Actions로 내보내기, 변환, 릴리스

  1. 목표: 브랜치를 푸시하면 최신 Claude 대화 파일을 내보내고(MCP 서버나 CI 아티팩트가 있는 경우) 릴리스를 생성합니다.
  2. 상위 단계:
  • 워크플로우(.github/workflows/publish.yml)를 사용하여:
  • 저장소를 체크아웃합니다.
  • JSONL → Markdown 변환 스크립트를 실행합니다.
  • actions/create-release 를 사용해 릴리스를 게시합니다.
  • 아티팩트를 업로드합니다.
  1. 보안 참고: 비공개 API 키를 저장소에 저장하지 마세요. GitHub Secrets를 사용하고 토큰을 순환하세요.

(커뮤니티 도구인 claude-code-exporter 와 MCP 호환 서버는 대화 내보내기를 서버 플로우에 통합하는 것을 더 간단하게 해 줍니다. 대화를 중앙 아카이브로 스트리밍하는 MCP/CLI 연동을 확인하세요.)


협업 공유와 재현 가능성 — 다른 사람이 동일한 워크플로우를 실행하려면?

재현 가능한 환경 만들기

  • 정확한 버전을 명시한 environment.yml / requirements.txt / package.json 을 추가합니다.
  • 다음 타깃이 있는 Makefile 을 추가합니다: make export make convert make build make release
  • 사용한 Claude Code 버전(예: claude-code v1.0.44)과 내보내기 명령을 문서화합니다. 이는 독자가 내보내기를 재현하는 데 도움이 됩니다(버전에 따라 /export 동작이 달라질 수 있음).

대화 + 코드 공유

  • Claude 아티팩트(공개 URL/임베드)를 게시하고, 내보낸 대화 기록과 패키징된 코드가 포함된 GitHub 릴리스 링크를 추가합니다.
  • 원클릭 데모(Vercel / GitHub Pages)를 제공하고 Try it 링크를 포함합니다.

결론 — 신중히 게시하고 빠르게 반복하세요

Claude 프로젝트를 공개하는 것은 유용한 아티팩트를 공유하고 연구를 가속하며 생태계를 성장시키는 기회입니다 — 하지만 의도적으로 진행해야 합니다. 최근의 발전(Claude Opus 4.5와 강화된 개발자 도구)은 생성된 아티팩트가 그 어느 때보다 강력하고 유용해질 것임을 의미합니다. 그만큼 강력한 출처 관리, 비밀 스캐닝, 안전성 테스트, 명확한 문서화가 반드시 병행되어야 합니다.

개발자는 Claude Opus 4.5 API 등을 CometAPI를 통해 접근할 수 있으며, 최신 모델 버전 은 항상 공식 웹사이트와 함께 업데이트됩니다. 시작하려면 Playground 에서 모델 기능을 살펴보고 자세한 지침은 API guide 를 참조하세요. 접근 전에 CometAPI에 로그인하고 API 키를 발급받았는지 확인하세요. CometAPI 는 공식 가격보다 훨씬 낮은 가격을 제공하여 통합을 돕습니다.

Ready to Go?→ Claude Opus 4.5 무료 체험

AI 관련 팁, 가이드, 뉴스가 더 궁금하시다면 저희를 팔로우하세요: VK, X, Discord!

더 보기

하나의 API로 500개 이상의 모델

최대 20% 할인