온라인 키워드 클러스터링 도구 (Keyword Clustering)

SEO Leader | Digital Marketer | Founder SEO GenZ

분석할 키워드 목록을 입력하세요 (한 줄에 하나씩 입력):

</div>

<div class="col-lg-12 text-center mb-5">
                <button class="btn-group-action shadow-sm" onclick="processClustering()">
                    <i class="fas fa-layer-group me-2"></i> 자동 클러스터링 실행
                </button>
                <button class="btn btn-outline-secondary btn-sm ms-3" onclick="clearAll()">초기화</button>
            </div>

<div id="results-area" class="col-lg-12 d-none">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h3 class="h5 fw-bold m-0 text-uppercase"><i class="fas fa-project-diagram me-2 text-success"></i>주제별 클러스터링 결과:</h3>
                    <button class="btn btn-dark btn-sm rounded-pill px-4" onclick="copyAllClusters()"><i class="fas fa-copy me-1"></i> 전체 결과 복사</button>
                </div>
                <div id="cluster-list" class="row row-cols-1 row-cols-md-2 g-3">
                    
                </div>
            </div>
        </div>
    </div>

<article class="seo-content mt-5">
        <div style="text-align: justify;">
            <p><strong>개요:</strong> 현대적인 검색 엔진 최적화(SEO) 및 디지털 마케팅 전략에서 수천 개의 검색어 목록을 수집하는 것은 시작 단계에 불과합니다. 진짜 핵심은 연관된 검색어들을 의미 있는 주제 그룹으로 정리하여 콘텐츠 중복(Keyword Cannibalization)을 방지하고, 검색 엔진이 웹사이트의 전문성과 구조를 명확히 이해하도록 돕는 것입니다. Vo Viet Hoang이 개발한 <strong>온라인 키워드 클러스터링 도구(Keyword Clustering Tool)</strong>는 어휘적 유사도 분석 알고리즘을 활용하여 수집된 키워드를 자동으로 관련 주제별로 묶어줍니다. 스프레드시트에서 수동으로 작업하던 수시간의 노동을 단 몇 초로 줄이고, 체계적인 토픽 클러스터(Topic Clusters)를 형성하여 효율적인 콘텐츠 발행 계획을 수립할 수 있습니다.</p>
        </div>

<h2>키워드 클러스터링(Keyword Clustering)이란 무엇인가요?</h2>
        <p>키워드 클러스터링은 검색 의도(Search Intent)가 유사하거나 동일한 핵심 주제를 공유하는 키워드들을 기술적으로 그룹화하는 분석 공정입니다. 개별 검색어마다 각각 단독 페이지를 생성하는 과거 방식 대신, 상호 연관성이 높은 키워드 그룹 전체를 커버하는 고품질의 종합 페이지를 기획할 때 활용됩니다. 이는 단순한 단어 반복률보다 주제적 권위(Topical Authority)와 문맥적 연관성을 중시하는 최근 검색 엔진의 시맨틱 검색 흐름에 정확히 부합합니다. 콘텐츠 작성 및 메타 태그 작성 전 문장 및 단어 길이를 정밀하게 계산해야 한다면 <a href="https://voviethoang.com/ko/tool/word-counter">실시간 온라인 글자수 세기 프로그램</a>을 통해 분량을 체크할 수 있습니다.</p>

<h3>SEO 전략에서 키워드 클러스터링이 필요한 이유</h3>
        <p>전문적인 키워드 클러스터링 기법을 마케팅 워크플로우에 적용하면 다음과 같은 강력한 구조적 이점을 얻을 수 있습니다:</p>
        <ul>
            <li><strong>키워드 자기잠식(Cannibalization) 예방:</strong> 동일한 검색 의도를 가진 페이지들이 내부에서 서로 경쟁하는 현상을 막고, 정규 URL로 링크 파워를 집중시킵니다.</li>
            <li><strong>주제적 권위(Topical Authority) 확립:</strong> 특정 분야의 세부 주제를 촘촘하게 연결된 콘텐츠 그룹으로 다룸으로써 검색 엔진으로부터 해당 분야의 전문 정보 사이트로 인식됩니다.</li>
            <li><strong>검색 유입 범위의 극대화:</strong> 잘 설계된 하나의 기둥 콘텐츠(Pillar Content)는 수십, 수백 개의 롱테일 키워드 검색 결과에 동시에 노출되는 성과를 거둘 수 있습니다. 캠페인 링크 추적 매개변수를 정리할 때는 <a href="https://voviethoang.com/ko/tool/utm-campaign-url-builder">UTM 캠페인 URL 빌더</a>를 활용해 체계적인 트래픽 수집 환경을 구축할 수 있습니다.</li>
            <li><strong>내부 링크 구조의 최적화:</strong> 핵심 상위 페이지와 하위 지원 콘텐츠 간의 논리적 연결 구조를 명확히 설계하여 크롤링 효율을 높입니다.</li>
        </ul>

