리스트에 있어서 우리들이 활용할 수 있는 주요한 이벤트가 click event 입니다. jQuery Mobile 에서는 vclick virtual event 라고 할 수 있죠.

이 메소드는 jQuery 의 bind () method 를 사용해서 어떤 일을 할 수가 있습니다. 예를 들어 리스트 중의 한 아이템을 클릭했을 때 그 아이템 이름을 alert 으로 display 하는 것을 구현해 보겠습니다.

Taking into account the click of a list item

tistory424_01.html

Delete an item from a list

리스트에서 item 을 delete 하는 것은 jQuery 의 remove () method를 사용해서 구현할 수 있습니다. 아래에 해당 아이템을 클릭하면 그 아이템이 delete 되는 소스를 만들어 보겠습니다.

Allow the removal of an element inserted

tistory423_01.html

live () method 로 <li> items 에 대해 이벤트 핸들러를 걸었습니다.  <li> item 을 클릭(vclick) 하게 되면 그 아이템을 remove() 할 겁니다.

link의 click event 와 <li> element 를 잘 보세요. 이것은 jQuery Mobile에서 추천하는 방식입니다.

지난주 금요일의 GMIC 세션은 정말 호황리에 마쳤습니다. 많은 분들이 참여해 주셨어요.. -8000여분이 넘는 사업가,투자가 그리고 개발자분들이 참여해 주셨습니다. 먼저 Corona를 선보였습니다. 코로나로 5분안에 개발하는 시범(데모)을 보여드렸죠.

지난주에 제가 몇가지 쌈박한 새로운 것들에 대해 암시를 드렸었죠. 몇분들은 막 추측을 하셨을 텐데요. 그게 제가 지난주 금요일 선보인 기능들은 아닙니다. 그런도 또 제가 강력히 부인하지도 않을 겁니다. ;-)

제가 말씀 드릴 수 있는 것은 그 쌈박한 새로운것들의 조짐을 보여드릴 수 있는 것들을 지난주에 데모로 잠깐 맛을 보여 드렸었습니다. 저희의 장기 프로젝트 중의 하나가 이 부분을 다뤘었습니다. 그 중에 어떤 core plumbing 은 정말 아주 많은 것들을 accelerate 할 겁니다.

여러분들에게 이 기술이 얼마나 파워풀한지 힝트를 드리자면 우선 GMIC 에서 선보였던 것을 먼저 말씀 드려야겠습니다. 1시간도 안되는 사이에 저는 Corona 안에서 PhoneGap, a.k.a. Apache Cordova 를 사용했습니다.

그리고 20개의 PhoneGap view 들을 만들었고 (a.k.a. CDVCordovaView) 이것을 physics 객체처럼 활용했습니다. (아래 그림을 보세요.) 정말 쌈박하지 않나요?

이 기술을 활용해서 어떤 native view 들도 Corona display object 처럼 사용하는 것이 가능해 집니다. 우리는 이 기능을 곧 모든 Enterprise customer 들에게 공개할 계획입니다. 그리고 SDK 고객분들에게는 이 기술과 다른 기능들을 사용할 수 있는 더 많은 모듈들을 만들 계획을 가지고 있습니다.

* * *

저희들은 또한 다른 추가 기능들을 제공하기 위해 열심히 일하고 있습니다.

예를 들어 내일 나올 daily build (936) 에서는 webview 가 로딩을 끝내면 이를 감지할 수 있는 기능이 추가 됩니다. 이것을 하기 위해 urlRequest’s ‘event.type’ property 에 loaded 를 사용하시면 됩니다.

local function onWebViewEvent(event)
	if "loaded" == event.type then
		print("Finished loading: ", event.url )
	end
end

local webView = native.newWebView( 0, 0, 500, 400 )
webView:addEventListener("urlRequest", onWebViewEvent)
webView:request("http://www.coronalabs.com")

daily build summary page에서 보시면 이 외에 더 많은 새 기능들을 보실 수 있습니다. 저희들은 이 기능들을 앞으로 꾸준히 적용해 나갈 계획입니다.

* * *

다음엔 뭐냐구요?

글쎄요 아주 많이 있는데요. 그중에 하나를 고르라면 아마 많은 분들이 궁금해 하시는 것일 겁니다. 바로 안드로이드에서의 Notification 입니다.

이 기능은 거의 완료 됐습니다. 조만간 안드로이드에서 local notification 이 가능하도록 할 겁니다. (아마 1주일 이내에요.). 안드로이드에서의 Remote push notification은 1,2 주 후에 발표 될 겁니다.

