모바일 대응 -2) 대응 방법 이해하기

이전 아티클에 이어 모바일 기기 대응 방법의 종류를 더 자세히 알아보고, 각 서비스와 콘텐츠의 특징에 따라 적절한 대응 방법을 결정하기 위한 기준을 제시합니다. 모바일 대응을 하지 않은 웹 페이지는 모든 기기에서 동일한 URL과 콘텐츠를 보여주지만, 화면 크기에 맞춰 스크롤해야 하는 불편함이 있습니다.

반응형 디자인은 동일한 URL과 HTML 코드를 사용하면서 기기별 다른 CSS로 렌더링하여 콘텐츠 일관성을 유지하기 쉽습니다. 삼성닷컴 사례처럼 너비에 따라 UI가 변경됩니다.

리다이렉트로 분리되는 웹 페이지는 기기에 따라 다른 URL로 이동시키며, 여러 URL과 HTML을 관리해야 하는 단점이 있지만, 각 기기 환경에 맞는 기능이나 경험을 제공할 수 있다는 장점이 있습니다. 오늘유머 사례처럼 URL이 변경되는 경우입니다.