반응형 웹 디자인: 두 판 사이의 차이
내용 삭제됨 내용 추가됨
잔글 봇: 틀 이름 및 스타일 정리 |
편집 요약 없음 |
||
2번째 줄:
'''반응형 웹 디자인'''(responsive web design, RWD)이란 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 [[디스플레이]]의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말한다.
웹사이트를 PC용과 모바일용으로 각각 별개로 제작하지 않고, 하나의 공용 웹사이트를 만들어 다양한 [[디바이스]]에 대응할 수 있다. PC용 [[URL]]과 모바일용 URL이 동일하기 때문에 검색 포털 등 광고를 통한 사용자 접속을 효율적으로 관리할 수 있다. 또한 웹 페이지 내용을 수정할 경우, 하나의 페이지만 수정하면 PC와 모바일 등 다양한 디바이스에서 동일하게 반영된다. 반응형 웹의 핵심 기술은 가변 그리드(fluid grid), 유연한 이미지(flexible images), 미디어 쿼리(media query)이다. 반대말은 디바이스별로 별도의 웹사이트를 제작하는 적응형 웹(adaptive web)이다.<ref>{{뉴스 인용|url=https://brunch.co.kr/@presscat/16|제목=반응형 웹, 어떤 화면이든 최적화되어 더 편리하게|날짜=2017-04-25|뉴스=brunch|언어=ko|확인날짜=2018-07-04}}</ref>
== 역사 ==
| |||