아마 native coding 을 해 보신분들은 아시겠지만 iOS와 Android 의 notification 은 아주 많이 다릅니다.  여러분이 Corona 에서 이 notification을 다룰 때에는 두가지 모두 똑 같은 방법으로 처리하실 수 있습니다. 자세한 사항들은 이 기능들이 발표 될 때 공지 해 드리겠습니다.

인크로스사에서 11월 12일 jQuery Conference 2012 Asia 라는 행사를 진행한답니다.

공식 홈페이지도 있는데요.

http://www.jqueryasia.com/

위 링크 따라 가시면 자세한 사항을 보실 수 있을 겁니다.

참가비가 있는 행사네요. 35만원이요.

좀 부담이 되는 돈일 수 있겠네요.

회사에서 보내 주실 수 있는 분들은 좋은 기회일 겁니다.

개인적으로라도 저 금액을 지불하고 참가하고 싶으신 분들도 계실 수 있겠죠.

인크로스 사에서 홍보 부탁 메일이 와서 아래 그 내용을 포스팅할께요.

관심있는 분들의 참여 바랍니다.

jQuery method들은 리스트에 intem 을 insert 하는 일들을 자주 합니다. 예를 들어 HTML 코드에 의해 정의된 element 들을 insert 하기 위해 append (html) method를 쓰는 경우가 있습니다. 이 메소드를 사용해서 <ul> 나 <ol> element 의 끝에 추가 하게 되는 거죠.

Here we define a <ol> list currently empty. A button Insert at the end of the list allows to insert an element <li> at the end of the <ol> list.

아래 예제에는 빈 <ol> list가 정의 돼 있습니다.  Insert at the end of the list 버튼을 누르면<ol> list 끝에 element <li>를 insert 하겠습니다.

Insert an item at the end of the list

이걸 실행하고 몇번 insert 하면 아래 모양처럼 될 겁니다.

<li> elements가 insert 됐죠. 그런데 이게 jQuery Mobile 스러운 리스트로 표시되지 않네요. 왜냐하면 jQuery Mobile 은 insert 할 때마다 refresh 를 하지 않기 때문이죠. <ul> or <ol> element 상에서 listview ("refresh") method 를 call 해야 됩니다.

아래 구문을 리스트 아이템 insert 한 후에 넣어 보세요. <li> element 가 insert 될 때 자바스크립트가 실행 될 겁니다.

Refresh the list after each element insertion

tistory420_01.html

Ajax에 의해 처리된 리스트를 만들겁니다. 이 리스트는 window content에 마지막 element 로서 추가 될 겁니다.

Retrieve a list by Ajax and insert into the window

action.php file 에는 window 에 넣을 list를 return 하는 server program 이 있습니다.

action.php file

자바스크립트 코드 안에 있는 $("#list").listview () statement를 보세요. 여기서 서버로부터 HTML 코드를 받아 이것을 jQuery Mobile 의 list 로 display 하는 겁니다. 이게 없으면 이 리스트는 jQuery Mobile 의 list를 보여주지 않고 그냥 단순히 HTML list 를 보여주게 됩니다.

이 예제의 결과는 아래 화면과 같을 겁니다.

action419.php

tistory419_01.html

Window에 list 를 생성하기 위해 create event 를 사용하실 수도 있습니다.

Create the list using listview ()

위 코드 부분 아래에 아래 코드를 추가하세요.

Create the list using the create event

