반응형웹Responsive Web

반응형웹이란?

"HTML5, CSS3의 미디어 쿼리를 이용하여 데스크탑에만 국한되지 않고 태블릿, 모바일 등 다양한 크기의 해상도에 따라 화면 레이아웃이 동적으로 변환되는 기법입니다."
사용자가 어떠한 기기로 접속해도 고객님의 홈페이지를 보는데에 불편함이 없도록 다양한 디스플레이 종류에 따라 화면의 크기와 구성이 자동으로 최적화되는 반응형웹을 구현해 드리겠습니다.

기존의 웹사이트는 사용자의 모니터 해상도에 따라, 그리고 태블릿이나 모바일기기의 해상도에 따라 페이지가 잘려 보이거나 너무 작은 글씨로 인해 가독성이 떨어지는 등 실상 다양한 디바이스에서 사용하기가 어려운 경우가 많았습니다. 이러한 불편함을 개선하기 위해 반응형웹이라는 기술을 적용하면 사용자의 IT기기 환경에 맞게 맞춤형으로 화면을 출력하는 것이 가능합니다.
이 기술은 스마트기기의 보급이 확산됨에 따라 다양한 기기에 대한 대응이 요구되면서 생겨난 것으로, PC화면과 태블릿PC, 모바일 등 크기가 제 각각인 디바이스 환경을 만날 때마다 여러개의 사이트를 구축할 필요없이 반응형웹 하나만으로 다양한 사용자의 디바이스 환경에 대응할 수 있으므로 유지보수와 관리면에서도 우수한 장점을 가지고 있습니다.

장점

  • 디스플레이 환경에 구애 받지 않는 최적화된 레이아웃으로 접근이 가능합니다.
  • 유지관리가 비교적 편리합니다. (PC용과 모바일용 사이트를 각각 구축하여 운영할 필요가 없습니다.)

단점

  • 제작 단가가 높고, 작업기간이 길어집니다.
  • 미디어 쿼리가 작동하지 않는 구버전의 브라우저에서는 지원되지 않는 경우가 있습니다.