점진적 향상법, 우아한 성능 저하법

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

- 많은 테스트를 통해 말그대로 기능을 점진적으로 향상시키는 것

- 기초부터 차곡차곡 쌓아서 발전해 나가는 방법

- 노력과 시간이 필요하다

 

ex) 웹 페이지를 구상할 떄

1. HTML로 마크업을 구성한다.

2. CSS로 스타일을 입힌다.

3. JS로 사용자 경험을 향상 시킨다.

 

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

- 최신 기술을 기반 또는 최신 기기에서 동작하는 기능을 만들고 나서, 오래된 기술 또는 오래된 기기에서 동작하게 하기 위해 유사한 기능을 만들어 동작하게 하는 것

- 사용자들의 기기를 위해 별도의 버전을 만들어 놓는 것.

- 하지만 이것은 순전히 개발자 관점에서 작성된 것이다. 그래서 javascript를 모르는 사용자에게는 도움이 되지 못한다.

 

ex) 사용자 브라우저가 javascript를 지원하지 않을 떄

- js를 지원하지 않는 기기를 위해 <noscript>태그를 사용하여 사용자에게 "javascript가 지원되는 브라우저를 사용해 주세요!" 와 같은 알람을 띄워주는 것