만약 create event를 사용하신다면 이 리스트는 서버로부터 반드시 data-role="listview" attribute 를 retrieve 할 겁니다. 그렇지 않으면 jQuery Mobile은 이 HTML element를 jQuery Mobile 리스트로 전환해야 된다는 것을 알지 못합니다.  listview () method 를 사용하시면 이 attribute는 필요가 없게 되는 거죠. 이 메소드가 call 되면 jQuery Mobile list로 transform 해야 된 다는 것을 알려 주는 겁니다. (여기서는 #list1 element 임)

Turning a HTML element into a jQuery Mobile list

이번에 할 작업은 일반적인 HTML에서의 리스트 표시 방법인 <ul> or <ol>를 jQuery Mobile 식으로 display 하도록 바꾸는 작업입니다. <ul> or <ol> element 가 data-role="listview" attribute 를 사용해서 리스트를 표시할 수 있는 것은 이미 알고 계시죠? 우리는 이 attribute를 어떻게 <ul> or <ol> element 에 이 attribute를 적용하는지에 대해 알아 볼겁니다.

아래 예제를 보실텐데요 일단 고전적인 attribute들인 data-role, data-icon, etc 을 모두 제거한 코드를 먼저 보시겠습니다.

A HTML list with no jQuery Mobile conventions

이 리스트는 전형적인 jQuery Mobile window를 포함하고 있습니다. 그런데 <ol> element 가 data-role="listview" attribute를 가지고 있지 않습니다.  이 리스트는 아주 기본적인 형식만 갖췄습니다.

tistory418_01.html

이제 자바스크립트로 jQuery Mobile convention을 따라서 display 하도록 무너가 작업을 해야될 것 같군요. 이를 위해서 listview jQuery Mobile component 에 있는 listview () method를 사용해서 HTML 리스트를 jQuery Mobile 리스트로 표시할 겁니다.

Add this statement in our JavaScript code:

Call to the listview () method on the list

tistory418_02.html

그런데 기대했던 모습은 아니네요. 우리는 이 window 가 생성될 때 그냥 거기서 jQuery Mobile component (list) 를 display 하라고 시켰습니다. 이러지 말고 이 window 가 그 transformation을 수행하기 위한 과정에서 create 될 때 까지 좀 더 기다려 줘야 할 것 같습니다.

그 윈도우의 pagecreate event 에서 listview () instruction을 집어 넣어 보겠습니다. 그러면 이 윈도우가 create 되는 것을 끝마칠 때까지 기다릴 겁니다.

Call to the listview () method in the treatment of the pagecreate event

tistory418_03.html

이제 기대했던 대로 나왔네요.....

jQuery Mobile에 의해서 display 되는 리스트 만들기는 jQuery 에 그 기본을 둡니다. jQuery Mobile 은 그것을 사용하기 위해 listview () method를 implement합니다. 이 리스트들은 listview standard component와 연계가 있습니다.

리스트는 HTML 코드 안에서 생성할 수 있습니다. jQuery Mobile 은 이 리스트 아이템들을 좀 더 예쁘게 보이도록 새로운 CSS 클래스를 적용해서 HTML을 convert 할 수 있습니다.

그리고 새로운 리스트를 jQuery 의 메소드를 사용해서  dynamic 하게 생성하는 것도 가능합니다.

List without images

아래 예제에서는 페이지에 HTML 코드로 list 를 만들고 두번쨰로는 JavaScript code로 dynamic 하게 list를 생성했습니다. 마지막으로 이 두 리스트의 view를 일관되게 표현했습니다.

Dynamic creation of a list

첫번째 리스트는 전통적인 방법으로 HTML을 사용해서 생성했고 (static list) 두번째는 JavaScript 로 자동으로 생성해서 append (html) instruction을 사용해서 DOM tree에 insert 했습니다(dynamic list).

tistory417_01.html

List with images

이번에는 위와 같은 예제인데요 다른 점은 리스트 아이템 안에 이미지가 들어가는 겁니다. static list 는 두개의 리스트 아이템이 있고 dynamic list에는 한개의 아이템이 있습니다.

Dynamic creation of a list with images

tistory417_02.zip

오늘 아침 일요일인데도 아침 일찍 일어나 스마트폰으로 인터넷 부터 봤다.

평일에는 늦잠 자고 싶고 휴일엔 일찍 일어나고 (5:30) 이거 왜 이런거야???

한국 말이 편하지라 자연히 보게 되는건 한국 싸이트들이거든.

네이버나 다음.

기사가 큼지막하게 났더만.

박근혜의 정수장학회 관련 입장 표명.

지난 총선때 야당보다 더 개혁적인 것 아니냐는 인상을 줬던 박근혜.

역시 이번에도 야당이나 야당지지자들이 반박하기 힘든 개혁 드라이브를 정수장학회 건으로 시작하는 건가.

이제 빼앗긴 선수를 다시 찾아오는 건가?

바둑에서도 선수와 후수의 차이는 승패와 직결될 만큼 중요하다 하지 않은가.

더군다나 정수장학회건은 개혁의 얼굴마담으로 내놨던 이준석도 일찌감치 박근혜는 정수장학회부터 털고 가야한다고 얘기했고 조선일보를 비롯한 보수신문들 조차도 정수장학회 사회환원에 대해서 얘기하는 사안인데...

역시 이 약점을 기회로 삼아 개혁과 신선함의 이미지로 선수를 잡는건가? 우리 박근혜.

하나 기사를 읽어보니 이런 기대를 저버리고 우리 박근혜가 악수 중의 악수를 두어 버린 것 같다.

박근혜의 생각

" 내 생각엔 부일장학회 건은 강압에 의해 빼앗은게 아닌것 같은데. 그런데 기사에는 강압은 있다고 법원이 판결했다고 얘기를 했긴 했네요..... 그런데 여기 보세요. 법원에서도 주인 스스로 의사결정의 여지를 완전히 박탈한 상태에서 한 것이 아닌 만큼 증여행위를 원천 무효로 할 정도는 아니다 라고 얘기 했어요."

새누리당 이정현의원도

"김지태씨가 1962년 정부 강압으로 문화방송, 부산일보의 주식을 증여한 사실이 인정되지만 당시 김씨가 의사결정여지를 완전히 박탈당한 상태에서 주식을 증여했다고 보기 힘들다는 것이 법원의 판단"이라며 "판결 중 뒷부분을 강조하다 보니 그런 말을 한 것 같다"

라고 부연설명을 했군.

한겨례신문의 기사중에 한 트위터를 인용한 부분이 눈에 들어온다.

트위터 아이디 hop*****는 “박근혜의 뇌 구조에는 ‘과정이 어떻든 이기기만하면 된다;는 생각으로 꽉 들어차 있다. 5.16쿠테타가 그렇고 정수장학회 강탈이 그렇다”고 꼬집었다.

======== o ========== o ============ o ============= o ============= o ===========

장동건이 주연한 2009 로스트 메모리즈라는 영화가 있다.

2009년까지 아직도 일본이 한국을 지배하는 상황...  아니 아예 한국(조선)이 없어진 상황...

영화에서는 장동건이 과거로 가서 안중근을 돕고 다시 역사는 제대로 돌아가게 된다는 줄거리인데....

장동건이 그 일에 실패해서 아직도 일본이 조선을 지배하는 상황을 상상해 봤다.

2012년 다카키 마사오의 딸 이 일본제국의 내무성 장관의 유력후보자이다.

조선인 출신으로 더군다나 여성으로서 내무성 장관에 오른다는 건 최초다.

조선인 출신으로 한일 병합에 대한 의견을 내놓을 것을 꾸준히 요구 받고 있었다.

드디어 다카키 마사오의 딸은 조선인 출신 내무성 장관 유력후보 입장에서 한일 병합의 의견을 피력한다.

"내 생각엔 한일 병합은 일본제국이 강압에 의해 조선을 빼앗은게 아니라는 입장입니다. 그러나 국제법 판결이 강압은 있었다고 판결을 했네요. 그런데 보세요. 국제법 판결에도 조선 지도자들이 스스로 의사결정의 여지를 완전히 박탈한 상태에서 한것이 아닌 만큼 한일 병합을 원천 무효로 할 정도는 아니라고 얘기했잖아요."

즉 한일 병합은 강압이 있었다는 말이 있긴 한데 나는 그렇게 생각 안하고 백번 양보하더라도 원천무효는 아니니까 조선인들은 독립요구를 포기하고 나는 내무성 장관이 돼야하고 우리 조선은 일본 제국의 일원으로서 만세 만세 만만세 해야 된다.

이게 다카키 마사오 딸의 의견이었다.

그 후로 다카키 마사오와 그 딸의 바람대로 일본제국이 만세만세 만만세 했는지 아니면 조선인들이 의분 강개해서 다시 독립을 되찾고 이런 친일파들을 척결해서 역사를 바로 세웠는지는...

아직 알지 못한다....

2009 로스트 메모리즈의 속편 2012 로스트 메모리즈를 만들어야 하지 않을까?

원작에서는 장동건이 안중근을 도와서 이토오 히로부미를 사살하도록 도왔는데...

이 후속작에서는 과거로 돌아간다면 어디로 돌아가야 하고 어떤 일을 해야 될까?

공상은 그만 두고 난 그냥 현실에서 내가 할 수 있는 일을 찾을래..

일단 재외국민투표 신청은 했고.

2012년 12월 5일 (수) ~ 10일 (월) 까지 재외 투표 기간에 차타고 한시간 넘게 보스톤으로 가서 투표하고 올거야.

그리고 그 동안 몸은 먼 곳에 있지만 여러 사람과 정치적인 의견을 많이 주고 받아 올바른 선택을 해서 먼 미래에 타임머신을 타고 다시 2012년으로 와야 되는 상황은 만들지 말아야 되지 않을까?  이번 선거에서 말야..........

일제 강점기 완전 군장을 한 일본 제국주의국의 장교 다카키 마사오(박정희)와 조선의 독립을 위해 싸우는 독립군 장준하.

이후 조선은 독립을 찾았지만 저 일본군 장교가 대통령이 되고 저 독립군 장준하는 독립된 조선에서 박정희 정권에 의해 정치적 타살을 당했다.