본문 바로가기
프로그램/web

반응형 웹이란?

by 게맛쌀 2021. 7. 28.
728x90
반응형

  반응형 웹이란 말 그대로 반응하는 웹을 뜻합니다. 조금 더 구체적으로 설명을 하자면 PC, TV, 내비게이션, 스마트 기기 등 기기마다 또는 환경마다 최적화된 웹사이트를 제공해주는 것을 말합니다. 예를 들어 화면이 작은 기기에서 반응형 웹으로 제작된 사이트에 접속하였을 때는 작은 화면에 최적화된 화면으로 구조를 변경하여 보여주고, 화면이 큰 기기에서 접속하였을 때는 큰 화면에 최적화된 화면으로 구조를  변경하여 보여줍니다.

  즉, 기기의 화면이나 환경에 맞게 자유자재로 변하는 것이 반응형 웹입니다.

 

반응형 웹으로 한 번에 적용 가능한 기기들

 

반응형 웹의 등장 배경

 

  2007, 처음으로 모바일 기기가 세상에 나왔습니다. 많은 사람들은 검색을 비롯한 예약, 주문 등등 온라인으로 이루어졌던 서비스를 언제 어디서든 할 수 있게 되었다는 점에 열광했습니다. 하지만 모바일 기기로 인터넷을 사용하는데 문제가 있었습니다. 바로, 모든 웹사이트들이 모바일 화면 크기로 축소되어 보이기 때문이었습니다.

 

  모바일 기기에 최적화된 웹사이트를 제공하기 위해 모바일 웹이 등장하였지만 곧이어 모바일 기기뿐만 아니라 태블릿 기기와 같은 화면이 큰 기기가 등장함에 따라 모바일 기기처럼 작은 화면에서만 최적화된 웹사이트가 화면이 큰 기기에서는 다시 작게 보이게 되는 문제가 생긴 것입니다.

 

반응형 웹 페이지가 적용된 네이버

  PC 버전의 웹사이트와 모바일 버전의 웹사이트, 이 두 가지 버전의 웹사이트를 만들게 되면 그만큼 비용과 시간, 인력이 배로 투자해야 하는 현실적인 문제도 해결해야 합니다. 이러한 문제점을 전 세계의 개발자들은 다양한 방법을 모색하였고, 20105월 반응형 웹이라는 기술이 등장하였습니다.

 

반응형

'프로그램 > web' 카테고리의 다른 글

뷰포트 (viewport)  (0) 2021.08.04
미디어 쿼리(Media Queries)  (0) 2021.08.02
반응형 웹의 장단점  (0) 2021.07.29
Front-end(프론트엔드)란?  (0) 2021.07.27
web.xml란?  (0) 2021.07.08

댓글