iPhone 썸네일형 리스트형 Belkin AirCast Auto Hands-Free with Bluetooth, 벨킨 블루투스 이전에 쓰던 핸즈프리가 고장이 났다. 그것도 벨킨에서 나온 암이 달려 거치할 수 있는 것이었는데, 충전 단자 부위가 고장이 나서 동작하지 않는다. 그래서 이번에 도전한 것은 블루투스! 뭐 분명히 음질이 떨어지는 문제는 있지만, 그래도 케이블의 불편함과 거치되는 위치의 불편함이 너무 커서 스마트폰의 위치를 좀 더 자유롭게 하고 싶었다. 그래서 블루투스를 위해 준비한 것은 BELKIN AirCast Auto Hands-Free. 블루투스를 이용해서 AUX를 사용하는 것이다. 박스는 저렇게 생겼다. 이전에 암이 달린 거치대와는 사뭇 다르게 아담한 사이즈이다. 측면에 사용할 수 있는 기기들이 써있다. 인터넷에서 찾아 봤던 것 보다 버튼의 사이즈가 작다.왜 엄청 클 것이라고 생각했지?구성품은 버튼, 시거잭, 연장.. 더보기 [Mobile] 모바일웹, Device Orientation (가로보기, 세로보기) 또 정말 오랜만에 쓰게 되는 포스팅입니다. 오늘 할 이야기는 모바일 브라우져에서 CSS를 불러오는 이야기 인데요. 세로로 볼 때랑 가로로 볼 때에 다른 레이아웃을 사용하려면 어떻게 해야할까 하는 이야기 입니다. 모바일 쪽 작업을 하다보면 가로보기와 세로보기의 레이아웃을 다른게 해야할 일이 있을 때도 있습니다. 세세한 width 값을 맞춘다던가, 가로보기를 할 때 넓어진 width 에 무언가를 넣을 경우도 생길 수 있을 것입니다. 이럴때 여러가지로 고민을 하게 되는데, 여러가지 방법들 중에 CSS를 다르게 불러와 보는 것도 하나의 좋은 방법일 수도 있습니다. 위와 같은 방식으로 사용하면 디바이스를 세로로 볼 때는 portrait.css 를 불러오고, 가로로 볼 때는 landscape.css 를 불러오게 됩.. 더보기 [Mobile] iOS 사파리의 배경 이미지 렌더링 버그 (iOS Safari 의 background image rendering Bug) 얼마전입니다. apple 에서 iPad 2 를 내놓았습니다. 이전 버전에 비해 엄청난 혁신은 없지만 전/후면부 카메라와 2배의 성능향상, 9배의 그래픽성능 향상이 있고, 무엇보다 많이 가벼워진 무게가 구매하고픈 욕구를 매우 많이 충족시켜주고 있습니다. 이제 한국에도 4월중에 발표한다고 하는데요. iPad2 를 통해 국내 타블렛 시장도 좀 더 활성화 될 것을 예상하고 있습니다. 그런 측면에서 오늘은 모바일 브라우져의 대명사인 iOS의 사파리에 대해서 이야기 해보도록 하겠습니다. 그 중에서도 모바일 사파리의 배경 이미지 렌더링에 대해서 이야기를 할 것인데요. CSS 스타일을 할 때 CSS - IR 기법을 많이 사용하게 됩니다. (IR:Images Replacement, 배경 이미지의 위치를 조정해서 이미지를.. 더보기 iOS4 드디어 오픈 아. 기다리고 기다리던 iOS4가 드디어 오픈하였습니다. 미국시간으로 6월 21일 오전 10시 (저는 우리네 영업시간인 9시가 되면 오픈할 줄 알았는데, 10시 였습니다.) 한국시간으로는 22일 새벽 2시 에 시작되었습니다. 하지만 저에게는 이상한 일이 있었습니다. 분명히 2시가 넘어서 업데이트를 확인해 보았는데, 업데이트가 아직 시작되지 않았었습니다. 마침 그 때 인터넷 연결을 가지고 테스트를 해보던 중 무선 공유기를 통해 접속하였더니 갑자기 업데이트를 하라고 메시지가 나오는 겁니다. 이거 참 이상한 일이긴 하지만 그래서 다시 유선으로 연결하고 확인해보았더니 다시 안된다고 나오는 것이었습니다. 이것을 어떻게 설명해야할지...... 아무튼 지금은 둘다 되긴 한데 이상하게 공유기 쪽이 속도가 잘 나와서 공.. 더보기 WWDC 2010 내일이면 애플의 WWDC 2010 이 개최됩니다. WWDC는 WorldWide Developers Conference 애플의 세계 개발자 컨퍼런스인데요. 이전의 WWDC에서 아이폰이 발표가 되어서 주목이 되고 있지요. 이번에 열리는 WWDC에도 아이폰에 대한 루머가 거의 지배적인데요. 많은 사람들이 여러가지로 예상을 하고 있으신데 간단히 요약해보자면 차세대 아이폰 OS인 iPhone OS4의 발표와, 차세대 아이폰인 iPhone 4G, (iPhone HD 라고 예상하고 계시는 분들도 많더라고요.) 그리고 맥북의 업그레이드, 모바일미의 무료화 등등등 아무튼 그런 것들이 도마에 올라있습니다. 항상 보안을 철저히하고 그것을 가장 중요하게 생각하는 애플인데, 이번에는 기즈모도를 통한 차세대 아이폰의 프로토타입의.. 더보기 [Mobile] 모바일웹, 아이폰에서 인풋박스 내 마음대로 바꾸기 webkit 기반의 iPhone은 인풋박스를 자기 마음대로 표현하는 경향이 있습니다. 스타일시트로 보더와 색상을 조정해도 마음대로 되지 않는데요, 오늘은 아이폰에서 보여지는 인풋박스를 마음대로 요리하는 방법에 대해 이야기 하겠습니다. 일단 기본적으로 style을 width:200px; height:30px; border:1px solid #00f; 정도만 주었습니다. 일반 PC에서는 스타일을 준대로 잘 나올텐데요. 아이폰의 사파리로 같은 페이지를 보았을 경우에는 이렇게 보이게 됩니다. 흠,,,,, 일단 모서리가 동그랗게 되어있고, 상단에 그림자가 있는데요. 이래가지곤 원하는 디자인을 만들 수 없겠죠? 주면의 디자인과 어울리지 않을 수도 있고요. 그렇다면 이것을 반듯하게 만들어 보겠습니다. 스타일시트에 다.. 더보기 [Mobile] 모바일웹, input type 에 따른 아이폰 키보드의 변화 아이폰으로 인터넷을 하다보면은 여러가지 폼에다가 입력을 해야 할 경우도 많습니다. 아이폰을 사용해보신 분들은 아시겠지만 상황에 따라서 다른 키보드가 뜨는데요. 오늘은 input 박스의 type에 따라 다르게 뜨는 키보드의 모양의 분석해 보겠습니다. 우선 기본적으로 나오는 type=text 일 경우에는 다음과 같은 키보드가 나옵니다. text일 경우에는 기본적인 키보트가 뜹니다. 인풋박스들이 태그에 쌓여있기 때문에 아래에는 "go" 라고 버튼이 뜹니다. 그렇다면 다음에 있는 땡땡땡 부분은 다들 아시다시피 password 부분입니다. 그 곳에 포커스가 가게 되면, 위와 같은 키보드가 돌출하게 되는데, 한가지 다른 점은 처음에 입력하는 값을 대문자로 입력하게 해주는, shift가 안눌려있습니다. 다음은 이메일.. 더보기 [Mobile] 모바일 웹, 아이폰 사파리에서 화면회전시 폰트 확대방지 요즘 아이폰의 보급으로 많은 사람들이 iPhone을 사용하고 있습니다. 그래서 iPhone의 Safari에 최적화된 웹페이지를 많이 제작하고 있는데요. 아이폰 사파리는 모바일 브라우저로 여러가지를 고려하여 개발해야 하는데요. 앞에서 포스팅한 전화번호 링크와 화면 확대되는 부분이외에 화면 확대는 막았어도 텍스트가 자동으로 확대가 되는 것을 볼 수 있습니다. 세로로 딱 맞게 작업했을 경우 가로로 보게 되면 폰트가 확대되어 있는 것을 볼 수 있는데요. 이렇게 되면 어느 환경에서나 잘 보이게 개발하기 힘들겠죠? 그래서 폰트가 확대되는 것을 막아야 합니다. 그림에서 볼 수 있듯이 세로로 잘 맞게 작업한 경우 가로로 봤을 때 두번째의 그림같이 확대가 되게 됩니다. 그래서 원래 생각했던 디자인과 다르게 나오게 될 수.. 더보기 [HTML] DTD DOCTYPE 과 HTML5 HTML 문서의 표준을 지정하기 위해 선언해주어야 하는 DTD DOCTYPE 그것이 무엇일까요? DTD 는 Document Type Definition 문서의 타입을 정의하는 것 입니다. 보통 독타입에는 몇가지가 있는데요. Strict - W3C가 의도했던 문서 타입 (엄격한 규격) Strict 타입은 W3C가 스타일시트 사용을 장려하기 위해 단계적으로 사라질 표현(presentation)에 관한 태그와 속성을 배제한 문서 타입입니다. 제작자는 가능하다면 strict 타입을 사용해야 한다는데요. Transitional - 기존에 만들어진 문서들과의 호환성을 위해서 만들어짐 (과도적인 규격) 과거의 모든 문서들을 Strict DTD에 맞게 바꾸려면 엄청난 변화가 필요하므로 그 중간 단계로 Transitio.. 더보기 이전 1 다음
