blob: 4c3090087dd8f7a70cde6434d38a7cce3b831df9 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
---
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>
|
