참고로 이 글을 읽으시는 분들은,
글도 읽으시면 좋습니다. :)
cshop 님이 제게 댓글로 쓰신 글을 우선 그대로 옮깁니다.
아... 사실 저도 현재 지운아빠님하고 매우 비슷한 입장입니다. 아마 내년 2월까지 (예정대로라면 그때 프로젝이 끝나는데...) 저도 몸이 메여 있는 상태구요... 그래서 사실 지운아빠님이 고민하시는 부분들이 남의 일 같지가 않은.....
이런 얘기는 정말 조심스럽지만,... 사실 제 자랑하는 것 같기도 하고....
구글에서 "Safest width and height for ipad" 라고 검색하시면 제 글이 첫페이지에 뜹니다. (3번째로 뜹니다.)
http://hackya.com/blog/safest-width-and-height-for-ipad/
그래서 지금도 여러 웹디자이너들로 부터 질문도 많이 받기도 하는데, 가장 많은 질문이 현재 지운아빠님 처럼 기존에 사이트를 어떻게 반응형으로 탈바꿈 하느냐에 대한 질문입니다.
sir.co.kr 을 반응형으로 바꾸시는 작업을 하셔야 하는 것 같던데, 만약 제가 지운아빠님이라면 저는 이렇게 작업을 하겠습니다.
지극히 제 개인적인 생각이니 그냥 이런 의견도 있구나 하고 참고만 해주셨으면 하는 바람입니다.
/////////////////////////////////
viewport tag 을 메타에 declare 하신다면 (물론 당연히 하셔야 겠죠) 결국 아이패드에서는 페이지의 넓이를 768px 까지만 줄여주면 되는 문제입니다.
현재 sir.co.kr 의 메인 div 넓이가 970px 네요. 970px 에서 768px 까지 반응형으로 만드시는 문제는 어렵지 않으실 겁니다.
그냥 단순하게 페이지의 왼쪽 두 파트는 놔두시고, 가장 오른쪽 좁은 (검색어 가 있는 부분) 만 재배열을 하셔도 아이패드는 쉽게 대응을 하실수가 있죠.
문제는 970px 에서 스마트 폰의 가장 좁은 넓이인 320px 까지 어떻게 줄이느냐, 이게 관건이실 겁니다.
정말 이문제로 기존 사이트를 반응형으로 탈바꿈해야 하는 입장에 놓인 웹디자이너들이 고심을 많이 합니다.
지운아빠님 + 전진님 vs. 저, 이렇게 서로 몇년째 동의하지 못하는 부분이 RESS 에 관한 부분이죠. 네. RESS 는 분명히 순수한 반응형은 아닙니다.
하지만 이렇게 기존의 사이트 수정시 매우 유용하게 써먹을 수 있는 기법입니다.
header 와 footer 를 모바일 resolution 에 맞는 형태로 다시 별개/별도로 새로 짜시고, main 부분 역시 스마트 폰에 최적화된 형태의 css 로 다시 모습을 갖춘 상태로 불러오시면,
1. 스마트폰에서 로딩속도 향상
2. 스마트폰에 최적화 된 레이아웃
의 benefit (잇점) 이 생기십니다.
더구나 970px 를 320px 까지 줄여야 하는 "골아픔" 에서 벗어나실 수 있습니다.
기존 레이아웃을 970px 에서 768px 까지만 줄이시고, 또 별도로 320px 에서 대략 600px 까지 대응하는 asset 들을 만드시는게한번에 970px 에서 320px 까지 커버하는 걸 만드시는 것 보다 훨씬더 결과물이 좋게 나옵니다.
성능면이나 디자인 모두 이 방식이 더 유리합니다. 시간 절약도 많이 되구요.
구글이 바로 이렇게 하고 있습니다.
https://news.google.com/
구글이 이렇게 하니까 무조건 이게 옳다, 이 얘기는 절대 아닙니다. 단지 저의 경험상 수차례 작업을 해보니, 이 반응형 + RESS 조합이 이런 상황에서 (그러니까 기존 사이트를 반응형으로 만들어야 하는 상황) 가장 ideal 한 해결책이 되었다는 것 입니다.
////////////////////////////////////////////////////////////////////////
* 일을 많이 한다고 일을 잘하는건 아니라 생각합니다. 좋은 해결책을 제시하고, 좋은 결과물을 내놓는게 일을 잘하는 거라 저는 생각합니다.
속는셈 치고, 한번만 RESS + 반응형으로 작업해 보세요. 절대 후회 안하실겁니다. end-user 입장에서 사이트가 순수 반응형인지, RESS + 반응형인지, 무슨 상관입니까? 사이트만 깨지지 않고, 사용하기 편하고 예쁘면 그게 최고 아닐까요?
단언컨데, RESS + 반응형은, 순수 반응형과, 별도 모바일페이지 구축 형식, 이 양쪽의 단점은 모두 버리고 장점만을 살린 최고의 방법이라 저는 생각합니다.
댓글 21개
게시글 목록
| 번호 | 제목 |
|---|---|
| 1184 | |
| 1183 | |
| 1175 | |
| 1162 | |
| 1079 | |
| 1072 | |
| 1053 | |
| 1027 | |
| 1026 | |
| 1020 | |
| 1017 | |
| 1005 | |
| 985 | |
| 973 | |
| 963 | |
| 955 | |
| 950 | |
| 945 | |
| 936 | |
| 932 | |
| 927 | |
| 925 | |
| 923 | |
| 922 | |
| 921 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기