mobile 썸네일형 리스트형 [Mobile] userAgent 에이전트를 이용한 모바일 페이지로 자동 이동 일전에 에이전트를 알아볼 수 있는 스크립트를 포스팅한적이 있는데요. "navigator.userAgent" 말이죠. 그렇다면 오늘은 이것을 이용하여 모바일 기기가 접속을 했을 때, 모바일 사이트로 바로 이동하게 하는 것을 해보도록 하겠습니다. 모든 일들이 마찬가지겠지만 이 일을 잘 해결하기 위해서는 일단 필요한 것들과 일의 과정을 정리해보면 되겠는데요. 우선 작업의 과정을 살펴보면, 1. 사이트에 접속한다. 2. 브라우저를 체크한다. 3. 에이전트에 따라서 페이지를 연결한다. 대략 이렇게 세가지 단계에 의해서 일을 처리하면 될텐데요. 그렇다면 2번째의 브라우저를 체크 하는 방법은 에이전트를 검사하는 방법을 사용하면 됩니다. navigator.userAgent 그 다음에 확인된 브라우저에 따라서 페이지를 .. 더보기 구글의 모바일 전략, 모바일 구글맵 애플이 아이폰으로 모바일 시장을 점점 점령해가는 가운데, 구글은 안드로이드라는 OS로 모바일 시장에 뛰어들었습니다. 물론 구글이므로 무료로 개방하는 정책을 사용하였습니다. 그래서 여러가지 모바일 폰 개발 업체에서 안드로이드 OS를 탑재한 스마트폰을 출시하게 되었습니다. 안드로이드를 탑재한 스마트폰이 점점 시장점유율을 키워나가는 가운데, 구글 웹페이지의 모바일 서비스 또한 더욱 모바일 접속자에게 최적화 되어 점점 변하고 있는 것 같습니다. 우리나라 포털의 모바일 사이트들도 스마트폰 접속자들에게 더 나은 서비스를 제공하도록 조금씩 개편하고 있는데요. 우리나라의 사이트들도 멋지게 변했지만, 구글 모바일 사이트의 변화는 진정 구글의 기술력을 엿볼 수 있었습니다. 우선 오늘은 구글의 역작 구글맵의 모바일 버전에 .. 더보기 [Mobile] 모바일 웹, 아이폰 사파리에서 화면회전시 폰트 확대방지 요즘 아이폰의 보급으로 많은 사람들이 iPhone을 사용하고 있습니다. 그래서 iPhone의 Safari에 최적화된 웹페이지를 많이 제작하고 있는데요. 아이폰 사파리는 모바일 브라우저로 여러가지를 고려하여 개발해야 하는데요. 앞에서 포스팅한 전화번호 링크와 화면 확대되는 부분이외에 화면 확대는 막았어도 텍스트가 자동으로 확대가 되는 것을 볼 수 있습니다. 세로로 딱 맞게 작업했을 경우 가로로 보게 되면 폰트가 확대되어 있는 것을 볼 수 있는데요. 이렇게 되면 어느 환경에서나 잘 보이게 개발하기 힘들겠죠? 그래서 폰트가 확대되는 것을 막아야 합니다. 그림에서 볼 수 있듯이 세로로 잘 맞게 작업한 경우 가로로 봤을 때 두번째의 그림같이 확대가 되게 됩니다. 그래서 원래 생각했던 디자인과 다르게 나오게 될 수.. 더보기 이전 1 다음
