본문 바로가기

----- IT -----111

jQuery Mobile 1.0RC3 Released 정말 최종 버젼이 될 RC3이 발표되었습니다. 이번달 내에 정식 버젼이 나올 기세입니다.^^ 이번에 개선된 최대 이슈는 성능입니다. 1.0버젼에서 핵심이 될 성능 개선은 page rendering 속도입니다. 그외의 터치 이벤트와 페이지 전환등의 성능 개선은 1.1버젼에서 고려할 예정이라고 합니다. 이번 RC3에서는 RC2보다 페이지 랜더링 속도가 약 30~50% 개선이 되었다고 소개하고 있습니다. 보다 복잡한 위젯이 포함되어 있는 페이지에서는 약 2.5배의 속도차이가 난다고 합니다. 페이지가 복잡해 질수록 더욱 개선된 랜더링 속도를 느낄 수 있다고 합니다. jQuery core 1.6.4 이번에 출시될 1.0버젼에서는 jquery core 1.6.4버전을 지원하게 될 것이고, 1.7버전은 JQM 1.1.. 2011. 11. 15.
jQuery Mobile 1.0RC2 Released 마지막 RC 버젼이 지난주에 출시되었습니다. 이제 몇 주 후면 정식 버젼을 볼수 있을 것 같습니다. 주요 변경사항 1. HTML5의 새로운 input type 향상 input 태그의 time, date, month, week, datatime, datetime-local, color 타입에 대한 스타일 지원이 추가되었습니다. 브라우저에 따라 다르게 보여지며, 새로운 버젼의 크롬과 사파리에서는 spinner control로 보여지고, IOS5에서는 slick picker control의 형태로 보여집니다. 2. 새로운 helper class 새로운 .ui-hidden-accessible class가 추가되었습니다. 일반 스크린에서는 숨겨지고, 스크린 리더와 검색 엔진에게는 보여지는 요소에 추가할 수 있습니.. 2011. 10. 24.
jQuery Mobile 1.0 RC1 Released jQuery Mobile이 드디어 rc1 버젼이 나왔습니다. 앞으로 몇가지의 후보군들을 빠르게 출시하고 몇주 후에 정식 1.0버젼을 출시할 계획이라고 합니다. 이번에 변경된 내용을 간단하게 살펴보겠습니다. 1. Collapsibles의 디자인 개선 접기 요소와 아코디언 위젯의 비쥬얼 디자인이 개선되었습니다. data-content-theme 속성을 추가해 테마를 적용할 수 있게 되었습니다. 펼쳐진 내용에는 테두리가 적용되고 배경색상을 적용할 수 있고, 테마도 적용할 수 있게 되었습니다. 2. IOS5 transitions & fixed toolbars 새로나올 IOS5의 페이지 전환과 고정 툴바가 개선되었습니다. 정식으로 IOS5가 출시될때까지 기다리기 위해 디폴트 속성에서 제외시켰다고 합니다. 또, 복.. 2011. 10. 2.
jQuery Mobile Beta 3 released 어제 베타3 버젼이 나왔습니다. 위에 글에 의하면 이번버젼이 베타버젼의 마지막 릴리즈라고 합니다. 다음달쯤에는 RC1 버젼을 계획하고 있다고 하네요. 이제 정식 런칭할 시기가 얼마 남지 않은 것 같습니다. 멋지게 변모하길 기대하면서~^^ 이번에 변경된 내용을 간단하게 살펴 보겠습니다. 1. pushState : ajax기반의 깔끔한 url 그동안 페이지 이동시 url에 보여지던 해쉬 페이지명이 사라졌습니다. 기술적으로는 history.replacestate() 함수를 이용하여 hashchange-based navigation model에서 pushState 기능을 제공한다고 되어있네요. 이 기능은 기존 브라우저들 뿐만아니라 안드로이드 허니콤과 곧 출시될 ISO5의 브라우저에서도 지원된다고 합니다. 이 기.. 2011. 9. 9.
Appspresso(앱스프레소) - curl (Url 통신) Url 기반의 통신 기능을 제공하는 예제입니다. Ajax 통신과 비슷하면서 json기반의 요청, 응답을 처리할 수 있습니다. index.html부터 살펴보겠습니다. 5번째 항목의 링크를 따라가 보겠습니다. 요청 url과 전송하려는 text 구문을 입력 받습니다. 요청 버튼을 클릭하면 curlDemo()함수를 호출하는군요. js/extapi-curl.js 를 열어보면 해당 함수가 정의되어 있습니다. 옵션 객체를 선언하여 요청할 데이터를 셋팅하고, 콜백함수와 함께 인수로 사용됩니다. ax.ext.net.curl API를 이용하여 외부 url로 요청을 하고 그 걸과 객체를 받아옵니다. 서버에서 응답을 json객체로 넘겨주면 json 파서를 이용해서 사용하는 것도 가능합니다. 시뮬레이터에서 실행시킨 아이폰의 화.. 2011. 9. 3.
Appspresso(앱스프레소) - Upload (파일 업로드) 이번에는 단말기에 파일을 서버로 업로드 하는 예제입니다. 앞에서 다운받은 이미지 파일을 서버로 업로드 해보겠습니다. 처음 index.html 입니다. 세번째 항목인 업로드 링크를 따라가 보겠습니다. 파일을 업로드할 서버 url과 업로드할 대상 파일을 셋팅합니다...셋팅되어 있네요.^^ 업로드 버튼을 클릭하게 되면 uploadFile() 함수를 호출하는군요. js/extapi-upload.js 파일을 열어보면, 해당 함수가 정의되어 있습니다. url과 file을 선언하고, 간단하게 ax.ext.net.upload API를 이용하여 업로드가 가능하군요. 시뮬레이터에서 실행한 아이폰 화면을 보겠습니다. 2011. 9. 2.
Appspresso(앱스프레소) - Download (파일 다운로드) 외부 파일을 다운로드 하는 예제를 살펴 보겠습니다. 이미지 파일을 하나 다운받아서 저장하고 파일을 미리보기가 가능합니다. 최초 시작인 index.html 부터 보겠습니다. 세번째 항목인 다운로드 링크를 따라갑니다. 파일을 다운로드 할 경로와 저장할 경로를 설정하는 화면입니다. 다운로드 버튼을 클릭하면 downloadFile()함수를 호출하게 되는 군요. js/extapi-download.js 를 열어보면 다운로드 함수가 정의되어 있습니다. ax.ext.net.download API를 이용하여 url의 파일을 다운로드하고, 콜백 함수를 호출합니다. 귀엽게도 슬라이더를 이용해서 다운로드 상태를 표시해 주도록 구현되어 있네요. 파일 폴더 열기 버튼을 클릭하면 아래 함수가 호출되면서, 페이지 이동과 동시에 do.. 2011. 9. 1.
Appspresso(앱스프레소) - Cross Domain Ajax (크로스 도메인 Ajax) 외부 도메인와 Ajax 통신하는 예제입니다. 날코딩으로 이를 구현하려면 많은 내공이 필요한데, 아주 간단하게 사용할 수 있도록 기능을 지원해주고 있습니다. 최초 index.html부터 살펴보겠습니다. 예제 항목중에 마지막 이네요. 링크를 따라가 보겠습니다. 여러 리스트 항목중에서 첫번째 항목의 예제를 보겠습니다. 세가지 navbar로 구성되어 있네요. 클릭하면 getRSSFeed함수를 호출하게 되어 있군요. js/extapi-cross-domail.js 를 열어보면 아래와 같이 해당 함수가 정의되어 있습니다. 첫번째 인수로 주어진 url를 통해 ax.ext.net.get API를 호출하여 get방식의 ajax통신을 하고, 콜백함수로 받아온 xml파일을 파싱하고 결과 리스트 항목을 생성하고 있습니다. 또,.. 2011. 8. 31.
Appspresso(앱스프레소) - File explorer (파일 탐색기) 이번에는 파일 탐색기 예제를 살펴 보겠습니다. 파일 제어 기능의 결정판인듯 싶네요.^^ 최초 index.html부터 보겠습니다. 파일시스템 데모의 링크를 따라가 보겠습니다. 첫번째 파일 읽고 쓰기는 앞에서 살펴봤으니, 이번에는 두번째 항목인 explorer 링크를 따라가 보겠습니다. index.js를 보면 페이지 이벤트와 함께 아래 함수가 호출됩니다. 디렉토리를 지정하고 있고, 기본 파라미터를 등록하고 있네요. root디렉토리와 파일 탐색기를 보여줄 target 요소를 지정하고 있습니다. 핵심인 fileExplorer객체를 살펴보겠습니다. js/file-explorer.js를 열어보면 fileExplorer객체가 정의되어 있습니다. this객체의 init함수를 호출하는군요. 아래부분에 정의되어 있는 in.. 2011. 8. 30.
Appspresso(앱스프레소) 1.0 RC 버젼 출시 정식 버젼은 아니지만 RC버젼이 출시되었습니다. 아래는 변경이력입니다. ^^ Appspresso 1.0 RCAppspresso Android Runtime - 관련 feature가 선택되지 않았어도 호출되던 API들을 feature가 선택된 경우에만 호출되도록 수정 - Screw 모듈의 Media 객체에 playSound 함수 추가 - Camera 모듈에서 camera 객체의 startVideoCapture 함수를 호출하면 즉시 성공 콜백 함수가 호출되던 버그를 동영상 녹화가 완료된 후 성공 콜백 함수가 호출되도록 수정 - Camera 모듈의 camera 객체로 동영상 촬영 중 홈 버튼을 누르면 동영상 촬영이 자동으로 중지되도록 수정. 성공 콜백 함수는 앱이 다시 활성화되었을 때 호출됨 - DeviceS.. 2011. 8. 29.

티스토리툴바