반응형 웹을 서버사이드언어로 처리한다면??
개념이 맞나 모르겠는데요.
반응형웹에서 미디어쿼리로 화면구성을 안하고 php로 제어가 가능할까요? 그럼 클라이언트가 다운받는건 필요한 코드 뿐이지 않을까요?
그럼 배치를 자유롭게 할 수 있지 않을까 생각하는데...
댓글 6개
13년 전
미디어쿼리를 안 쓰는 것처럼 보여도 스타일시트를 따로 만들게 될테니 쓰나 안쓰나 매한가지라능...
only 서버사이드에서만 처리하는게 더 골아플 거 같다능...
only 서버사이드에서만 처리하는게 더 골아플 거 같다능...
13년 전
css를 생각못했네요... 라고 쓰고 있는데 다시 생각이...깊어지는中....
13년 전
고민만 하지 말고 만들어보시라능... 그것 밖에 답이 없다능...
13년 전
별도의 스타일 시트도 그렇지만, 아마 중요한 것은 서버쪽에서 어떻게 사용기기의 종류와 특성(화면폭 등)을 감지하느냐 일것 같습니다.
나중에 RESS 글에서 정리를 시도해보겠지만, 지금 당장 생각나는 것은,
(user-agent 문자열을 이용하여) 서버쪽에서 감지하는 류와
js 등으로 감지하여 서버쪽에 정보를 보내는 류로 나뉘는 것 같습니다.
근데 이런 서버측 코딩을 하게 되면, 사실 기기 감지해서 모바일 사이트로 보내는, 기존의 방법과 큰 차이가 없어지기는 하겠네요. ^^;
나중에 RESS 글에서 정리를 시도해보겠지만, 지금 당장 생각나는 것은,
(user-agent 문자열을 이용하여) 서버쪽에서 감지하는 류와
js 등으로 감지하여 서버쪽에 정보를 보내는 류로 나뉘는 것 같습니다.
근데 이런 서버측 코딩을 하게 되면, 사실 기기 감지해서 모바일 사이트로 보내는, 기존의 방법과 큰 차이가 없어지기는 하겠네요. ^^;
13년 전
아무래도 해상도라던지 정보를 가져오기 힘들거 같아요
lainfox
13년 전
미디어 쿼리로 구성하지 않는 것이 중점이라면, 익스 낮은 버전에서 responsive 효과를 내고 싶은 것이라면
javascript로 window resize 이벤트 바인딩을 하고
window width 값에 따라 body 등에 클래스를 줘서 처리하는 방법이 있습니다. 미디어 쿼리랑 비슷꼬롬한 ㅎ;;
얼마전 익스플로러에서 responsive 흉내를 내야해서 살짝 만든 녀석 링크합니다.
http://jsfiddle.net/bq8Kb/
javascript로 window resize 이벤트 바인딩을 하고
window width 값에 따라 body 등에 클래스를 줘서 처리하는 방법이 있습니다. 미디어 쿼리랑 비슷꼬롬한 ㅎ;;
얼마전 익스플로러에서 responsive 흉내를 내야해서 살짝 만든 녀석 링크합니다.
http://jsfiddle.net/bq8Kb/
게시글 목록
| 번호 | 제목 |
|---|---|
| 26573 | |
| 7309 | |
| 19780 | |
| 7306 | |
| 28025 | |
| 28020 | |
| 28010 | |
| 7304 | |
| 7302 | |
| 7295 | |
| 7292 | |
| 7287 | |
| 19779 | |
| 7284 | |
| 7279 | |
| 7278 | |
| 28009 | |
| 31753 |
그누보드5
그누보드5 강좌 - 갤러리스킨 만들기
|
| 31752 | |
| 7274 | |
| 31751 | |
| 31750 |
그누보드5
그누보드5 강좌 - 네비게이션적용하기
|
| 31749 |
그누보드5
그누보드5 강좌 - 네비게이션적용하기
|
| 31748 |
그누보드5
그누보드5 강좌 - 스킨적용하기
|
| 30979 | |
| 31747 |
그누보드5
그누보드5 강좌 - 홈페이지만들기 실전#2
|
| 28004 | |
| 31745 |
그누보드5
그누보드5 강좌 - 홈페이지만들기 실전
1
|
| 7267 | |
| 7261 | |
| 31742 |
그누보드5
그누보드강좌 샘플
2
|
| 7256 | |
| 19776 |
node.js
mysql 연결 방법 2가지
2
|
| 24650 | |
| 7252 | |
| 7248 | |
| 28002 | |
| 19772 |
JavaScript
한글로 된 숫자를 아라비아 숫자로 변환
3
|
| 7245 | |
| 19770 | |
| 19769 | |
| 30975 | |
| 7243 | |
| 7236 | |
| 28001 | |
| 27994 | |
| 7233 | |
| 7232 | |
| 19768 |
jQuery
제이쿼리로 이미지 회전 시키기
|
| 19765 |
jQuery
구형 익스에서 HTML5 적용시키기
2
|
| 19763 |
jQuery
특정 레이어 높이 100% 잡는 법
1
|
| 30974 | |
| 7224 | |
| 19761 |
jQuery
모바일 해상도에 맞게 이미지 출력
1
|
| 24645 | |
| 19760 | |
| 19758 |
jQuery
제이쿼리를 이용하여 동영상 재생
1
|
| 19757 | |
| 19754 | |
| 19753 |
jQuery
브라우저 상단에 고정 시키는 제이쿼리 소스
|
| 19752 | |
| 19751 |
PHP
php 에러 출력하기
|
| 7223 | |
| 7216 | |
| 7213 | |
| 31741 |
AngularJS
AngularJS 강좌 9. HTML DOM
|
| 19750 |
jQuery
1원팁] css에 hover효과를 제이쿼리로
|
| 19749 |
JavaScript
1원팁]알고 있음 좋은 자바스크립트 함수
|
| 19748 |
jQuery
제이쿼리 기본 효과 메소드
|
| 31740 |
AngularJS
AngularJS 강좌 8. SQL
|
| 31739 |
AngularJS
AngularJS 강좌 7. Tables
|
| 31738 |
AngularJS
AngularJS 강좌 6. XMLHttpRequest
|
| 7208 | |
| 31737 |
AngularJS
AngularJS 강좌 5. Filters
|
| 30967 | |
| 31736 |
AngularJS
AngularJS 강좌 4. Controllers
|
| 7205 | |
| 30965 |
HTML
팁]모바일에서 전화 걸기
1
|
| 30963 | |
| 19747 | |
| 19746 |
기타
viewport 사용
|
| 19745 | |
| 19744 | |
| 19742 | |
| 7193 | |
| 7191 | |
| 31735 |
AngularJS
AngularJS 강좌 3. Directives
|
| 19741 |
jQuery
무한 스크롤 (이미지 갤러리용)
|
| 19740 |
PHP
[알고리즘] 하노이의 탑
|
| 19739 | |
| 7188 | |
| 27986 | |
| 31734 |
AngularJS
AngularJS 강좌 2. Expressions
|
| 31733 |
AngularJS
AngularJS 강좌 1. Introduction
|
| 31732 |
AngularJS
AngularJS 강좌 0. Home
|
| 7186 | |
| 19738 | |
| 19736 |
JavaScript
[알고리즘] 스택(stack)을 이용한 간단 계산기
1
|
| 7180 | |
| 7165 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기