{"id":51181399,"url":"https://github.com/0disoft/dc-code-paste","last_synced_at":"2026-06-27T07:03:08.991Z","repository":{"id":364542191,"uuid":"1258403344","full_name":"0disoft/dc-code-paste","owner":"0disoft","description":"DCInside 글쓰기에 최적화된 코드/문서 HTML 변환 도구","archived":false,"fork":false,"pushed_at":"2026-06-13T11:36:51.000Z","size":377,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-06-13T13:18:19.572Z","etag":null,"topics":["clipboard","code-highlighting","dcinside","markdown","shiki","svelte","tiptap"],"latest_commit_sha":null,"homepage":"https://0disoft.github.io/dc-code-paste/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/0disoft.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-06-03T14:45:44.000Z","updated_at":"2026-06-13T12:44:12.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/0disoft/dc-code-paste","commit_stats":null,"previous_names":["0disoft/dc-code-paste"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/0disoft/dc-code-paste","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0disoft%2Fdc-code-paste","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0disoft%2Fdc-code-paste/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0disoft%2Fdc-code-paste/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0disoft%2Fdc-code-paste/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/0disoft","download_url":"https://codeload.github.com/0disoft/dc-code-paste/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0disoft%2Fdc-code-paste/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34844350,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-27T02:00:06.362Z","response_time":126,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["clipboard","code-highlighting","dcinside","markdown","shiki","svelte","tiptap"],"created_at":"2026-06-27T07:03:06.147Z","updated_at":"2026-06-27T07:03:08.984Z","avatar_url":"https://github.com/0disoft.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# dc-code-paste\n\nDCInside 글쓰기 화면에 붙여넣을 리치 텍스트 HTML을 만드는 정적 웹 도구.\n\n**→ https://0disoft.github.io/dc-code-paste/**\n\n---\n\n## 주요 기능\n\n- 글쓰기 에디터 + 실시간 미리보기\n- 코드블록 (파일명, 언어, 라인 하이라이트, 추가/삭제/강조 줄 표시)\n- 콜아웃, 요약, 튜토리얼, 비교, references, CTA 블록\n- Markdown 가져오기 및 적용\n- **AI 글 작성** — API 키와 모델을 설정하면 요청 한 번으로 Markdown 초안을 생성하고 에디터에 바로 적용\n- LLM 가이드 복사 (외부 LLM 연동용)\n- 프리셋 저장\n- 초안 히스토리\n- 라이트/다크 테마\n- 브라우저 종료 후에도 localStorage로 자동 복원\n\n---\n\n## 기본 사용 흐름\n\n1. 왼쪽 편집기에서 글을 작성한다.\n2. 오른쪽 미리보기에서 결과를 확인한다.\n3. `디씨 복사` 버튼을 클릭한다.\n4. DCInside 글쓰기 에디터에 붙여넣는다.\n\n\u003e **주의:** 이 도구는 DCInside 에디터에 **리치 텍스트로 붙여넣는** 도구다.\n\u003e HTML 원문을 DCInside HTML 모드에 직접 입력하는 방식과 다르다.\n\u003e 미리보기 패널을 `HTML`로 전환하면 `원문 복사`로 raw HTML 소스도 복사할 수 있지만,\n\u003e 일반적인 사용은 `디씨 복사` → 에디터 붙여넣기다.\n\n---\n\n## AI로 글 작성하기\n\n상단 툴바의 `AI` 버튼을 클릭하면 AI 작성 패널이 열린다.\n\n1. **제공자**를 선택한다.\n2. **모델**을 입력하거나 자동완성 목록에서 선택한다.\n3. **API 키**를 입력한다. 키는 브라우저에 저장되지 않는다.\n4. **요청**에 원하는 글 주제나 지시를 입력한다.\n5. `생성하기`를 클릭하면 LLM이 Markdown을 생성하고, 완료되면 Markdown 패널에 자동으로 넣어준다.\n6. Markdown 패널에서 `적용하기`를 클릭하면 에디터에 반영된다.\n\n### 지원 제공자\n\n| 제공자             | 비고                                                              |\n| ------------------ | ----------------------------------------------------------------- |\n| OpenRouter         | API 키 없이도 공개 모델 목록 조회 가능. 주간 인기 80개 필터 제공. |\n| OpenCode Go        | minimax, kimi, glm, deepseek, qwen, mimo, hy3 계열 모델 내장      |\n| Umans              | 로컬 Responses adapter 사용. API 키는 선택 사항.                  |\n| OpenAI             | Responses API 사용                                                |\n| Claude (Anthropic) |                                                                   |\n| Gemini             |                                                                   |\n| DeepSeek           |                                                                   |\n| Mistral            |                                                                   |\n| Groq               |                                                                   |\n| Cerebras           |                                                                   |\n| xAI                |                                                                   |\n| Perplexity         |                                                                   |\n\nOpenRouter를 사용하면 API 키 하나로 여러 모델을 전환할 수 있어 편리하다.\n\n---\n\n## LLM 가이드 복사로 외부 LLM 연동하기\n\n앱 내 AI 기능 대신 ChatGPT, Claude, Gemini 웹 등 외부 LLM을 직접 사용하려면:\n\n1. `가이드` 버튼을 클릭해 작성 규칙을 복사한다.\n2. 원하는 LLM에 규칙과 작성할 주제를 함께 전달한다.\n3. LLM이 출력한 Markdown을 복사한다.\n4. dc-code-paste에서 `MD` 버튼을 클릭한다.\n5. 입력창에 Markdown을 붙여넣고 `적용하기`를 클릭한다.\n6. 편집기와 미리보기에 변환된 글이 표시된다.\n7. 내용을 확인하거나 편집한 뒤 `디씨 복사`로 DCInside에 붙여넣는다.\n\n`:::hero`, `:::summary`, `:::tip`, `:::warning` 같은 블록 태그와 코드블록은\n반드시 `MD` 패널을 통해 적용해야 한다.\nLLM 결과를 편집기에 직접 붙여넣는 방식으로는 블록 태그가 해석되지 않는다.\n\n---\n\n## 로컬 실행\n\n```sh\nbun install\nbun run dev\n```\n\n---\n\n## 주요 명령어\n\n```sh\nbun run check          # Svelte 타입 검사\nbun run typecheck:go   # tsgo 네이티브 타입 검사\nbun run lint           # Oxlint\nbun run format:check   # Oxfmt\nbun run test           # Vitest 단위 테스트\nbun run test:e2e       # Playwright E2E 테스트\nbun run build          # 정적 빌드\n```\n\n---\n\n## DCInside 붙여넣기 주의사항\n\n릴리스 전 아래 항목을 브라우저에서 직접 확인한다.\n\n1. 기본 샘플 아티클(단락, 제목, 팁박스, 경고박스, 참조박스, 링크박스, 인용, 목록, 구분선, 코드블록 포함)로 시작한다.\n2. `디씨 복사` → DCInside 일반 에디터에 붙여넣기 → 스타일 유지 확인.\n3. 미리보기 패널을 `HTML`로 전환 → `원문 복사` → DCInside HTML 모드에 붙여넣기 → HTML 모드 해제 후 동일하게 렌더링되는지 확인.\n4. 코드 색상, 박스 여백, 링크, 본문 폰트 크기가 미리보기와 충분히 일치하는지 확인.\n5. 텍스트 편집 후 새로고침 → 초안이 복원되는지 확인.\n6. `초기화` → 새로고침 → 빈 아티클이 오는지 확인.\n7. `DC 테이블` 모드에서 내보낸 HTML에 `table`, `td`, `bgcolor` 속성이 있는지 확인.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0disoft%2Fdc-code-paste","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F0disoft%2Fdc-code-paste","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0disoft%2Fdc-code-paste/lists"}