한국웹아카데미 홈페이지로 이동

메인메뉴

BOS의 반응형웹

BOS는
모바일기기 반응형웹
기반입니다.

모바일기기 반응형웹은 접속하는 기기가 PC인지 모바일인지 판단하여
모바일기기인 경우에 최적화된 페이지를 보여주는 방식입니다.
모바일기기인 경우 모바일용 결제 모듈을 로딩하는 등의 모바일 기기에 최적화된 동작이 필요 합니다.
또한, 작은 화면 사이즈라는 특성에 맞도록 PC 웹과는 다른 우선 순위 화면 배치, 탭, 레이어등을 활용 할 수 있어야 합니다.
위와 같은 요건이 충족 되면서도 스크린사이즈 반응형웹 처럼 PC와 Mobile 웹 컨텐츠의 URL이 동일하도록 구현한 것이
BOS의 모바일기기 반응형웹 입니다.


모바일기기 반응형웹과 스크린사이즈 반응형웹을 간단히 비교 해 보겠습니다.
장단점이 있으니 꼼꼼히 살펴보시고 결정 하세요.

<<  비교표 >>

모바일기기 반응형웹 & 스크린사이즈 반응형웹

모바일기기 반응형웹스크린사이즈 반응형웹
특징접속하는 기기가 PC인지 Mobile 기기인지 판단하여
Mobile 기기인 경우 모바일에 최적화된 페이지를 보여주는 방식
사용자 디스플레이의 스크린사이즈(해상도)에 따라
실시간으로 반응하여 레이아웃이 자동으로 변환되는 방식
PC와 Mobile 웹 컨텐츠의 URL이 동일PC와 Mobile 웹 컨텐츠의 URL이 동일
장점콘텐츠의 우선 순위, 레이아웃, 디자인 등을
PC와 Mobile 각각 다르게 적용 가능
PC와 Mobile 구분 없이 하나의 페이지만 제작
각 기기별로 최적화된 페이지를 만들기 때문에 가볍고 빠름
단점PC 웹페이지와 Mobile 웹페이지를 구분하여 따로 제작콘텐츠의 구성을 PC와 Mobile 각각 다르게 적용 불가능
모든 가능성을 고려하여 하나의 페이지에 담기 때문에
사이트가 무겁고 느림
대표적인 예네이버(naver.com)
다음(daum.net)
유튜브(youtube.com)
마이크로소프트(microsoft.com)
자, 이제 이해하셨다면 여러분의 목적에 맞는 반응형웹을 선택하시면 됩니다.
BOS는 모바일기기 반응형웹 입니다.