[원문] http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/ 

현재 홈페이지를 가지고 있는 사람들은 자신만의 모바일 홈페이지를 만들고 싶어 했다.
그래서 아이폰, 안드로이드 폰에 대한 모바일 홈페이지를 만들어 이용했다.
그 뒤 아이패드, 갤럭시 탭과 같은 고 해상도 모바일 기기가 나오고 그 곳에서 기존 모바일 홈페이지를 보니 너무 단순하고 홈페이지에 많은 정보담지 않아 해상도에 맞는 모바일을 새로 만들기도 하는 헛된 수고가 들었다.

그러나 여기에서 문제가 그치지 않을 것이다. 
앞으로 수 많은 다양한 해상도의 모바일 기기가 나올 것인데 거기에 맞게 새로 만들수 없는 것이다.

그래서 나온 방법이 Responsive Web Design 이다.
Responsive Web Design 은 주변 환경에 반응하는 웹 디자인 방법이다.
주변 환경에 반응적이라는 말 중에 주변 환경은 무엇일까?

그것은 바로 화면해상도, 플랫폼, 방향(가로 및 세로) 등의 환경과 사용자의 동작에 반응하는 웹 디자인이다. 

반응적인 웹 디자인은 다음과 같은 사항들로 구성되어 있다.
  • Fluid Grids (유동적인 레이아웃)
  • Fluid Images (유동적인 이미지)
  • CSS media queries
  • 위 3가지를 보완해주는 Scripts

Fluid Grids (유동적인 레이아웃)

[참고] : http://www.alistapart.com/articles/fluidgrids/

레이아웃을 특정 사이즈로 정하지 않고 (max-width, width:100% 로 지정) 상대적으로 변경하여  너비를 변경할 때 마다 유연하게 레이아웃이 변경되도록 구성한다.

특정 IE에서 max-width 등을 지원해주지 않는데 http://code.google.com/p/ie7-js/ 스크립트를 사용하면 지원가능하다.

[데모예제] : http://www.alistapart.com/d/fluidgrids/examples/grid/final.html



Fluid Images (유동적인 레이아웃)




- fluid grids : http://www.alistapart.com/articles/fluidgrids/
- fluid images : http://unstoppablerobotninja.com/entry/fluid-images
이미지에 max-width:100%; 를 주어 레이아웃에 맞게 변경이 된게 한다.
( 익스플로어에서 적용안되는 버전일 경우, 스크립트로 해결 )

--- 참고 스크립트 : http://unstoppablerobotninja.com/demos/resize/imgSizer.js




--- 참고문서
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/ http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/ http://www.smashingmagazine.com/2011/07/22/responsive-web-design-techniques-tools-and-design-strategies/ 
http://www.alistapart.com/articles/responsive-web-design/


 
Posted by hgjung

댓글을 달아 주세요


일정


* 1일차
용산역에서 구례역행 출발(5시간 50분 소요)

* 2일차
성삼재-노고단대피소(휴식)-임걸령-노루목-반야봉-삼도봉(아침)-화개재-토끼봉-명선봉-연하천(점심)-형제봉-벽소령대피소
04:00 성삼재 등산

* 3일차
벽소령대피소-영신봉-세석대피소-촛대봉-삼신봉-연하봉-연화선경-장터목-제석봉-천왕봉-로타리대피소(법계사)-칼바위-법계교-중산리
04:00 등산시작

식수받는곳
노고단, 임걸령, 연하천, 벽소령, 선비샘, 세석, 장터목, 천왕샘



식단

10월 8일 아침 김밥, 커피, 빵
             점심 라면, 햇반
             저녁 햇반, 삼겹살, 쌈장, 오이
10월 9일 아침 누룽지
             점심 라면, 햇반
             저녁 -

준비물
공동(식품) : 삼겹살(1근), 라면(3개), 김치(작은것), 과일(사과,오이,방울토마토 등), 햇반4개,
                 초코파이(4개),   영양갱(2개), 초코바(4개), 사탕(1개), 소주(플락스틱2개)
공동비품 :  비상랜턴용건전지(A3*3), 스프레이, 물티슈, 가글, 알프스가스, 근육통스프레이,
개별공통비품 : 헤드랜턴, 우의, 스틱, 장갑, 스포츠타월, 양말2족, 속옷2벌, 물3~4통, 세면도구, 화장품,
                     썬크림, 지퍼백, 비닐, 신분증(산장확인에필요) 

내가 챙겨야 할 것 : 코펠, 버너, 화장지, 보온물병, 녹차티백(6개), 커피티백(4개), 지도




'사는 이야기' 카테고리의 다른 글

지리산종주 준비  (0) 2011/10/04
LTE  (0) 2011/10/03
메일로 해외 채용공고가 왔습니다.  (0) 2011/06/16
[건강] 오메가3  (0) 2011/02/05
값싼 4박 5일 삿뽀로-오타루 패키지  (0) 2011/01/10
Palm Bluetooth wireless keyboard 3245ww  (0) 2010/10/21
Posted by hgjung

댓글을 달아 주세요

LTE