<h2 id="instructions">키워드 클러스터링 도구 활용 방법</h2>
        <p>수집된 검색 키워드를 효과적으로 분류하기 위해 아래 단계를 진행하세요:</p>
        <ul>
            <li><strong>1단계: 키워드 데이터 수집:</strong> 키워드 리서치 도구나 검색어 자동완성 기능을 통해 타겟 키워드 리스트를 준비합니다.</li>
            <li><strong>2단계: 키워드 입력:</strong> 위 입력창에 분석할 키워드 목록을 한 줄에 하나씩 붙여넣습니다. 보안성이 필요한 계정 정보를 테스트 데이터에 사용할 경우 <a href="https://voviethoang.com/ko/tool/secure-random-password-generator">무작위 비밀번호 생성기</a>로 보안성을 유지하세요.</li>
            <li><strong>3단계: 자동 클러스터링 실행:</strong> "자동 클러스터링 실행" 버튼을 클릭합니다. 클라이언트 측 알고리즘이 단어의 형태소와 의미적 연관성을 분석합니다.</li>
            <li><strong>4단계: 그룹별 카드 확인:</strong> 생성된 토픽 클러스터 카드를 통해 주제별로 묶인 키워드 그룹을 시각적으로 확인합니다. 시스템 데이터베이스 포맷 변환 작업 시에는 <a href="https://voviethoang.com/ko/tool/sql-date-converter-online">SQL 날짜 변환기 온라인</a>을 활용할 수 있습니다.</li>
            <li><strong>5단계: 콘텐츠 구조 적용:</strong> 각 클러스터를 바탕으로 개별 웹페이지의 주제와 개요를 구성합니다. 웹용 테이블 자료를 정리할 때는 <a href="https://voviethoang.com/ko/tool/excel-to-markdown-converter">엑셀 마크다운 변환기 온라인</a>을 통해 신속하게 포맷팅할 수 있습니다.</li>
        </ul>

<h3>클라이언트 단 어휘 유사도 알고리즘의 동작 원리</h3>
        <p>웹 브라우저 내부에서 작동하는 알고리즘은 사용자의 프라이버시를 보호하면서도 신속하게 그룹화를 수행합니다:</p>
        <ol>
            <li>
                <strong>토큰화 및 정제:</strong> 문장을 개별 어휘 단위로 분할하고 분석 효율을 저해하는 불용어를 제거합니다.
            </li>
            <li>
                <strong>시드(Seed) 어휘 추출:</strong> 전체 키워드 세트에서 가장 출현 빈도가 높고 핵심적인 단어를 그룹의 중심축으로 선정합니다.
            </li>
            <li>
                <strong>유사도 점수 계산:</strong> 잔여 키워드들과 시드 어휘 간의 공통 단어 중복도를 비교하여 설정된 기준 점수 이상일 경우 해당 주제 카테고리에 할당합니다.
            </li>
            <li>
                <strong>잔여 항목 정리:</strong> 독립성이 강한 단어들은 별도의 개별 카테고리로 유지하여 불필요한 오분류를 방지합니다. 프론트엔드 색상 스타일을 조정할 때는 <a href="https://voviethoang.com/ko/tool/cmyk-to-rgb-converter-online">CMYK RGB 변환기 온라인</a>을 사용하는 것도 유용합니다.
            </li>
        </ol>

<h3>실제 활용 예시</h3>
        <p>예를 들어 입력창에 "러닝화 추천", "발볼 넓은 러닝화 추천", "가성비 러닝화", "스마트워치 기능", "가성비 스마트워치 추천"을 입력했다고 가정해 봅시다.</p>
        <p>알고리즘 분석을 거치면 결과는 두 개의 깔끔한 주제 그룹으로 자동 분할됩니다:</p>
        <ul>
            <li><strong>클러스터 1 (러닝화):</strong> 러닝화 추천, 발볼 넓은 러닝화 추천, 가성비 러닝화</li>
            <li><strong>클러스터 2 (스마트워치):</strong> 스마트워치 기능, 가성비 스마트워치 추천</li>
        </ul>
        <p>이를 통해 5개의 산발적인 글을 작성하는 대신, 2개의 완성도 높은 포괄적 가이드 문서를 기획할 수 있습니다. 마크다운 형식의 기획안을 일반 텍스트로 전환할 때는 <a href="https://voviethoang.com/ko/tool/markdown-to-plain-text-converter">마크다운 평문 변환기 Online</a>을 연동하여 작업 효율을 극대화할 수 있습니다.</p>

