모바일웹 썸네일형 리스트형 [Mobile] userAgent 에이전트를 이용한 모바일 페이지로 자동 이동 일전에 에이전트를 알아볼 수 있는 스크립트를 포스팅한적이 있는데요. "navigator.userAgent" 말이죠. 그렇다면 오늘은 이것을 이용하여 모바일 기기가 접속을 했을 때, 모바일 사이트로 바로 이동하게 하는 것을 해보도록 하겠습니다. 모든 일들이 마찬가지겠지만 이 일을 잘 해결하기 위해서는 일단 필요한 것들과 일의 과정을 정리해보면 되겠는데요. 우선 작업의 과정을 살펴보면, 1. 사이트에 접속한다. 2. 브라우저를 체크한다. 3. 에이전트에 따라서 페이지를 연결한다. 대략 이렇게 세가지 단계에 의해서 일을 처리하면 될텐데요. 그렇다면 2번째의 브라우저를 체크 하는 방법은 에이전트를 검사하는 방법을 사용하면 됩니다. navigator.userAgent 그 다음에 확인된 브라우저에 따라서 페이지를 .. 더보기 [Mobile] 모바일 웹 개발, 화면 확대 방지 viewport 2009년 말 우리나라에도 아이폰이 출시하면서 우리나라의 인터넷 환경도 많이 바뀌게 되었는데요. 비단 아이폰 뿐만아니라 아이본과 더불어 삼성의 옴니아2, 그리고 구글의 새로운 모바일 OS 안드로이드를 탑재한 폰들이 다수 나오게 되면서 2010년 상반기는 인터넷 업계에도 많은 변화가 일어난 것 같습니다. 포털에는 모바일 웹페이지와 모바일폰용 어플리케이션 개발이 당연하게 되었구요. 앞으로는 더 다양한 분야에서, 그리고 다양한 사람들이 모바일 웹페이지를 만들고 사용하게 될것입니다. 그러기 위해선 "접근성"이라는 문제가 대두되게 되는데요. 이전에 이야기하던 장애인에 국한된 접근성이 아니라, 어떤 장애가 있든지 + 어떤 환경에 있든지 정보에 접근할 수 있고 그것을 이용할 수 있어야 할 것입니다. 모바일 웹을 개발.. 더보기 [HTML] DTD DOCTYPE 과 HTML5 HTML 문서의 표준을 지정하기 위해 선언해주어야 하는 DTD DOCTYPE 그것이 무엇일까요? DTD 는 Document Type Definition 문서의 타입을 정의하는 것 입니다. 보통 독타입에는 몇가지가 있는데요. Strict - W3C가 의도했던 문서 타입 (엄격한 규격) Strict 타입은 W3C가 스타일시트 사용을 장려하기 위해 단계적으로 사라질 표현(presentation)에 관한 태그와 속성을 배제한 문서 타입입니다. 제작자는 가능하다면 strict 타입을 사용해야 한다는데요. Transitional - 기존에 만들어진 문서들과의 호환성을 위해서 만들어짐 (과도적인 규격) 과거의 모든 문서들을 Strict DTD에 맞게 바꾸려면 엄청난 변화가 필요하므로 그 중간 단계로 Transitio.. 더보기 이전 1 다음
