본문 바로가기

----- IT -----113

jQuery Mobile 1.0.1 released 최근 정식 버젼 이후 첫번째 업데이트가 공개되었습니다. 변경 사항은 다음과 같습니다. 1. 삼성의 bada 플래폼과 Dolphin browser 지원 2. 중국에서 인기 브라우저인 UC browser 지원 삼성 바다도 지원해주다니 jQuery Mobile은 어느 브라우저에서도 동일하게 동작하는 보편화된 프레임워크가 될 것 같습니다. 좀 천천히 업데이트 해도 좋으련만.^^ 2012. 1. 28.
jQuery Mobile 1.0 출시 드뎌 정식 버젼인 1.0 버젼이 출시되었습니다. 처음 선보인지 약 1년 정도의 시간이 지나고 정식으로 출시가 되었네요. 천재들입니다.^^ 1.0 정식버전은 jquery 1.6.4 버젼을 기반으로 사용합니다.(jquery 최신버전인 아직 미지원입니다.) 공식 사이트 링크입니다. 데모 및 문서 : http://jquerymobile.com/demos/1.0/ 시작 가이드 : http://jquerymobile.com/demos/1.0/docs/about/getting-started.html 다운로드 : http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.zip Github : https://github.com/jquery/jquery-mobile 2011. 11. 22.
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.