Work&Life Balance!!

function createContact(){

var myContact = navigator.contacts.create({"displayName":null,"name":{"givenName":"Intellectual","formatted":"Intellectual Mollusc","middleName":null,"familyName":"Mollusc","honorificPrefix":null,"honorificSuffix":null},"nickname":null,"phoneNumbers":[{"type":"other","value":"00353 2345235","id":0,"pref":false},{"type":"mobile","value":" ","id":1,"pref":false}],"emails":[{"type":"home","value":"work@intellectualmollusc.net","id":0,"pref":false}],"addresses":[{"postalCode":"","type":"work","id":0,"locality":"cork","pref":"false","streetAddress":" ","region":" ","country":"Ireland"}],"ims":null,"organizations":[{"name":"School","title":"Student","type":null,"pref":"false","department":"Kitchen"}],"birthday":null,"note":"YourRefUniqueID:47831","categories":null,"urls":[{"type":"other","value":"intellectualmollusc.net","id":0,"pref":false}]});
myContact.save();
console.log("The contact, " + myContact.name.givenName + ", has been created");

}

알듯 모를듯.. 자주 헛갈리는 2가지..잘 정리해두었네요..

https://developers.google.com/chrome-developer-tools/docs/remote-debugging#debugging-webviews

단말에서 web app을 개발할때는 크롬 브라우저를 사용하면 디버깅이 가능했었다. 

다음 가이드 참고 http://opentutorials.org/course/580/4152

하지만 webview를 디버깅할려면 어떻게 해야 하나..궁금했는데.. .

kitkat부터..크롬브라우저 엔진이 webview에 적용되면서.. 디버깅이 가능하게 되었다.. 

얼릉..kitkat 지원되는 폰이 필요한 이유가 생겼구나.. 

https://developers.google.com/chrome-developer-tools/docs/remote-debugging#debugging-webviews

phonegap에서 제공하는 디버깅방법.. 한번 써봐야 겠구나..  

http://debug.phonegap.com/ 

한글로 설명된 site .. 

http://elegantcoder.com/weinre

Weinre 사이트

http://people.apache.org/~pmuellr/weinre/docs/latest/

2개 용어의 차이를 정확히 이해를 못해서 계속 헛갈려서 좀 찾아봤다. 

좀 이해하기 쉽게 정리된 블로그 글이 있는데 한번 읽어보도록.. 

http://phonegap.com/2012/03/19/phonegap-cordova-and-what%E2%80%99s-in-a-name/

가장 핵심적인건 아래 단락인것 같다... 

PhoneGap is a distribution of Apache Cordova. You can think of Apache Cordova as the engine that powers PhoneGap, similar to how WebKit is the engine that powers Chrome or Safari. (Browser geeks, please allow me the affordance of this analogy and I’ll buy you a beer later.)

webkit := cordova

chrome,safari := phonegap 

    $ cd hello

   $ phonegap build ios
    [phonegap] detecting iOS SDK environment...
    [phonegap] using the local environment
    [phonegap] compiling iOS...
    [phonegap] successfully compiled iOS app

$ sudo npm install -g cordova   

$ phonegap create hello com.example.hello HelloWorld

ajax로 서버에 요청하기, 서버에서 파일읽어오기, 로컬의 파일읽어오기가 가능하다. 

url을 어떤걸 주느냐에 따라 responseText에 원하는 값이 넘어오는것이다. 

서버파일은 읽어오기를 안해봤지만 특정 xml이나 text 파일 경로를 그냥 주면 될듯... 

아래는 http request를  rapping해놓은 함수.. 굳이.. 이렇게 만들 필요는 없을듯 한데..

하여간 나중에 참고하기 위해 남겨둔다.. 

function loadStateDate(number) {
	var filePath = "data/stage-" + number + ".txt";
	reqHttpData(filePath, onLoadHttpData);
}

function reqHttpData(url, callback) {
	if( httpRequest == null ) {
		httpRequest = getHttpRequest();
		if( httpRequest == null )
			return;
	}
	httpRequest.open("GET", url, true);
	httpRequest.onreadystatechange = callback;
	httpRequest.send(null);
}

function getHttpRequest() {
	var httpReq = null;
	try {
		var httpReq = new XMLHttpRequest();
	} catch(err) {
		httpReq = null;
	}
	return httpReq;
}

function onLoadHttpData() {
	if( httpRequest.readyState != 4 ) {
		return;
	}

	var fileData = httpRequest.responseText;
	readStateData(fileData);
	drawCanvas();
}

원문..

http://android-er.blogspot.kr/2011/10/call-javascript-inside-webview-from.html

webview에서 Native 호출

Native에서 webview 호출 두가지 모두 가능하며 예제를 살펴보면 쉽게 구현할 수 있다. 

PieceOfLena 에서 어떻게 활용 할 수 있을지 고민해보자.. 

JQuery mobile을 사용하면 아래 이벤트들을 등록해서 처리할 수 있다. 

사용이 간편하고 필요한 정도는 잘 만들어진것 같은데, 더블클릭, 드래그등은 식별할수 없다. 

http://www.w3schools.com/jquerymobile/jquerymobile_ref_events.asp

그럴때 사용하는것이 hammer.js 

이름 정말 끝내준다.. you can touch this... hammer time 되시겠다.. 

http://eightmedia.github.io/hammer.js/

http://web.bogdanteodoru.com/javascript/javascript-touch-event-controller/

적당히 따라하면 좀더 세부적인 이벤트 처리까지 가능하다.. 

Companion 디버거... 크롬을 많이 사용하니깐 거의 사용할일이 없을것 같은데..  혹시나 해서.. 한줄 남겨 놓는다..

http://www.my-debugbar.com/ 

intel HAX 설치후에 GPU accerlator를 사용하면 android emulator가 ARM Mode Emulator 보다 좀 빨라짐..

http://software.intel.com/en-us/articles/speeding-up-the-android-emulator-on-intel-architecture