-
[Dev]점진적 향상법(Progressive enhancement), 우아한 성능 저하법(graceful degradation)Dev 2018. 2. 6. 14:52
점진적 향상법 (Progressive enhancement), 우아한 성능 저하법(graceful degradation )
1. 점진적 향상법 (Progressive enhancement)
-> 많은 테스트를 통해 말그대로 기능을 점진적으로 향상시키는 것.
-> 기초부터 차곡차곡 쌓아서 발전해 나가는 방법
-> 노력과 시간이 필요하다.
ex ) 웹 페이지를 구성할 때
1. HTML로 마크업을 구성한다.
2. CSS로 스타일을 입힌다.
3. JS로 사용자 경험을 향상 시킨다.
2. 우아한 성능 저하법 (graceful degradation)
-> 최신 기술을 기반 또는 최신 기기에서 동작하는 기능을 만들고 나서, 오래된 기술 또는 오래된 기기에서 동작하게 하기 위해
유사한 기능을 만들어 동작하게 하는 것.
-> 사용자들의 기기를 위해 별도의 버전을 만들어 놓는 것.
-> 하지만 이것은 순전히 개발자 관점에서 작성된 것이다. 그래서 javascript를 모르는 사용자에게는 도움이 되지 못한다.
ex) 사용자의 브라우저가 javascript를 지원하지 않을 때
-> js를 지원하지 않는 기기를 위해 <noscript> 태그를 사용하여 사용자에게 "javascript가 지원되는 브라우저를 사용해 주세요!" 와 같은 알람을 띄워주는 것
'Dev' 카테고리의 다른 글
Typescript에서 Builder Pattern 사용하기 (0) 2021.05.10 [DEV]SPA 알아보기 - Single Page Application (0) 2018.05.18 [방법론] TDD란? (0) 2018.04.20 [JS] Webpack 4 setting 'mode' option (0) 2018.03.15 [WEB] CSS animation vs JS animation (0) 2018.02.06