Video-Downloader/releases
1
0
Fork 0
Code Issues Pull requests Projects Releases 5 Packages Wiki Activity Actions
releases/site/guide.html
Yun Chan a2916e953c feat(seo): make paca.chanpaca.net the canonical domain for the whole site 
Both hostnames served the same sitemap and feed, so the sitemap submitted for
paca.chanpaca.net listed only mediabrowser.chanpaca.net URLs and Naver rejected
it as not matching the verified domain. Switch every canonical URL, Open Graph
tag, hreflang, JSON-LD, sitemap, RSS feed, llms files, app share link, package
manifest and promo UTM to paca.chanpaca.net, then resubmit the corrected Naver
and Search Console sitemaps. All 2,757 tests pass.

💘 Generated with Crush

Assisted-by: Crush:deepseek-v4.1-flash
2026-09-15 05:04:51 +09:00

315 lines
15 KiB
HTML
Raw Blame History

<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Paca - 사용 안내</title>
<meta name="description" content="Paca 설치부터 스마트폰 연결까지의 전체 흐름을 안내합니다. 설치자 다운로드, 영상 저장 방법, 홈 Wi-Fi 모바일 스트리밍 연결, 단축키와 자주 묻는 질문까지 다룹니다.">
<meta property="og:type" content="website">
<meta property="og:title" content="Paca - 사용 안내">
<meta property="og:description" content="설치부터 스마트폰 연결까지, Paca 의 전체 사용 흐름을 단계별로 안내합니다.">
<meta property="og:url" content="https://paca.chanpaca.net/guide.html">
<meta name="theme-color" content="#08090d">
<meta property="og:image" content="https://paca.chanpaca.net/assets/og.jpg">
<link rel="canonical" href="https://paca.chanpaca.net/guide.html">
<meta name="twitter:card" content="summary_large_image">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "로그인 계정이 필요한 영상도 다운로드할 수 있나요?",
"acceptedAnswer": { "@type": "Answer", "text": "네, 가능합니다. Paca 는 내장 브라우저의 로그인 세션 쿠키와 Referer 헤더를 물려받아 요청하므로 회원 전용 영상도 원본 화질로 저장됩니다." }
},
{
"@type": "Question",
"name": "다운로드 속도가 느리거나 끊길 때는 어떻게 하나요?",
"acceptedAnswer": { "@type": "Answer", "text": "설정에서 병렬 다운로드 스레드 수(기본 8~16)를 조정할 수 있습니다. 연결이 끊기더라도 재개 버튼을 누르면 이미 받은 세그먼트 이후부터 이어서 다운로드합니다." }
},
{
"@type": "Question",
"name": "스마트폰에서 PC 연결이 되지 않습니다.",
"acceptedAnswer": { "@type": "Answer", "text": "PC 와 스마트폰이 동일한 Wi-Fi 공유기에 연결되어 있는지 확인하세요. Windows 방화벽 알림이 떴을 때 개인 네트워크 액세스 허용을 선택해야 통신이 가능합니다." }
}
]
}
</script>
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
<link rel="icon" href="assets/favicon-32x32.png" type="image/png">
<link rel="apple-touch-icon" href="assets/apple-touch-icon.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<a class="skip-link" href="#guide-content">본문 바로가기</a>
<div class="ambient-lighting" aria-hidden="true">
<div class="ambient-grid"></div>
</div>
<!-- Fluid Island Navigation -->
<div class="nav-wrapper">
<nav class="nav" aria-label="주 메뉴">
<a class="nav__brand" href="index.html">
<span class="nav__logo-badge" style="padding:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;">
<img src="assets/favicon-32x32.png" alt="Paca" style="width:24px;height:24px;border-radius:var(--radius-sm);display:block;">
</span>
<span>Paca</span>
</a>
<div class="nav__links">
<a class="nav__link" href="index.html#how-it-works">작동 방식</a>
<a class="nav__link" href="index.html#compare">비교</a>
<a class="nav__link" href="index.html#features">핵심 기능</a>
<a class="nav__link" href="index.html#mobile">모바일 연결</a>
<a class="nav__link" href="guide.html" aria-current="page">사용 안내</a>
</div>
<div class="nav__actions">
<a class="btn btn--primary btn--sm" href="releases.html">
<span>다운로드</span>
<span class="btn__icon-badge"><svg class="icon" aria-hidden="true"><use href="assets/icons.svg#arrow-up-right"/></svg></span>
</a>
<button class="nav__hamburger" id="nav-toggle" aria-label="메뉴 열기" aria-expanded="false">
<svg class="icon" aria-hidden="true"><use href="assets/icons.svg#list"/></svg>
</button>
</div>
</nav>
</div>
<!-- Mobile Navigation Drawer -->
<div class="mobile-menu-overlay" id="mobile-menu" aria-hidden="true">
<div class="mobile-menu-links">
<a class="mobile-menu-link" href="index.html#how-it-works">작동 방식</a>
<a class="mobile-menu-link" href="index.html#compare">비교</a>
<a class="mobile-menu-link" href="index.html#features">핵심 기능</a>
<a class="mobile-menu-link" href="index.html#mobile">모바일 연결</a>
<a class="mobile-menu-link text-accent" href="guide.html">사용 안내</a>
<a class="mobile-menu-link" href="releases.html">다운로드 ↗</a>
</div>
</div>
<header class="guide-header-pad">
<div class="wrap">
<span class="eyebrow">사용 안내서</span>
<h1>Paca 시작하기</h1>
<p class="sub" style="margin-top:12px">설치부터 영상 다운로드, 스마트폰 연결까지 핵심 사용법을 한눈에 확인하세요.</p>
</div>
</header>
<main class="wrap guide-layout" id="guide-content">
<!-- Sticky Table of Contents -->
<aside class="card guide-toc" aria-label="문서 목차">
<span class="guide-toc-title">목차</span>
<a class="guide-toc-link is-active" href="#install">1. 설치 및 첫 실행</a>
<a class="guide-toc-link" href="#download">2. 영상 다운로드</a>
<a class="guide-toc-link" href="#batch">3. 일괄 관리</a>
<a class="guide-toc-link" href="#phone">4. 모바일 연결</a>
<a class="guide-toc-link" href="#shortcuts">5. 단축키 모음</a>
<a class="guide-toc-link" href="#faq">6. 자주 묻는 질문</a>
</aside>
<!-- Guide Main Content Area -->
<div class="guide-main">
<!-- Step 1: Install -->
<section class="card guide-step-card" id="install">
<div class="guide-step-head">
<span class="guide-step-num">1</span>
<h2>설치 및 첫 실행</h2>
</div>
<p>Windows 설치자(<span class="text-mono text-accent">Paca-Setup-x64.exe</span>)를 실행하면 필요한 컴포넌트가 자동으로 준비됩니다.</p>
<ul class="guide-list">
<li>
<div>
<strong class="text-primary">WebView2 런타임 자동 감지:</strong>
<p class="text-secondary">Windows 10/11 기본 내장되어 있으며, 없을 경우 첫 실행 시 마이크로소프트 공식 런타임 설치를 안내합니다.</p>
</div>
</li>
<li>
<div>
<strong class="text-primary">내장 ffmpeg 엔진:</strong>
<p class="text-secondary">별도 ffmpeg 를 다운로드하거나 시스템 PATH 를 설정할 필요 없이 앱 내에 포함되어 즉시 작동합니다.</p>
</div>
</li>
</ul>
<div class="callout callout--tip">
<strong>팁:</strong> 첫 실행 시 Windows Defender 스마트스크린 경고가 나타날 경우 <strong>[추가 정보] → [실행]</strong>을 선택하세요.
</div>
</section>
<!-- Step 2: Download -->
<section class="card guide-step-card" id="download">
<div class="guide-step-head">
<span class="guide-step-num">2</span>
<h2>영상 다운로드하기</h2>
</div>
<p>내장 브라우저에서 평소처럼 웹 서핑을 하며 영상을 재생하세요. 별도 주소 복사가 필요 없습니다.</p>
<ol class="guide-list">
<li>
<div>
<strong class="text-primary">영상 페이지 이동 및 재생:</strong>
<p class="text-secondary">원하는 스트리밍 사이트에서 영상을 재생합니다. 로그인 계정이 필요한 사이트라면 평소처럼 로그인하세요.</p>
</div>
</li>
<li>
<div>
<strong class="text-primary">스트림 감지 배너 확인:</strong>
<p class="text-secondary">영상이 재생되면 상단 또는 우측 패널에 감지된 스트림 정보(해상도, 비트레이트, 포맷)가 표시됩니다.</p>
</div>
</li>
<li>
<div>
<strong class="text-primary">다운로드 시작:</strong>
<p class="text-secondary">감지된 항목의 다운로드 버튼을 누르면 분할 병렬 다운로드가 시작되고 완료 시 MP4 로 자동 결합됩니다.</p>
</div>
</li>
</ol>
</section>
<!-- Step 3: Batch Management -->
<section class="card guide-step-card" id="batch">
<div class="guide-step-head">
<span class="guide-step-num">3</span>
<h2>일괄 관리 &amp; 이어받기</h2>
</div>
<p>대용량 다운로드 큐를 효율적으로 제어할 수 있는 다양한 도구를 제공합니다.</p>
<div class="spec-grid text-mono">
<div class="spec-row">
<span>일괄 일시정지 / 재개:</span>
<span>상단 도구 모음 버튼으로 전체 작업을 한 번에 제어</span>
</div>
<div class="spec-row">
<span>세그먼트 체크포인트:</span>
<span class="text-success">네트워크 끊김 시 받은 지점부터 즉시 이어받기</span>
</div>
<div class="spec-row">
<span>다운로드 기록 내보내기:</span>
<span>CSV 파일로 다운로드 내역 및 스트림 URL 저장</span>
</div>
</div>
</section>
<!-- Step 4: Phone Companion -->
<section class="card guide-step-card" id="phone">
<div class="guide-step-head">
<span class="guide-step-num">4</span>
<h2>스마트폰 연결 및 로컬 스트리밍</h2>
</div>
<p>PC 에 저장된 영상을 홈 Wi-Fi 네트워크 안에서 스마트폰으로 즉시 시청하거나 전송받을 수 있습니다.</p>
<ol class="guide-list">
<li>
<div>
<strong class="text-primary">데스크톱 앱에서 모바일 서버 켜기:</strong>
<p class="text-secondary">데스크톱 우측 상단의 <strong>[모바일 연결]</strong> 버튼을 누르면 QR 코드가 생성됩니다.</p>
</div>
</li>
<li>
<div>
<strong class="text-primary">스마트폰으로 QR 코드 스캔:</strong>
<p class="text-secondary">동일한 홈 Wi-Fi 에 연결된 스마트폰의 카메라 또는 Paca Companion 앱으로 QR 을 스캔합니다.</p>
</div>
</li>
<li>
<div>
<strong class="text-primary">무손실 스트리밍 &amp; 다운로드:</strong>
<p class="text-secondary">모바일 화면에서 PC 에 저장된 영상을 끊김 없이 감상하거나 기기로 바로 내려받으세요.</p>
</div>
</li>
</ol>
<div class="callout callout--info">
<strong>보안 및 네트워크:</strong> 모든 데이터는 외부 인터넷 서버를 거치지 않고 오직 사용자의 로컬 Wi-Fi 안에서만 직접 통신하므로 안전하고 빠릅니다.
</div>
</section>
<!-- Step 5: Shortcuts -->
<section class="card guide-step-card" id="shortcuts">
<div class="guide-step-head">
<span class="guide-step-num">5</span>
<h2>단축키 모음</h2>
</div>
<p>주요 기능에 빠르게 접근할 수 있는 키보드 단축키입니다.</p>
<div class="spec-grid text-mono">
<div class="spec-row">
<span><kbd>Ctrl</kbd> + <kbd>T</kbd></span>
<span>새 탭 열기</span>
</div>
<div class="spec-row">
<span><kbd>Ctrl</kbd> + <kbd>W</kbd></span>
<span>현재 탭 닫기</span>
</div>
<div class="spec-row">
<span><kbd>Ctrl</kbd> + <kbd>L</kbd></span>
<span>주소 표시줄로 포커스 이동</span>
</div>
<div class="spec-row">
<span><kbd>Ctrl</kbd> + <kbd>D</kbd></span>
<span>다운로드 패널 열기 / 닫기</span>
</div>
<div class="spec-row">
<span><kbd>Ctrl</kbd> + <kbd>J</kbd></span>
<span>다운로드 히스토리 관리</span>
</div>
<div class="spec-row">
<span><kbd>F12</kbd></span>
<span>웹 뷰 개발자 도구 토글</span>
</div>
</div>
</section>
<!-- Step 6: FAQ -->
<section class="card guide-step-card" id="faq">
<div class="guide-step-head">
<span class="guide-step-num">6</span>
<h2>자주 묻는 질문 (FAQ)</h2>
</div>
<div style="display:flex;flex-direction:column;gap:18px;margin-top:8px">
<div>
<strong class="text-primary">Q: 로그인 계정이 필요한 영상도 다운로드할 수 있나요?</strong>
<p class="text-secondary" style="margin-top:4px;font-size:0.9rem">A: 네, 가능합니다. Paca 는 내장 브라우저의 로그인 세션 쿠키와 Referer 헤더를 물려받아 요청하므로 회원 전용 영상도 원본 화질로 저장됩니다.</p>
</div>
<div>
<strong class="text-primary">Q: 다운로드 속도가 느리거나 끊길 때는 어떻게 하나요?</strong>
<p class="text-secondary" style="margin-top:4px;font-size:0.9rem">A: 설정에서 병렬 다운로드 스레드 수(기본 8~16)를 조정할 수 있습니다. 연결이 끊기더라도 [재개] 버튼을 누르면 이미 받은 세그먼트 이후부터 이어서 다운로드합니다.</p>
</div>
<div>
<strong class="text-primary">Q: 스마트폰에서 PC 연결이 되지 않습니다.</strong>
<p class="text-secondary" style="margin-top:4px;font-size:0.9rem">A: PC 와 스마트폰이 동일한 Wi-Fi 공유기에 연결되어 있는지 확인하세요. Windows 방화벽 알림이 떴을 때 [개인 네트워크 액세스 허용]을 선택해야 통신이 가능합니다.</p>
</div>
</div>
</section>
</div>
</main>
<!-- Footer -->
<footer>
<div class="wrap footer__row">
<div class="footer__brand">
<span class="nav__logo-badge" style="width:26px;height:26px;border-radius:var(--radius-sm)">
<svg class="icon" style="width:14px;height:14px" aria-hidden="true"><use href="assets/icons.svg#download-simple"/></svg>
</span>
<span>Paca</span>
</div>
<div class="footer__links">
<a href="releases.html">다운로드</a>
<a href="guide.html">사용 안내</a>
<a href="index.html#legal">법적 고지</a>
<a href="https://git.chanpaca.net/Paca/releases" target="_blank" rel="noopener">릴리스 저장소</a>
</div>
<div class="footer__copy">
&copy; 2026 Paca. All rights reserved.
</div>
</div>
</footer>
<script src="site.js" defer></script>
</body>
</html>
Reference in a new issue View git blame Copy permalink