반응형 디자인은 적응형 디자인과 어떻게 다른가요?

내용 정리

• 반응형 디자인은 하나의 웹사이트나 앱을 모든 디바이스와 화면 크기에 맞게 조정하는 방법입니다. 웹 페이지 내에 존재하는 구성 요소들이 화면 크기에 따라 유연하게 바뀌고, 미디어 쿼리(Media Queries)나 flex, grid property를 사용해서 구현하게 됩니다. 적응형 디자인은 다양한 디바이스 및 화면 크기에 대해 별도의 작업물을 만드는 방법입니다. 사용자의 디바이스나 너비를 감지해서 해당 작업물을 사용자에게 보여주게 됩니다. 네이버나 다음처럼 컨텐츠의 양이 많고 반응형으로 대응하기 어려운 경우 적응형 웹을 구현하게 되고, 각 디바이스마다 최적의 사용자 경험을 제공한다는 장점이 있지만 유지보수의 일관성을 유지하기 어렵습니다.

꼬리 질문

• 혹시 반응형이나 적응형 작업을 해보신 적이 있나요?
• 각각의 장단점이 있다면 뭐가 있을까요?

참고자료

• https://ko.wix.com/blog/post/responsive-vs-adaptive-design