사는 이야기 2011/10/03 18:48
요즘 통신 3사에서 4세대 스마트폰 홍보에 온 힘을 쏟고 있다.
올해 말에 아이폰 약정이 끝나서 기변을 위해 고려할 점이 뭐가 있나 관심이 가기고 하고 또, IT업계에 있으면서 어느정도 알아야 되겠다는 빌어먹을(?) 의무감에 맘 먹고 정리를 해 본다. 
------------

현재 우리의 이동통신기기는 2세대 또는 3세대 통신을 사용하고 있다. 
지난 2008년 ITU(International Telecommunication Union, 국제 전기통신 연합)에서 정의한 4세대 통신규격으로 저속 이동 시 1Gbps, 고속 이동 시 100Mbps의 속도로 데이터를 전송할 수 있어야 한다.

이 속도는 800MB 동영상을 다운받을 시 6초에서 1분 25초(85초) 정도 걸린다고 하는데 현재 사용하고 있는 3G 통신은 10분이 소요된다고 하니 보다 빠른 통신망이 아닐 수 없다. 

현재 4세대 통신방식으로 LTE / LTE-Advanced 와 와이브로-에볼루션(와이맥스2) 있다.  

LTE의 전송속도는 이론적으로 다운로드 최대 75Mbps, 업로드 최대 37.5Mbps 이다. 기존의 WCDMA HSPA+ 대비 다운로드는 최대 5배, 업로드는 최대 7배 정도가 빠르다. 

통신속도를 보면 4세대 기준치에 낮아 LTE가 4세대 통신규격이 맞나라는 의구심이 들 수 있다.  
실제 LTE나 와이브로는 4세대 통신에 맞지 않는 통신규격이어서 초기에 3.9세대로 불려졌으며 LTE-Advanced, 와이브로-에볼루션이 4세대로 이동통신 규격이라고 했다. 
그런데 2010년 12월 ITU 에서 LTE, 와이브로, 다른 진화한 3G(예: HSPA+) 등도 4G라고 부를 수 있다는 보도자료를 내면서 세대 구분은 할 수 없는 상황이며 각 국의 이동통신사는 이를 '4G'라고 부르고 있다.

LTE는 3G 이동통신 규격 중 유럽식 WCDMA에서 발전한 이동통신 규격이다.
LTE는 전세계적으로 70% 이상 사용하고 있는 WCDMA의 후속 기술이기 때문에 기존 3G 통신망과 연동이 쉽다는 장점이 있다. 
이러한 장점은 4세대 통신을 준비하기 위해 투자 비용을 줄일 수 있고, 서비스 지역을 넓히기에도 용이하다. 
----------


그래서 4G 이동통신 규격으로 SKT와 LG U+는 LTE를,  KT는 이미 예전에 통신망을 설치했었던 와이브로를 가지고 4G시장에 뛰어든 것 같습니다.

그런데 요즘 반쪽짜리 LTE란 말이 돌아 확인해보니 이번에 선보이는 LTE폰은 무선데이터만 LTE 전용망을 사용하고 음성통화는 기존 3G대역을 그대로 사용한다고 합니다. 

또한 이런한 이야기는 음성단과 데이터단 통신이 달라 음성모듈과 데이터 모듈로 따로 구현된 듀얼칩을 사용하여 내년에 나올 싱글칩 LTE폰에 비해 제조단가가 올라간다고 합니다.
 
또 듀얼칩을 사용하게 되면 상대적으로 발열과 배터리 소모량이 늘어나고 폰의 부피가 커져 디스플레이 크기가 4.5인치 이상만 가능하다 합니다. 

아 그리고 이제 막 시작하는 서비스여서 서비스 지역이 SKT는 서울에만, LG U+는 서울, 부산, 광주에만 된다고 합니다. 

이런 저런 얘기를 종합해보면, 한번 사면 2년 동안 노예처럼 발이 묶이는데 이 시점에 4G로 갈아탈 필요성이 다분이 없어지는 것 같습니다. 

아 그리고 관심있어할 분도 있을 같아 4G 통신사별 속도비교를 참고하시면 될 것 같습니다.

통신사 별 통신속도는 LG U+ > KT >= SKT 로 나옵니다. 그런데 설문조사에는 4G에 대해 선호 통신사를 SKT > KT > LG U+ 로 하였고 통신속도가 어느 통신사가 빠를것 같냐는 질문에 SKT > KT > LG U+ 로 나온다고 하였다. 

결국 LG U+는 돌아서버린 고객의 마음을 되돌리기 위해 막대한 비용이 필요할 듯 하네요. 
 

-----------
참고
1.  [IT세상] 4세대 이동통신을 향하여 LTE (Long Term Evolution)
2. 꿈의 LTE폰은 아직 반쪽짜리??
3. 4G 통신사별 속도비교

 

'사는 이야기' 카테고리의 다른 글

지리산종주 준비  (0) 2011/10/04
LTE  (0) 2011/10/03
메일로 해외 채용공고가 왔습니다.  (0) 2011/06/16
[건강] 오메가3  (0) 2011/02/05
값싼 4박 5일 삿뽀로-오타루 패키지  (0) 2011/01/10
Palm Bluetooth wireless keyboard 3245ww  (0) 2010/10/21
Posted by hgjung

댓글을 달아 주세요