<h3>관련 시스템 처리 도구</h3>
        <p>데이터 연동 과정에서 구조화된 포맷 전환이 필요하다면 <a href="https://voviethoang.com/ko/tool/xml-to-json-converter-online">XML JSON 변환기 온라인</a>을 이용할 수 있습니다. 각종 IT 및 마케팅 업무에 필요한 유용한 분석 도구들을 병행 활용해 보세요.</p>

<h2 id="related-tools">추천 디지털 데이터 분석 도구</h2>
        <div class="row g-3">
            <div class="col-md-6">
                <a href="https://voviethoang.com/ko/tool/text-to-binary-converter" class="card card-body text-decoration-none shadow-sm border-0 h-100">
                    <div class="fw-bold text-primary"><i class="fas fa-code me-2"></i> 텍스트 이진법 변환기</div>
                    <p class="small text-muted mb-0">일반 문자를 2진수 바이너리 코드 포맷으로 안전하고 빠르게 변환합니다.</p>
                </a>
            </div>
            <div class="col-md-6">
                <a href="https://voviethoang.com/ko/tool/ass-to-srt-converter" class="card card-body text-decoration-none shadow-sm border-0 h-100">
                    <div class="fw-bold text-primary"><i class="fas fa-subtitles me-2"></i> ASS SRT 자막 변환기</div>
                    <p class="small text-muted mb-0">복잡한 ASS 자막 파일 구조를 범용적인 SRT 형식으로 즉시 전환합니다.</p>
                </a>
            </div>
            <div class="col-md-6">
                <a href="https://voviethoang.com/ko/tool/online-date-calculator" class="card card-body text-decoration-none shadow-sm h-100 border-0">
                    <div class="fw-bold text-primary"><i class="fas fa-calendar-alt me-2"></i> 온라인 날짜 계산기</div>
                    <p class="small text-muted mb-0">두 날짜 사이의 일수 계산, D-day 산출 및 날짜 더하기·빼기 기능을 제공합니다.</p>
                </a>
            </div>
            <div class="col-md-6">
                <a href="https://voviethoang.com/ko/tool/utc-to-local-time-converter" class="card card-body text-decoration-none shadow-sm h-100 border-0">
                    <div class="fw-bold text-primary"><i class="fas fa-globe me-2"></i> UTC 현지 시간 변환기</div>
                    <p class="small text-muted mb-0">서버 타임스탬프 및 UTC 표준시를 각 지역의 현지 시각으로 정확히 계산합니다.</p>
                </a>
            </div>
        </div>

<div class="bg-dark text-white p-4 rounded-3 mt-5 shadow-lg border-top border-4 border-warning">
            <h3 class="h5 fw-bold text-warning mb-3"><i class="fas fa-balance-scale me-2"></i>이용약관 및 책임의 한계</h3>
            <div class="small opacity-75">
                <p>본 <strong>온라인 키워드 클러스터링 도구</strong>를 이용하기 전 다음 주의사항을 확인하여 주시기 바랍니다:</p>
                <ul>
                    <li><strong>책임의 한계:</strong> 본 프로그램은 데이터 분석 및 웹 구조화 참고 목적으로 제공됩니다. 개발진 및 Vo Viet Hoang은 본 도구의 분석 결과를 바탕으로 결정된 마케팅 실행, 실제 검색 순위 변동, 트래픽 변화에 대해 법적 보증이나 책임을 지지 않습니다.</li>
                    <li><strong>알고리즘적 특성:</strong> 클러스터링은 문자열 어휘 연관도 규칙에 기반합니다. 모든 검색어의 주관적 검색 의도를 완벽히 대변한다고 보증하지 않으므로, 최종 콘텐츠 구조 설계 시 전문가의 정밀한 검수가 권장됩니다.</li>
                    <li><strong>데이터 보안:</strong> 사용자가 입력한 키워드 데이터는 외부 서버로 전송되거나 저장되지 않으며, 전적으로 이용자의 브라우저 내부에서 실시간 처리되므로 안심하고 이용할 수 있습니다.</li>
                    <li><strong>사용자 준수 사항:</strong> 입력창에 입력하는 키워드 및 데이터 세트에 대한 적법한 활용 권한은 사용자 본인에게 있습니다.</li>
                </ul>
            </div>
        </div>
    </article>
