Skip to content

반응형웹 #

Find similar titles

3회 업데이트 됨.

Edit
  • 최초 작성자
    hoohoo
  • 최근 업데이트
    hoohoo

정의 #

반응형 웹(responsive web)이란 하나의 웹사이트에서 HTML5의 “미디어 쿼리”를 이용하여 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹 페이지를 말한다.

Image

특징 #

핵심기술 #

반응형 웹의 핵심 기술은 가변 그리드(fluid grid), 유연한 이미지(flexible images), 미디어 쿼리(media query)이다.

장점 #

  1. 웹사이트를 PC용과 모바일용으로 각각 별개로 제작하지 않고, 하나의 공용 웹사이트를 만들어 다양한 디바이스에 대응할 수 있다.
  2. PC용 URL과 모바일용 URL이 동일하기 때문에 검색 포털 등 광고를 통한 사용자 접속을 효율적으로 관리할 수 있다.
  3. 웹 페이지 내용을 수정할 경우, 하나의 페이지만 수정하면 PC와 모바일 등 다양한 디바이스에서 동일하게 반영된다.

단점 #

  1. IE8 이하에서는 사용이 불가능하다는 점이다
  2. 실제 사용되는 이미지보다 더 큰 이미지를 사용할 수 있다.
  3. 이미지 리사이징은 단말기의 CPU를 보다 더 많이 사용한다.
  4. 실제로 사용하지 않은 자원(이미지, CSS)을 전송 받을 수 있다.
  5. 미디어 쿼리를 지원하지 않는 브라우저의 사용자가 많다 : CSS3의 속성으로 IE8 이하의 버전에서는 사용이 불가능

출처 링크 #

  1. 위키피디아
  2. 올제 TREND/Creative !dea

Incoming Links #

Related Data Sciences #

Suggested Pages #

0.0.1_20240214_1_v81