[웹개발] 점진적 향상법 vs 우아한 성능 저하법

점진적 향상법과 우아한 성능 저하법은 웹 접근성을 위해 웹을 디자인하는 방식으로 서로 반대되는 개념이다. 점진적 향상법과 우아한 성능 저하법 모두 사용자의 웹 브라우저 종류나 버전에 상관없이 같은 서비스를 이용할 수 있도록 하는 것이 목표다.

 

1. 점진적 향상법 (Progressive Enhancement)

특징

• 레이어를 하나씩 쌓아 올리면서 단순한 것부터 복잡한 것까지 동작하도록 발전시키는 방법
• 많은 테스트를 통해 기능을 점진적으로 향상시키는 것
• 기초부터 차곡차곡 쌓아서 발전해 나가는 방법

장점

• 기존의 구형 디바이스와 브라우저에 대한 문제를 방지할 수 있음
• 추가된 기능을 지원할 때에 최소한 이전 계층들에 대해서는 신뢰 가능

예시

웹 페이지를 구성할 때 HTML, CSS, JavaScript로 레이어를 나누어서 차례대로 구현 (HTML로 구조작성 → CSS로 스타일을 적용 → JS로 동적 행위 적용)

2. 우아한 성능 저하법 (Graceful Degradation)

특징

• 최신 기술을 사용하여 최신 버전의 브라우저와 디바이스에 맞도록 기능을 구현한 후에 오래된 버전의 브라우저와 디바이스에서도 작동되도록 구현하는 기법
• 모든 사람에게 최상의 경험을 제공하는 것이 아니라 최신 버전의 브라우저를 위한 솔루션을 개발하는 것이 목표

 

---

 

📘 참고

• [Dev]점진적 향상법(Progressive enhancement), 우아한 성능 저하법(graceful degradation)
• gotaek.log: 점진적 향상과 우아한 성능 저하