</div>

if (!input) {
        alert("분석할 키워드를 하나 이상 입력해주세요!");
        return;
    }

const keywords = input.split('\
').map(kw => kw.trim()).filter(kw => kw.length > 0);
    if (keywords.length === 0) return;

resultsArea.classList.remove('d-none');
    listContainer.innerHTML = '<div class="col-12 text-center py-5"><span class="spinner-border text-primary"></span><p class="mt-2">키워드 연관도를 분석하여 그룹화 중입니다...</p></div>';

setTimeout(() => {
        let clusters = {};
        let usedKeywords = new Set();

const sortedKws = [...keywords].sort((a, b) => b.length - a.length);

sortedKws.forEach(kw => {
            if (usedKeywords.has(kw)) return;

let foundGroup = false;
            for (let seed in clusters) {
                if (isRelated(kw, seed)) {
                    clusters[seed].push(kw);
                    usedKeywords.add(kw);
                    foundGroup = true;
                    break;
                }
            }

if (!foundGroup) {
                clusters[kw] = [kw];
                usedKeywords.add(kw);
            }
        });

renderClusters(clusters);
    }, 400);
}

function isRelated(kw, seed) {
    const kwWords = new Set(kw.toLowerCase().split(/\s+/));
    const seedWords = seed.toLowerCase().split(/\s+/);
    
    let overlap = 0;
    seedWords.forEach(w => {
        if (kwWords.has(w) && w.length > 1) overlap++;
    });

return overlap >= 2 || (overlap >= 1 && seedWords.length <= 2);
}

function renderClusters(clusters) {
    const listContainer = document.getElementById('cluster-list');
    listContainer.innerHTML = '';

const sortedEntries = Object.entries(clusters).sort((a, b) => b[1].length - a[1].length);

sortedEntries.forEach(([seed, kws]) => {
        if (kws.length < 1) return;

if (!text) return alert("복사할 결과 데이터가 없습니다!");
    navigator.clipboard.writeText(text).then(() => alert("모든 클러스터 데이터가 클립보드에 복사되었습니다!"));
}

function clearAll() {
    document.getElementById('keyword-input').value = '';
    document.getElementById('cluster-list').innerHTML = '';
    document.getElementById('results-area').classList.add('d-none');
}
</script>

<div class="vvh-tool-disclaimer mt-5 pt-4 border-top">
        <div class="alert alert-light border-0 shadow-sm p-4" style="background-color: #f8f9fa; border-radius: 15px;">
            <div class="d-flex align-items-start">
                <div class="flex-shrink-0">
                    <i class="fas fa-balance-scale fa-2x text-secondary opacity-50"></i>
                </div>
                <div class="flex-grow-1 ms-3">
                    <div class="h6 fw-bold text-dark mb-2 text-uppercase" style="font-size: 0.85rem; letter-spacing: 1px;">
                        법적 정보 및 면책 조항
                    </div>
                    <div class="small text-secondary" style="text-align: justify; line-height: 1.6; color: #475569 !important;">
                        <p class="mb-2">본 플랫폼에서 제공하는 모든 온라인 유틸리티 도구는 무상으로 현 상태 그대로 제공됩니다. 당사는 생성된 결과의 절대적인 정확성, 신뢰성 또는 유용성에 대하여 명시적이든 묵시적이든 어떠한 형태의 보증도 하지 않습니다.</p>
                        <p class="mb-2">사용자는 본 도구의 사용으로 인해 발생할 수 있는 모든 위험에 대해 스스로 전적인 책임을 집니다. Vo Viet Hoang 및 개발 팀은 본 도구의 사용으로 발생한 직·간접적 손실에 대해 법적 책임을 지지 않습니다.</p>
                        <p class="mb-0"><strong>개인정보 보호 약속:</strong> 사용자의 프라이버시 보호를 위해, 본 플랫폼은 입력된 텍스트나 데이터를 외부 서버에 수집하거나 백업하지 않습니다. 모든 가공 프로세스는 사용자의 웹 브라우저 메모리 내에서 안전하게 로컬 처리(Client-side)됩니다.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="modal fade" id="utilityModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content border-0 shadow-lg" style="border-radius: 20px;">
                <div class="modal-header border-0 pb-0">
                    <h5 class="modal-title fw-bold" id="utilityModalTitle">유틸리티</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body p-4" id="utilityModalBody"></div>
            </div>
        </div>
    </div>

const heartBtn = document.getElementById('vvh-heart-btn');
        const bookmarkBtn = document.getElementById('vvh-bookmark-btn');

if (heartBtn && hasHearted) { heartBtn.classList.add('active'); heartBtn.querySelector('i').className = 'fa-solid fa-heart'; }
        if (bookmarkBtn && hasBookmarked) { bookmarkBtn.classList.add('active'); bookmarkBtn.querySelector('i').className = 'fa-solid fa-bookmark'; }

// Tự động quét thẻ tiêu đề và dựng Mục lục động (TOC Sidebar) cho trang công cụ tiếng Hàn
        const seoContent = document.querySelector('.seo-content');
        if (seoContent) {
            const headings = seoContent.querySelectorAll('h2, h3');
            if (headings.length > 0) {
                let tocItemsHtml = '';
                headings.forEach((heading, index) => {
                    const id = 'vvh-toc-' + index;
                    heading.setAttribute('id', id);
                    const isSub = heading.tagName === 'H3' ? 'style="padding-left: 15px; font-size: 0.85rem;"' : '';
                    tocItemsHtml += `<li><a href="#${id}" ${isSub}>${heading.innerText}</a></li>`;
                });
                const sidebarHtml = `<div class="vvh-toc-sidebar"><div class="vvh-toc-sidebar-title">목차</div><ul class="vvh-toc-sidebar-list">${tocItemsHtml}</ul></div>`;
                document.body.insertAdjacentHTML('beforeend', sidebarHtml);
                window.addEventListener('scroll', function() {
                    let fromTop = window.scrollY + 150;
                    let current = "";
                    headings.forEach(heading => { if (heading.offsetTop <= fromTop) current = heading.getAttribute("id"); });
                    document.querySelectorAll('.vvh-toc-sidebar-list li').forEach(li => {
                        li.classList.remove('active');
                        if (li.querySelector('a').getAttribute('href') === '#' + current) li.classList.add('active');
                    });
                });
            }
        }
    });

