반응형과 적응형 웹 알아보자

반응형 웹 - 웹 페이지의 디자인과 레이아웃이 모든 화면 크기에 자동으로 맞춰 진다
css 미디어 쿼리 (맞춤형 스타일 시트) 사용

• 장점
  1.모든 플랫폼에 일관된 콘텐츠 경험
  2.보편적이지 않은 화면 크기의 새로운 기기에서도 작동 가능
  -단점

1. 각 기기에서 웹 사이트가 렌더링 되는 방식에 대한 통제가 상대적으로 어려움
2. 요소가 잘못된 순서 또는 크기로 재배치 되는 경우 시각적 계층 구조를 방해함
3. 디자인에 대한 더 많은 전문적인 지식이 필요함. 플랫폼 간 테스트 및 디지인 조정을 요함
   4.동적 콘텐츠를 불러오는 데 더 많은 작업이 요구되어 웹사이트 성능이 저하됨

적응형 웹 - 웹 페이지에서 감지된 기기를 기반으로 미리 만들어진 정적 레이아웃을 불러올 수 있음
일반적으로 너비는 320 / 480 / 760 / 960 / 1200 /1600 애플이 가장 일반적인 브레이크 포인트 사용을 위한 맞춤형 디자인에 있어 적응형 디자인을 사용한 좋은 예시이다

-장점
1.각 플래폼 및 상황과 맥락에 맞춰 제공되는 완벽한 맞춤화된 경험
2.원하는 기기에 맞게 최적화된 디자인을 할 수 있는 고성능 작업 수행
3.광고 및 타사의 통합 콘텐츠에 대한 간편한 맞춤화

단점 - 콘텐츠가 모든 기기에서 일관되지 않을 경우 SEO 부정적인 영향을 미침

참고 문헌
https://ko.wix.com/blog/post/responsive-vs-adaptive-design