블로그를 실시간 AI 서비스로 변신시키는 TensorFlow.js로 서버 비용 제로!

let model;
try {
model = await use.load();
console.log("✅ AI 모델 로드 완료");
} catch(e) {
console.warn("⚠ AI 모델 로드 실패, 요약 기능은 간단 방식으로 동작");
}

async function generateResponse(text) {
return tf.tidy(() = {
const lowerText = text.toLowerCase();

if (lowerText.includes("질문") || lowerText.includes("궁금") || lowerText.includes("어떻게") || lowerText.includes("오류") || lowerText.includes("문제") || lowerText.includes("안되")) {
const responses = [
" 소중한 피드백/질문 감사합니다. 해당 내용 확인 후 답변 또는 수정 조치하겠습니다.",
"❓ 문의/제안 감사합니다. 내용을 주의 깊게 검토 후 빠른 시간 내에 해결책을 제시해 드리겠습니다."
];
return responses[Math.floor(Math.random() * responses.length)];
}

if (lowerText.includes("필력") || lowerText.includes("흥미로운 주제") || lowerText.includes("도움 많이 됐") || lowerText.includes("너무좋") ) {
const responses = [
" 자세한 피드백에 큰 힘을 얻습니다! 독자님 덕분에 글 쓰는 보람을 느껴요. 자주 찾아주세요!",
" 독자님의 칭찬에 어깨가 들썩이네요! 다음 글도 기대를 저버리지 않도록 노력하겠습니다.",
" 독자님께 도움이 되었다니 정말 기쁩니다! 언제나 유익한 정보를 전달해 드릴게요."
];
return responses[Math.floor(Math.random() * responses.length)];
}

if (lowerText.includes("다녀 갑니다") || lowerText.includes("즐거운 날 되세요") || lowerText.includes("행복한 하루") || lowerText.includes("도움드리고 갈께요")) {
const responses = [
" 귀한 걸음 감사합니다! 독자님도 오늘 행복한 하루 보내세요.",
"✨ 응원 감사합니다! 방문해주신 독자님께도 즐거운 일만 가득하시길 바랍니다.",
" 따뜻한 인사 감사합니다! 다음에 또 좋은 글로 찾아뵙겠습니다."
];
return responses[Math.floor(Math.random() * responses.length)];
}

if (lowerText.includes("감사합니다") || lowerText.includes("잘 보고") || lowerText.includes("잘 읽었습")) {
const responses = [
" 소중한 시간 내어 읽어주셔서 감사합니다. 다음 콘텐츠도 기대해주세요!",
" 공감해주셔서 감사드립니다! 다음 글에서 또 뵙겠습니다.",
" 독자님의 응원 메시지 잘 받았습니다! 항상 좋은 정보로 보답하겠습니다."
];
return responses[Math.floor(Math.random() * responses.length)];
}

const defaultResponses = [
" 소중한 의견 감사합니다. 다음에도 꼭 다시 찾아주세요.",
" 관심을 가져주셔서 감사합니다. 독자님의 의견을 참고하여 다음 글에 반영하겠습니다.",
"✨ 방문해 주셔서 감사합니다! 좋은 하루 되세요."
];
return defaultResponses[Math.floor(Math.random() * defaultResponses.length)];
});
}

let commentProcessing = false;
async function processComments() {
if(commentProcessing) return;
commentProcessing = true;

const container = document.querySelector(".tt-comments-wrap");
if(!container) {
commentProcessing = false;
return;
}

const comments = container.querySelectorAll(".tt_desc");
for(const c of comments) {
if(c.dataset.aiResponded) continue;

try {
const response = await generateResponse(c.innerText);

const div = document.createElement("div");
div.className = "ai-comment-response";
div.style = `
margin-top:6px;
padding:5px 10px;
background:#28a745;
color:#fff;
font-size:13px;
border-radius:6px;
display:inline-block;
`;
div.innerText = "[AI 자동 답변]: " + response;
c.parentElement.appendChild(div);

c.dataset.aiResponded = "true";
} catch(e) {
console.error("AI 답변 생성 오류:", e);
}
}

commentProcessing = false;
}

async function summarizeText(text, topN=3) {
const cleanText = text.replace(/br/g," ").replace(/
/g," ").trim();
const sentences = cleanText.split(/[.?!]/).map(s = s.trim()).filter(s = s.length 5);
if(sentences.length = 1) return cleanText;

return sentences.slice(0, topN).join(". ") + ".";
}

function extractKeywords(text, topN=5) {
const cleanText = text.replace(/br/g," ").replace(/
/g," ").toLowerCase();
const words = cleanText.match(/[가-힣a-zA-Z0-9]+/g) || [];
const freq = {};
words.forEach(w = { if(w.length1) freq[w]=(freq[w]||0)+1; });
const sorted = Object.entries(freq).sort((a,b)=b[1]-a[1]);
return sorted.slice(0,topN).map(e=e[0]);
}

async function processArticle() {
const article = document.querySelector(".tt_article_useless_p_margin.contents_style");
if(!article) return;

const summaryTarget = document.querySelector("#summary-target") || article;
if(!summaryTarget.querySelector(".ai-article-summary")) {
const summary = await summarizeText(article.innerText);
const div = document.createElement("div");
div.className = "ai-article-summary";
div.style = `
margin:12px 0;
padding:10px 14px;
background: rgba(0,0,0,0.7);
color: #fff;
font-size:14px;
border-radius:8px;
`;
div.innerText = summary;
summaryTarget.appendChild(div);
}

const keywordTarget = document.querySelector("#keyword-target") || article;
if(!keywordTarget.querySelector(".ai-article-keywords")) {
const keywords = extractKeywords(article.innerText);
const div = document.createElement("div");
div.className = "ai-article-keywords";
div.style = `
margin:12px 0;
padding:10px 14px;
background: rgba(255,165,0,0.8);
color: #000;
font-size:14px;
border-radius:8px;
`;
div.innerText = " 주요 키워드: " + keywords.join(", ");
keywordTarget.appendChild(div);
}
}

const observer = new MutationObserver(() = {
setTimeout(processComments, 300);
setTimeout(processArticle, 300);
});
observer.observe(document.body, {childList:true, subtree:true});

processComments();
processArticle();