'일반적인' 반응형 웹이 하나의 코드로 모든 기기에 반응하는 것이라면,
'서버측 반응형 웹' 이라고 하면, 서버측에 데스크탑용과 모바일용 서버 코드/이미지/스킨 등이 별도로 구성되는 경우일텐데, 실제로 사용해보신 경우는 있으신가요?
사용하는 대상은,
이미지나 미디어 등, 테스크탑과 모바일의 차이가 심한 경우에 많이 적용될테고,
레이아웃 자체를 바꾸는 경우도 많고요..
구현하는 방식도,
대표적으로 sir와 그누보드에서 사용하는 테마나 스킨을 서버쪽에서 통째로 선택하는 방식이 있고,
레이지 로딩(lazy loading)을 이용하여, 모바일용 컨텐츠를 먼저 불러오고 필요하면 더 불러오거나 기존것을 교체하는 방식도 있을테고요..
감지하는 방식은,
UA 문자열 이용하는 경우가 많고 (기기 감지),
예를 들어 그누보드에서는, 아래처럼 체크하죠.
define('G5_MOBILE_AGENT', 'phone|samsung|lgtel|mobile|[^A]skt|nokia|blackberry|android|sony');
preg_match('/'.G5_MOBILE_AGENT.'/i', $_SERVER['HTTP_USER_AGENT']);
modernizr 처럼 js로 브라우져 특성/기능을 감지하는 방법도 있고요..
댓글 1개
게시글 목록
| 번호 | 제목 |
|---|---|
| 301 | |
| 297 | |
| 292 | |
| 291 | |
| 290 | |
| 288 | |
| 284 | |
| 282 |
반응형화
부트스트랩 4 알파
1
|
| 281 |
반응형화
플레스박스_1
|
| 276 |
반응형화
테마 지원 후엔
4
|
| 264 |
반응형화
반응형 디자인
11
|
| 251 |
반응형화
여러분들은 반응형 작업하실 때!
12
|
| 239 | |
| 237 | |
| 234 |
반응형화
의무와 재미 사이
2
|
| 226 |
반응형화
부트스트랩 초보 질문~!
7
|
| 224 |
반응형화
플렉스박스 어렵네요..
1
|
| 223 |
반응형화
[하루한글] 반응형 이미지
|
| 220 |
반응형화
[하루한글] 엘리먼트 쿼리
2
|
| 216 |
반응형화
[하루한글] 웹 컴포넌트
3
|
| 211 | |
| 203 |
반응형화
Polymer에서의 반응형 웹
7
|
| 194 | |
| 190 | |
| 179 | |
| 168 | |
| 157 |
반응형화
부트스트랩 vs 파운데이션
10
|
| 154 |
반응형화
스타일 가이드, 패턴 라이브러리
2
|
| 148 |
반응형화
반응형 웹 in 2015
5
|
| 142 |
반응형화
안녕하세요
5
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기