반응형웹/적응형웹

반응형웹

반응형 웹(Responsive Web)은 하나의 화면이 브라우저의 너비나 디바이스에 따라 레이아웃이 유동적으로 변환되는 웹페이지를 말한다.

뷰포트에 따라 그리드 또는 미디어 쿼리를 통해 페이지의 디자인이 변경된다.

장점

모든 플랫폼에서 일관된 콘텐츠를 경험 할 수 있다.
보편적이지 않은 크기의 디바이스에서도 동작한다.

단점

기기별로 렌더링의 통제가 어렵다.
디자인에 대한 복잡도가 증가한다.
동적 컨텐츠를 불러오는데 더 많은 작업이 소요되어 사이트 성능이 하락 할 수 있다.

적응형 웹

적응형 웹(Adaptive Web)은 반응형 웹과 달리 화면의 크기나 디바이스에 따라 동적으로 하나의 화면이 변화하는 것이 아닌, 각 디바이스 마다 별개의 웹페이지를 불러내는 것을 의미한다.

대표적인 사이즈를 지정하고 이외의 경우는 사이즈를 조절한다.

쉽게 접할 수 있는 예로는 naver.com 과 m.naver.com 이 있다.

장점

각 플랫폼별로 맞춤화된 경험을 제공 할 수 있다.
원하는 기기에 맞게 최적화된 디자인과 기능을 제공 할 수 있다.

단점

별도의 사이트를 제작해야 하므로 비용이 많이든다.
유지, 보수가 번거로울 수 있다.
페이지 내용이 일관되지 못해 SEO에 불이익이 있을 수 있다.