서비스 수준 목표(SLO)는 성공률이나 지연 조건을 충족한 요청의 비율에 대해 기간과 목표를 정한 것입니다. 먼저 사용자 경험을 나타내는 지표(SLI)를 정의해야 합니다.
데모에서는 실제 성공률이 목표선 위아래로 움직입니다. 목표가 지나치게 높거나 측정 방식이 모호하면 운영 판단에 도움이 되지 않습니다.
언제 쓰나
팀이 같은 기준으로 신뢰성을 판단하고 오류 예산을 계산할 때 사용합니다.
서비스 수준 목표
Service level objective
사용자가 체감하는 신뢰성 지표에 목표값과 기간을 정합니다.
···
<div class="demo"><div class="title">SLO TARGET: 99%</div><div class="scene"><div class="plot"><div class="target">99% target</div><div class="actual" id="actual">99.3%</div><div class="dot" id="dot"></div></div></div></div>.demo{width:min(94vw,690px);height:min(88vh,320px);box-sizing:border-box;padding:clamp(9px,2.5vmin,18px);border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--fg);font:600 clamp(12px,2.4vmin,16px)/1.25 var(--font-sans,"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,sans-serif);display:flex;flex-direction:column;gap:clamp(7px,2vmin,14px);overflow:hidden}.title{color:var(--accent);font:700 clamp(12px,2.4vmin,16px)/1.2 var(--font-sans,"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,sans-serif);letter-spacing:.04em}.scene{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.plot{width:90%;height:75%;position:relative;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.target{position:absolute;top:35%;width:100%;border-top:2px dashed var(--accent);padding-top:3px;color:var(--accent)}.actual{position:absolute;right:3px;top:8%;font:700 clamp(18px,5vmin,30px)/1 ui-monospace,monospace}.dot{position:absolute;left:28%;top:18%;width:15px;height:15px;border-radius:50%;background:var(--accent-2);transition:top .6s,background .6s}.plot.below .dot{top:64%;background:var(--accent-3)}let below=false;function tick(){below=!below;document.querySelector(".plot").classList.toggle("below",below);document.getElementById("actual").textContent=below?"98.6%":"99.3%"}setInterval(tick,1400);document.querySelector(".demo").addEventListener("pointerdown",tick)