deptmatch-api / frontend /about.html
maninglearchine's picture
feat: ํฌ๋กค๋Ÿฌ ์ˆ˜๋™ ํŠธ๋ฆฌ๊ฑฐ ์—”๋“œํฌ์ธํŠธ ์ถ”๊ฐ€, about.html ์ˆ˜์ •
ffbd07e
Raw
History Blame Contribute Delete
4.56 kB
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About | ๊ธˆ์œต๊ณต์‹œ ๋ชจ๋‹ˆํ„ฐ๋ง</title>
<link rel="stylesheet" href="style.css" />
<script>
window.ENV_API_BASE = 'https://maninglearchine-deptmatch-api.hf.space/api/v1';
</script>
</head>
<body>
<header class="header">
<div class="header-inner">
<a href="index.html" class="header-logo">๊ธˆ์œต๊ณต์‹œ ๋ชจ๋‹ˆํ„ฐ๋ง</a>
<nav class="header-nav">
<a href="#" class="nav-link">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.894 8.221l-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.447 1.394c-.16.16-.295.295-.605.295l.213-3.053 5.56-5.023c.242-.213-.054-.333-.373-.12L7.88 13.47l-2.96-.924c-.643-.204-.657-.643.136-.953l11.57-4.461c.537-.194 1.006.131.834.95z"/></svg>
Telegram
</a>
<a href="about.html" class="nav-link active">About</a>
</nav>
</div>
</header>
<div class="about-wrap">
<div class="about-container">
<section class="about-section">
<h1 class="about-title">์„œ๋น„์Šค ์†Œ๊ฐœ</h1>
<p class="about-desc">
๊ธˆ์œต์œ„์›ํšŒ, ๊ธˆ์œต๊ฐ๋…์›, ๊ธˆ์œต์ •๋ณด๋ถ„์„์›, ๋ฒ•๋ นํ•ด์„ํฌํ„ธ, ํ•œ๊ตญ์€ํ–‰์˜ ๊ณต์‹œยท๊ณต๊ณ ยท๋ณด๋„์ž๋ฃŒ๋ฅผ
<strong>์ž๋™์œผ๋กœ ์ˆ˜์ง‘</strong>ํ•˜๊ณ , AI ๋ชจ๋ธ์ด ๋ณธ๋ฌธ์„ ๋ถ„์„ํ•˜์—ฌ
<strong>์‚ฌ๋‚ด ๋‹ด๋‹น ๋ถ€์„œ๋ฅผ ์ž๋™์œผ๋กœ ๋งค์นญ</strong>ํ•ฉ๋‹ˆ๋‹ค.
</p>
<p class="about-desc">
๋‹ด๋‹น์ž๋Š” ๋‹จ์ผ ํ™”๋ฉด์—์„œ ๊ด€๋ จ ๊ณต์‹œ๋ฅผ ๋น ๋ฅด๊ฒŒ ํŒŒ์•…ํ•˜๊ณ  ํ›„์† ์กฐ์น˜๋ฅผ ์ทจํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
</p>
</section>
<section class="about-section">
<h2 class="about-subtitle">๋ฐ์ดํ„ฐ ์ˆ˜์ง‘ ์ฃผ๊ธฐ</h2>
<div class="source-status-table">
<div class="status-row header-row">
<span>๊ธฐ๊ด€</span><span>์นดํ…Œ๊ณ ๋ฆฌ</span><span>์ˆ˜์ง‘ ์ฃผ๊ธฐ</span><span>์ƒํƒœ</span>
</div>
<div class="status-row">
<span>๊ธˆ์œต์œ„์›ํšŒ</span>
<span>๋ณด๋„์ž๋ฃŒยท๊ณ ์‹œยท์˜๊ฒฐ๊ฒฐ๊ณผ</span>
<span>๋งค 1์‹œ๊ฐ„</span>
<span class="status-dot active"></span>
</div>
<div class="status-row">
<span>๊ธˆ์œต๊ฐ๋…์›</span>
<span>๋ณด๋„์ž๋ฃŒยท์ œ์žฌ๊ณต์‹œ</span>
<span>๋งค 1์‹œ๊ฐ„</span>
<span class="status-dot active"></span>
</div>
<div class="status-row">
<span>๊ธˆ์œต์ •๋ณด๋ถ„์„์›</span>
<span>๋ณด๋„์ž๋ฃŒยท๊ณ ์‹œ</span>
<span>๋งค 1์‹œ๊ฐ„</span>
<span class="status-dot active"></span>
</div>
<div class="status-row">
<span>๋ฒ•๋ นํ•ด์„ํฌํ„ธ</span>
<span>๋ฒ•๋ นํ•ด์„ยท์˜๊ฒฌ์„œ</span>
<span>๋งค 2์‹œ๊ฐ„</span>
<span class="status-dot active"></span>
</div>
<div class="status-row">
<span>ํ•œ๊ตญ์€ํ–‰</span>
<span>๊ธˆํ†ต์œ„ ์˜๊ฒฐยท๋ณด๋„์ž๋ฃŒ</span>
<span>๋งค 2์‹œ๊ฐ„</span>
<span class="status-dot active"></span>
</div>
</div>
</section>
<section class="about-section">
<h2 class="about-subtitle">๋ถ€์„œ ์ž๋™ ๋งค์นญ ๋ชจ๋ธ</h2>
<p class="about-desc">
BAAI/bge-m3 ๊ธฐ๋ฐ˜ Hybrid Retrieval + Cross-Encoder ์žฌ์ˆœ์œ„ํ™” ํŒŒ์ดํ”„๋ผ์ธ์œผ๋กœ
๊ณต์‹œ ๋ณธ๋ฌธ์„ ๋ถ„์„ํ•˜๊ณ  ๋‹ด๋‹น ๋ถ€์„œ๋ฅผ ์˜ˆ์ธกํ•ฉ๋‹ˆ๋‹ค.
</p>
<div class="about-model-info">
<div class="model-item">
<span class="model-label">์ž„๋ฒ ๋”ฉ ๋ชจ๋ธ</span>
<span class="model-value">BAAI/bge-m3 (์ตœ๋Œ€ 8,192 ํ† ํฐ)</span>
</div>
<div class="model-item">
<span class="model-label">๊ฒ€์ƒ‰ ๋ฐฉ์‹</span>
<span class="model-value">Dense(55%) + TF-IDF(25%) + BM25(20%)</span>
</div>
<div class="model-item">
<span class="model-label">์žฌ์ˆœ์œ„ํ™”</span>
<span class="model-value">BAAI/bge-reranker-v2-m3 Cross-Encoder</span>
</div>
<div class="model-item">
<span class="model-label">์‹ ๋ขฐ๋„ ๊ธฐ์ค€</span>
<span class="model-value">0.7 ์ด์ƒ ์ž๋™๋งค์นญ / 0.4 ๋ฏธ๋งŒ ์ˆ˜๋™๊ฒ€ํ† </span>
</div>
</div>
</section>
<footer class="about-footer">
<p>์ด ์„œ๋น„์Šค๋Š” ๊ณต์‹ ์ฑ„๋„์ด ์•„๋‹™๋‹ˆ๋‹ค. ์›๋ฌธ์€ ๊ฐ ๊ธฐ๊ด€ ๊ณต์‹ ์‚ฌ์ดํŠธ์—์„œ ํ™•์ธํ•˜์„ธ์š”.</p>
</footer>
</div>
</div>
<script src="app.js"></script>
</body>
</html>