재순위화

Reranking

빠른 1차 검색 결과를 더 정밀한 기준으로 다시 정렬합니다.

···
html
<div class="scene"><div class="heading">FIRST PASS → RERANK</div><div class="rank"><div id="r-a" class="row">A <span>초기 1위</span></div><div id="r-b" class="row">B <span>초기 2위</span></div><div id="r-c" class="row">C <span>초기 3위</span></div></div><div class="muted" id="rank-note">빠른 검색 순서</div></div>
css
.scene{width:min(94vw,800px);height:min(88vh,326px);padding:clamp(10px,2.7vmin,19px);border:1px solid var(--line);border-radius:13px;background:var(--surface);font:500 clamp(13px,2.4vmin,17px)/1.3 var(--font-sans,sans-serif);position:relative;overflow:hidden}.scene .mono{font-family:ui-monospace,SFMono-Regular,monospace}.scene .muted{color:var(--muted)}.scene .accent{color:var(--accent)}.scene .heading{font-weight:750;color:var(--accent);margin-bottom:clamp(5px,1.6vmin,12px)}.rank{display:flex;flex-direction:column;gap:6px;height:67%}.row{height:30%;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);transition:order .5s,background .5s}.row span{color:var(--muted)}.rank.reranked #r-a{order:3}.rank.reranked #r-b{order:2}.rank.reranked #r-c{order:1;background:color-mix(in srgb,var(--accent) 16%,var(--surface));border-color:var(--accent)}
js
let on=false;function draw(){on=!on;document.querySelector('.rank').classList.toggle('reranked',on);document.getElementById('rank-note').textContent=on?'정밀 점수: C가 1위':'빠른 검색 순서'}draw();setInterval(draw,1600)

재순위화는 검색기가 뽑은 후보 목록에 더 비싼 관련성 평가를 적용하고 순서를 다시 정합니다. 후보를 좁힌 뒤 계산하므로 전체 자료에 정밀 모델을 적용하는 것보다 실용적입니다.

데모는 초기 점수와 재평가 점수가 달라 카드 순서가 바뀌는 모습을 보여줍니다. 비용과 지연이 늘 수 있으니 상위 몇 개를 재평가할지 측정해야 합니다.

언제 쓰나

검색 결과는 나오지만 상위 결과의 관련성이 자주 낮을 때 사용합니다.

페이지로 열기 ↗