---
title: 단계적 기능 축소
slug: Glossary/Graceful_degradation
tags:
  - 단계적 기능 축소
  - 우아한 낮춤
translation_of: Glossary/Graceful_degradation
---
<p><strong>단계적 기능 축소</strong>는 최신 브라우저에서 동작하는 웹 사이트 / 응용 프로그램 구축에 주력하는 설계 철학이다. 그러나 오래된 브라우저에서는 비록 좋지 않은 경험이라 할 지라도 필수 콘텐츠와 기능을 여전히 제공한다.</p>

<p>자바스크립트 {{Glossary("Polyfill","폴리필")}}을 이용하면 누락한 기능을 구현할 수 있지만 스타일과 레이아웃 같은 특징으로 대체할 수 있다면 CSS 종속 또는 HTML 폴백을 이용하는 편이 좋다. <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">일반적인 HTML과 CSS 문제 다루기</a>에서 좋은 예제를 찾을 수 있다.</p>

<p>알려지지 않은 다양한 사용자 에이전트가 웹 사이트에 접근할 때 웹 개발자가 최상의 웹 사이트를 개발하도록 집중할 수 있는 유용한 기법이다. {{Glossary("Progressive enhancement", "점진적 향상")}}은 관련이 있지만 다르다. 종종 단계적 기능 축소와 반대인 것처럼 보인다. 실제로 두 접근법은 유효하고 서로를 보완할 수 있다.</p>

<h2 id="더_배우기">더 배우기</h2>

<h3 id="일반_지식">일반 지식</h3>

<ul>
 <li>{{Interwiki("wikipedia", "Graceful degradation")}} on Wikipedia</li>
</ul>

<section id="Quick_links">
<ul>
 <li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a>

  <ul>
   <li>{{Glossary("Graceful degradation")}}</li>
   <li>{{Glossary("Polyfill")}}</li>
   <li>{{Glossary("Progressive enhancement")}}</li>
  </ul>
 </li>
 <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">Handling common HTML and CSS problems</a></li>
 <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection">Implementing feature detection</a></li>
</ul>
</section>