모든 해상도에 반응하여 최적화된 웹사이트
-
반응형웹(Responsive Web)이란 PC 모니터, 태블릿 PC, 모바일(스마트폰) 등 어떠한 새로운 기기에도 해상도에 맞게 반응하는 웹사이트를 말합니다.
현재 웹사이트 제작 분야에서 가장 최신 기술이자 앞으로 대세가 될 전망은 반응형웹입니다.
예전에는 PC 모니터 화면에 해상도를 맞춰 제작하는 것이 일반적이었습니다.
이후, 스마트폰의 등장으로 모바일에서 최적화된 모바일웹을 별도로 만들어 PC 버전과 모바일 버전을 따로 제작하여 각각 관리하였습니다.
그러나 현재는 스마트 기기의 다양화로 인해 스크린 해상도가 기기별로 매우 다양해져 PC와 모바일 두가지 버전만으로는 이러한 다양한 해상도에서 제대로 표현이 되지 않는 경우가 많아졌습니다. -
이러한 문제에 대한 최상의 대응책으로 등장한 것이 반응형웹입니다.
반응형웹은 모든 해상도에서 웹사이트가 반응하여 구현되므로 어떠한 스마트 기기에서 접속하더라도 해상도에 맞게 자동으로 화면을 재구성합니다.
이전처럼 PC, 모바일 버전 각각 따로 관리할 필요 없이 하나의 사이트로 관리가 가능한 점이 반응형웹의 큰 장점입니다.
반응형으로 제작된 웹사이트를 PC에서 접속하였을 때 인터넷 브라우저 창의 크기를 줄이거나 늘리면 하단에 스크롤바가 생기지 않고 화면이 재구성되는 것을 확인할 수 있습니다.
(PC 버전으로만 제작된 웹사이트는 창을 줄이면 하단 스크롤바가 생기며 내용이 잘리게 됩니다.)
홈페이지는 이제 반드시 반응형웹으로 제작하세요!
스마트폰이 출시된 이후 모바일 인터넷 접속률이 매년 꾸준히 증가하여, 통계에 따르면 2017년 전체 인터넷 접속량 중 모바일 접속률이 80%를 돌파하였습니다.
이 중 20, 30, 40대 인구는 90%로 나타났습니다. 지금은 PC보다 훨씬 많은 사람들이 스마트폰으로 인터넷에 접속합니다.
그래서 요즘은 모바일 접속자를 배려한 반응형웹이 완전한 트렌드로 자리잡아 반응형 웹사이트가 꾸준히 늘고 있는 추세입니다.
이제는 반드시 반응형웹으로 홈페이지를 제작하셔야 합니다.
-
PC 버전으로만 제작된 홈페이지를 스마트폰으로 접속한 경우
PC 화면 그대로 스마트폰에 출력되기 때문에 글자가 너무 작아서 잘 보이지 않습니다.
-
반응형웹으로 제작된 홈페이지를 스마트폰으로 접속한 경우
스마트폰 해상도에 최적화되어 출력되기 때문에 가독성이 훨씬 뛰어납니다.