async function handleToolLike(btn, slug) {
        const numSpan = document.getElementById('like-number');
        let current = parseInt(numSpan.innerText);
        let action = btn.classList.contains('active') ? 'unlike' : 'like';
        
        if (action === 'like') {
            btn.classList.add('active'); btn.querySelector('i').className = 'fa-solid fa-thumbs-up me-2';
            numSpan.innerText = current + 1; localStorage.setItem('liked_' + slug, 'true');
        } else {
            btn.classList.remove('active'); btn.querySelector('i').className = 'fa-regular fa-thumbs-up me-2';
            numSpan.innerText = current - 1; localStorage.removeItem('liked_' + slug);
        }
        try { await fetch('https://voviethoang.com/ajax/handle-tool-like.php', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ slug: slug, action: action }) }); } catch (e) {}
    }

const currentLang = "ko";

// Lấy bộ từ điển ngôn ngữ hiện tại, nếu không có thì mặc định lấy Tiếng Anh (en)
        const activeDict = dict[currentLang] || dict['en'];

if (type === 'share') {
            title = activeDict.title;
            const metaDesc = document.querySelector('meta[name="description"]')?.getAttribute('content') || '';
            const shareDesc = metaDesc ? metaDesc : activeDict.defaultDesc;
            
            const fullShareContent = `${pageTitle}\n\n${shareDesc}\n\n👉 Link: ${pageUrl}\n\n${activeDict.hashtags}`;
            const htmlShareContent = `<b>${pageTitle}</b><br><br>${shareDesc}<br><br>👉 Link: <a href="${pageUrl}" target="_blank">${pageUrl}</a><br><br>${activeDict.hashtags}`;
            
            const siteUrl = "https://voviethoang.com";
            const ogImageUrl = currentLang === 'vi' 
                ? `${siteUrl}/tool-image.php?slug=${currentSlug}`
                : `${siteUrl}/lang-tool-image.php?lang=${currentLang}&slug=${currentSlug}`;
                
            const ogInstaUrl = `${siteUrl}/insta-image.php?lang=${currentLang}&slug=${currentSlug}`; // <--- DÒNG NÀY BẮT BUỘC PHẢI CÓ

// Auto-copy ngầm khi vừa mở Modal
            if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(fullShareContent).catch(err => {
                    const el = document.createElement('textarea');
                    el.value = fullShareContent;
                    document.body.appendChild(el); el.select(); document.execCommand('copy'); document.body.removeChild(el);
                });
            } else {
                const el = document.createElement('textarea');
                el.value = fullShareContent;
                document.body.appendChild(el); el.select(); document.execCommand('copy'); document.body.removeChild(el);
            }

