밤하늘의 실제별, 나도 가질 수 있다?!


스타플 모바일 서비스(http://m.starpl.com)는 꽤 오래전부터 있었습니다만,
어제 안드로이드에서 갑자기 새로운 문제점이 발견되었습니다.

기존폰의 자판에 익숙하던 분들이 안드로이드를 쓰면서
Qwerty 자판에 익숙하지 않아 천지인 키보드를 쓰는 경우가 많은데요.



<input type="text" autocapitalize="off" placeholder="닉네임" />

위와 같은 INPUT 입력창에서 천지인 키보드로 한글을 2자 이상을 입력하면
입력창이 웹페이지에서 사라지는 현상을 발견했습니다.
(영문, 숫자입력은 문제 없었습니다.)

autocapitalize와 placeholder 속성을 제거하니 위의 현상은 사라졌습니다.
둘 중 하나라도 들어가있으면 이상현상이 나타났습니다.
autocapitalize, placeholder가 하는 역할은 Safari Reference에 설명이 되어있습니다.

autocapitalize 속성에 대한 설명 :

placeholder 속성에 대한 설명 :

천지인 키보드와 위의 속성에 대한 자세한 내막은 잘 모르겠습니다만
기기에서 이루어지는 한글 입력이 웹페이지에 직접적인 영향을 미칠 수가 있다니 놀랍습니다.

Posted by mkyoon

2010/10/07 13:58 2010/10/07 13:58

Trackback URL : http://mkyoon.com/trackback/136

Leave a comment

아이폰 어플리케이션 - AppConnect

AppConnect
 
제가 다니고 있는 회사 WECON Communications에서
아이폰 어플리케이션 AppConnect를 출시했습니다.
 
단순히 세일하거나 인기있는 app의 목록을 보여주는 것에서 더 나아가
SNS을 통해서 사람들과 정보교환을 목적으로 하고 있습니다.^^
 
AppConnect
 
쏟아지고 있는 app중에서 보석을 잘 찾아내는 친구를 옆에 두었다면
아이폰, 아이팟 쓰는 맛이 제대로 나겠죠^^
 
자세한 설명은 아래 링크에서 확인하세요.
 
AppConnect 개발자 The eye님의 블로그
*MUST HAVE* 아이폰 어플리케이션 - AppConnect
 
AppConnect 공식 홈페이지
AppConnect - Open New world that is Connected by Applications

Posted by mkyoon

2009/05/28 11:19 2009/05/28 11:19

Trackback URL : http://mkyoon.com/trackback/128

Trackbacks List

  1. 아이팟터치 앱커넥트-AppConnect-어플 평가와 선택

    Tracked from iPod Art 2009/06/08 10:54 Delete

    아이팟터치 App 앱커넥트-AppConnect-좋은 App 선택의 지름길 카테고리: 소셜네트워킹-Social Networking- 셀러: Wecon Communications 용량: 0.6 MB 버전: 1.0 가격: 무료(freeware) 사양: 펌웨어 2.2.1 이상의 아이팟터치와 아이폰 애플 아이튠즈 App 스토어 다운로드 appconnect 웹사이트와 응용프로그램 지원페이지 앱커넥트-AppConnect-는 App을 평가하고, 추천하고, 사용자들..

Leave a comment

Professional iPhone and iPod touch Programming: Building Applications for Mobile Safari


1. Introducing the iPhone and iPod touch Development Platform


앞서 소개한 Mobile Safari의 제한과 한계  표에도 나와있듯이
아이폰/아이팟터치의 로컬파일 시스템은 접근 불가능합니다.

따라서 다른 컴퓨터에서 웹페이지를 작업할  수 밖에는 없는데요.
만들어낸 웹페이지를 아이팟터치에서 보려고
매번 수정할 때 마다 웹 호스팅 계정에 FTP로 올려서 본다면 골치아파지겠죠>_<.
이런 경우, 무선공유기를 이용하고 있다면 모든 것은 OK~

PC사용자라면 APM이나 Aptana 등을 설치하여 웹서버를 만들거나,
MAC사용자라면 간단한 클릭 몇 번으로 아이팟터치에서 접근할 수 있는 웹서버를 만들 수 있습니다.

시스템 환경설정 / 인터넷 & 네트워크 - 공유 / 웹 공유 항목에 체크




이렇게 같은 공유기 안에 있는 외부 기기로부터 내 컴퓨터에 접근할 수 있는 주소가 만들어졌습니다.

실제로 아이팟터치로 위의 주소를 들어가보니 다음과 같은 페이지가 열렸습니다.

http://192.168.0.7/


http://192.168.0.7/~mkyoon/



위의 페이지가 실제로 위치하고 있는 곳은 다음과 같습니다.

  • 사용자 컴퓨터의 웹사이트 (http://192.168.0.7/) : /라이브러리/WebServer/Documents
  • 개인 웹 사이트 (http://192.168.0.7/~mkyoon/) : /사용자/맥계정이름(mkyoon)/사이트


테스트로 맥북에 (/사용자/계정이름/사이트) 테스트 페이지를 만들어 보았습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<title>테스트입니다</title>
<link type="text/css" rel="stylesheet" href="lib/iui.css" />
<style type="text/css">
body { font: x-large Applegothic; text-align: center; }
</style>
</head>
<body>
테스트입니다.
</body>
</html>


Posted by mkyoon

2009/05/21 01:20 2009/05/21 01:20
, , , , , ,
Response
No Trackback , No Comment
RSS :
http://mkyoon.com/rss/response/127

Trackback URL : http://mkyoon.com/trackback/127

Leave a comment

Mobile Safari의 제약과 한계

Professional iPhone and iPod touch Programming: Building Applications for Mobile Safari


1. Introducing the iPhone and iPod touch Development Platform


[표] 자원의 제약 (Resource Constraints)


자원(Resource)한계(Limitation)
다운로드 된 텍스트 자원(HTML, CSS, Javascript 파일)10MB
JPEG 이미지128MB (all JPEG images over 2MB are subsampled - decoding the image to 16x fewer pixels)
PNG, GIF, TIFF8MB
움직이는 GIF2MB를 넘지 않을 경우에만 움직임. 넘는 경우 첫 프레임만 보임.
스트리밍되지 않는 미디어 파일10MB
PDF, Word, Excel 문서30MB (넘는 경우 굉장히 느려짐)
자바스크립트 계층과 객체 할당(stack & object allocation)10MB
자바스크립트 실행5초 (최상위 함수의 실행 시간이 5초가 넘어갈 경우 try/catch 에서 catch가 호출됨)
Mobile Safari 새창열림8페이지


[표] 지원되지 않는 기술 (Technologies not Supported by iPhone/iPod touch)


영역(Area)지원되지 않는 기술
웹 기술플래시, 자바 애플릿, SOAP, XSLT, SVG, 기타 플러그인 설치 등
모바일 기술WML
파일 접근로컬 파일 시스템 접근
텍스트 상호작용텍스트 선택, 잘라내기, 복사, 붙여넣기(OS 3.0 에서는 가능)
embedded videoIn-place video (tapping and embedded element will put iPhone/iPod touch into video playback mode)
보안Diffie-Hellman protocol, DSA keys, self-signed certifications, custom x.509 certificates
자바스크립트 이벤트마우스와 키보드에 관련된 몇가지 이벤트
자바스크립트 명령어showModalDialog(), print()
북마크 아이콘.ico 파일
HTMLinput type="file", tool tips
CSSHover 스타일, position: fixed

처음 들어보거나 모르는 기술들이 많네요.
지원되지 않는 마우스와 키보드에 관련된 이벤트는 Chapter 5에서 계속됩니다.


Posted by mkyoon

2009/05/20 23:45 2009/05/20 23:45
, , , , , ,
Response
No Trackback , No Comment
RSS :
http://mkyoon.com/rss/response/126

Trackback URL : http://mkyoon.com/trackback/126

Leave a comment

Mobile Safari의 손가락 동작

Professional iPhone and iPod touch Programming: Building Applications for Mobile Safari


1. Introducing the iPhone and iPod touch Development Platform



1. 손가락 동작 (Finger Gestures)


아이폰/아이팟터치에서 사용할 수 있는 손가락 동작은 다음과 같습니다.

동작결과웹페이지어플리케이션
누르기(Tap)마우스 클릭과 일치합니다. 선택/실행입니다.YesYes
끌기(Drag)화면이 Viewport 안에서 이동됩니다.YesYes
밀어치기(Flick)드래그와 다른 점은 재빠른 '튕김'이라고 해야할까요. 스크롤이 생기는 페이지나 리스트를 빠르게 스크롤합니다.YesYes
두번 누르기(Double-tap)중앙 부분으로 약간 확대합니다. 확대한 후 또 두번 누르면 약간 축소가 됩니다.YesNo
벌리기(Pinch Open)두 손가락으로 벌려주면 그만큼 확대가 됩니다.YesNo
좁히기(Pinch Close)두 손가락으로 좁혀주면 그만큼 축소가 됩니다.YesNo
길게 누르기(Touch and hold)길게 누르면 표 아래 스크린샷과 같은 풍선이나 돋보기 등을 보여줍니다.  웹 페이지에 있는 그림일 경우 저장여부를 체크합니다.
YesNo
두 손가락으로 스크롤(Two-finger scroll)스크롤이 생기는(overflow: auto, scroll) 요소나 IFRAME 안에 있는 내용을 스크롤합니다.YesYes




2. 손가락은 마우스가 아니다.


저자는 위의 정의를
머릿 속에 잘 안들어가더라도 그냥 집어넣으라고(drill into your consciousness) 말하고 있습니다.
위의 손가락 동작(Finger Gestures) 표를 봐서도 알겠지만 마우스 이벤트와는 상당히 다른 점이 많습니다.
hover(마우스 오버) 동작이나 오른쪽 클릭도 불가능하죠.

손가락으론 정교한 마우스의 움직임을 기대하기가 어려운 것도
손가락과 마우스가 다를 수 밖에 없는 이유 중 하나겠지요.
발가락만한 손가락을 가진 사람도 쉽게 이용할 수 있는 인터페이스가 그래서 더욱 중요하겠습니다.


Posted by mkyoon

2009/05/09 14:58 2009/05/09 14:58
, , , , , ,
Response
No Trackback , No Comment
RSS :
http://mkyoon.com/rss/response/125

Trackback URL : http://mkyoon.com/trackback/125

Leave a comment