|
|
<!DOCTYPE html> |
|
|
<html lang="ko"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>RAG μ±λ΄ - ν</title> |
|
|
<link rel="stylesheet" href="/static/css/style.css"> |
|
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"> |
|
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
|
|
</head> |
|
|
<body> |
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> |
|
|
<div class="container"> |
|
|
<a class="navbar-brand" href="/"> |
|
|
<i class="fas fa-robot me-2"></i>RAG μ±λ΄ |
|
|
</a> |
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> |
|
|
<span class="navbar-toggler-icon"></span> |
|
|
</button> |
|
|
<div class="collapse navbar-collapse" id="navbarNav"> |
|
|
<ul class="navbar-nav ms-auto"> |
|
|
<li class="nav-item"> |
|
|
<a class="nav-link active" href="/"><i class="fas fa-home me-1"></i>ν</a> |
|
|
</li> |
|
|
<li class="nav-item"> |
|
|
<a class="nav-link" href="/chat"><i class="fas fa-comments me-1"></i>μ±ν
</a> |
|
|
</li> |
|
|
<li class="nav-item"> |
|
|
<a class="nav-link" href="/knowledge"><i class="fas fa-database me-1"></i>μ§μλ² μ΄μ€</a> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
<div class="container mt-5"> |
|
|
<div class="row justify-content-center"> |
|
|
<div class="col-md-8 text-center"> |
|
|
<h1 class="display-4 mb-4">RAG μ±λ΄</h1> |
|
|
<p class="lead mb-5">Retrieval-Augmented Generation κΈ°λ° μ§λ₯ν μ±λ΄ μλΉμ€</p> |
|
|
|
|
|
<div class="row mt-5"> |
|
|
<div class="col-md-4"> |
|
|
<div class="card mb-4 shadow-sm h-100"> |
|
|
<div class="card-body text-center py-4"> |
|
|
<i class="fas fa-comments fa-4x mb-3 text-primary"></i> |
|
|
<h3 class="card-title">ν
μ€νΈ μ±ν
</h3> |
|
|
<p class="card-text">ν
μ€νΈλ‘ μ§λ¬Έμ μ
λ ₯νκ³ μ§μ κΈ°λ° λ΅λ³μ λ°μΌμΈμ.</p> |
|
|
<a href="/chat" class="btn btn-primary mt-2">μ±ν
μμ</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="col-md-4"> |
|
|
<div class="card mb-4 shadow-sm h-100"> |
|
|
<div class="card-body text-center py-4"> |
|
|
<i class="fas fa-microphone fa-4x mb-3 text-danger"></i> |
|
|
<h3 class="card-title">μμ± μ±ν
</h3> |
|
|
<p class="card-text">VITO STTλ₯Ό νμ©ν μμ± μ§λ¬ΈμΌλ‘ λννμΈμ.</p> |
|
|
<a href="/chat" class="btn btn-danger mt-2">μμ± μ±ν
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="col-md-4"> |
|
|
<div class="card mb-4 shadow-sm h-100"> |
|
|
<div class="card-body text-center py-4"> |
|
|
<i class="fas fa-database fa-4x mb-3 text-success"></i> |
|
|
<h3 class="card-title">μ§μλ² μ΄μ€</h3> |
|
|
<p class="card-text">λ¬Έμλ₯Ό μ
λ‘λνμ¬ μ±λ΄μ μ§μμ νμ₯νμΈμ.</p> |
|
|
<a href="/knowledge" class="btn btn-success mt-2">μ§μλ² μ΄μ€ κ΄λ¦¬</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="row mt-5"> |
|
|
<div class="col-md-12"> |
|
|
<div class="card shadow-sm"> |
|
|
<div class="card-body"> |
|
|
<h4 class="mb-3">RAG κΈ°μ μ λνμ¬</h4> |
|
|
<p>RAG(Retrieval-Augmented Generation)λ λκ·λͺ¨ μΈμ΄ λͺ¨λΈ(LLM)μ μΈλΆ μ§μμ μ 곡νμ¬ λ μ ννκ³ μ΅μ μ 보λ₯Ό λ°νμΌλ‘ μλ΅μ μμ±νλ κΈ°μ μ
λλ€.</p> |
|
|
<p>λ³Έ μ±λ΄μ λ¬Έμ κ²μκ³Ό LLM μμ±μ κ²°ν©νμ¬ μ¬μ©μ μ§λ¬Έμ λν λ§₯λ½ κΈ°λ° μλ΅μ μ 곡ν©λλ€.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<footer class="bg-dark text-white text-center py-3 mt-5"> |
|
|
<div class="container"> |
|
|
<p class="mb-0">RAG μ±λ΄ ν΄λΌμ΄μΈνΈ © 2025</p> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script> |
|
|
</body> |
|
|
</html> |
|
|
|