const encodedUrl = encodeURIComponent(pageUrl);
            const encodedText = encodeURIComponent(`${pageTitle} - ${shareDesc}`);
            const encodedFull = encodeURIComponent(fullShareContent);
            const encodedImg = encodeURIComponent(ogImageUrl);

// 5. Kiểm tra quyền Admin bằng PHP (Chỉ show YouTube khi đăng nhập)
            const isAdmin = false;
            let youtubeBlock = '';
            if (isAdmin) {
                // Tự động dịch nhãn nút tạo bài viết theo ngôn ngữ đang kích hoạt
                const ytDialogBtnText = currentLang === 'vi' ? "Tạo YT Post" : "Create YT Post";
                
                // Cả hai nút YouTube đều kế thừa cơ chế nạp đè Plain Text sạch vào clipboard khi click
                youtubeBlock = `
                    <div class="col-6 col-sm-4">
                        <a href="https://www.youtube.com/@VoVietHoangSEO/community" target="_blank" rel="nofollow noopener" onclick="navigator.clipboard.writeText(decodeURIComponent('${encodedFull}'));" class="btn btn-sm btn-outline-danger rounded-pill w-100 py-1 text-truncate" style="border-color: #ff0000; color: #ff0000;">
                            <i class="fab fa-youtube me-1"></i> YouTube Post
                        </a>
                    </div>
                    <div class="col-6 col-sm-4">
                        <a href="https://www.youtube.com/channel/UCjA5-MoM5ETq1x59fIOtUJA/posts?show_create_dialog=1" target="_blank" rel="nofollow noopener" onclick="navigator.clipboard.writeText(decodeURIComponent('${encodedFull}'));" class="btn btn-sm btn-outline-danger rounded-pill w-100 py-1 text-truncate" style="border-color: #ff0000; color: #ff0000;">
                            <i class="fab fa-youtube me-1"></i> ${ytDialogBtnText}
                        </a>
                    </div>
                `;
            }

content = `
                <div class="alert alert-success border-0 small py-2 px-3 mb-3" style="border-radius: 10px; font-size: 0.8rem; background-color: #ecfdf5; color: #065f46;">
                    <i class="fas fa-check-circle me-1"></i> ${activeDict.success}
                </div>

<div class="mb-3">
                    <label class="small text-muted fw-bold mb-1">${activeDict.copyLabel}</label>
                    <textarea class="form-control form-control-sm mb-2" id="fullShareText" rows="3" readonly style="font-size: 0.82rem; background-color: #f8f9fa;">${fullShareContent}

${activeDict.imgLabel}

${activeDict.imgLabelInsta}

${activeDict.shareLabel}

Facebook

X (Twitter)

Bluesky

Threads

Instagram

Tumblr

Xing

VKontakte

Flickr

${youtubeBlock}

`; } else if (type === 'embed') { title = activeDict.embedTitle; const code = ``; content = `

${code}

`; } else if (type === 'cite') { title = activeDict.citeTitle; const citation = activeDict.citeCitation; content = `

${citation}

`; } document.getElementById('utilityModalTitle').innerText = title; document.getElementById('utilityModalBody').innerHTML = content; new bootstrap.Modal(document.getElementById('utilityModal')).show(); } function copyValue(id) { const input = document.getElementById(id); input.select(); document.execCommand("copy"); alert("복사되었습니다!"); } function copyRawText(text) { navigator.clipboard.writeText(text).then(() => { alert("인용 정보가 복사되었습니다!"); }); } function handleUserAction(btn, slug, type) { const key = type + '_' + slug; const icon = btn.querySelector('i'); const activeClass = type === 'hearted' ? 'fa-heart' : 'fa-bookmark'; if (!btn.classList.contains('active')) { btn.classList.add('active'); icon.className = 'fa-solid ' + activeClass; localStorage.setItem(key, 'true'); } else { btn.classList.remove('active'); icon.className = 'fa-regular ' + activeClass; localStorage.removeItem(key); } }

온라인 키워드 클러스터링 도구 (Keyword Clustering)

Voviethoang.top

Voviethoangseo.com

Seogenz.top