반응형웹의 장단점

반응형 웹이란?

반응형웹이란?

 

반응형웹 (Responsive Web)

디스플레이 환경과 크기에 반응하여 웹사이트의 레이아웃과 디자인 등이 유동적으로 변환되는 웹페이지를 반응형웹이라고 합니다. 반응형웹이 등장한것도 8년이상이 흘렀네요.

이제는 스마트폰이 일상의 대부분을 차지하고 있기때문에 모바일에 최적화된 홈페이지가 필요한데,

기존에 사용하던 웹사이트가 모바일에서도 제대로 보이게 하는 것이 반응형웹입니다. 스마트폰이 다양한 사이즈로 계속 나오면서 홈페이지 제작에 있어서 반응형웹은 없어서는 안될 기술이 되었습니다.  

 

기존에 웹, 모바일 두개로 나누어져있던 페이지가 하나의 웹 주소로 모든 스마트 기기에 최적화된 웹페이지를 제공하는 것을 의미합니다.

 

이 반응형웹을 만드는 기술은 CSS3(Cascading Style Sheets3)미디어쿼리, 디스플레이 비율에 기반한 유동형 이미지를 사용 %를 사용합니다. 보통 PC버전, 태블릿버전, 이보다 작은 모바일버전 3단계로 나누어서 제작합니다.

잘하는 곳은 더 디테일하게 나누어서 디자인과 레이아웃을 각 사이즈별로 잘 맞춰주는 곳도 있습니다.

 

반응형웹으로 제작을 하면

기존에 관리하던 두개의 페이지를 하나의 페이지만 관리하면 되기 때문에 유지보수 시간과 비용이 절감됩니다.

그리고 검색엔진SEO노출도 쉬워집니다.

하지만 기존의 두개의 페이지를 하나의 페이지로 구현을 하려다보니 기존 웹소스에 추가적인 소스가 추가되어 사이트가 조금 무거워질 수 도 있으나 요즘은 워낙 인터넷속도가 빠르기 때문에 로딩속도가 느려진다고 하여도 티가 나지 않을 것으로 보여집니다.

 

스마트기기의 발전으로 대세 기술이 되어버린 반응형웹

웹사이트(홈페이지) 제작시 꼭 알아두어야 할 용어이며 기술입니다.