PhoneGap javascript Event 추가하기

폰갭 샘플 소스를 실행시켜보셨다면~

html 파일과 javascript 로 구성된걸 확인하실 수 있을껍니다.





< PhoneGap javascript Event 추가하기 >



그렇다면 일반 웹에서 작업하듯 이벤트는 자바스크립트로 작성하면 되는걸까?? 

하는 생각에 바로 프로젝트를 생성해서 폰갭 설정을 하고,
(설정하는 방법을 까먹으셨다면  [PhoneGap] 안드로이드 프로젝트 생성하기  요 포스팅 참고하기~)

index 파일에 alert("test"); 라고 알림창을 띄우는 자바스크립트 코드를 한줄 추가해보았습니다. 

( 소스를 직접 포스트에 추가했더니 자꾸 스크립트가 실행되서.. 이미지로 첨부했어요.. )

요렇게 작성한 소스를 실행해본결과~

요렇게 일단 알림창이 뜨는 걸 확인 할 수 있었습니다.

 



그런데 이때!!
 
요런 요상한 에러 메시지가..;;

( The connection to the server was unsuccessful. )

헉... 그냥 쓰면 안되는 것인가...;;

샘플 소스도 다시보고..  인터넷을 뒤지다 보니 deviceready 라는 이벤트를 발견했습니다.

그 외에도 pause, resume 등의 이벤트가 있더라구요.

알아본 결과 이 이벤트들은 앱의 상태(준비, 대기, 재실행)가 바뀌었을때 일어나는 이벤트였어요.


이것이 자바스크립트로 이벤트를 추가하는 것과 무슨 상관이 있나 싶을 껍니다.

상관이 있더라구요. 즉 어떤 상태일때 스크립트 코드를 실행할지도 같이 정의해줘야 합니다. 


12줄 document.addEventListener("deviceready", onDeviceReady, false); 이 코드 처럼요~

이 코드는  deviceready 라는 이벤트가 발생했을때  onDeviceReady 이 이벤트를 발생시켜라 라는 뜻이에요.

어플이 막 시작되면  deviceready 라는 이벤트가 발생하니깐

12줄처럼 정의를 해주면 아무런 에러 없이 이벤트를 추가할 수 있습니다.

 

현재 포스팅에서는 알림창을 alert() 이라는 코드로 띄웠지만

다음 포스팅에서는 이 알림창의 메시지도 바꿔보고 컨펌창에 대해 알아보도록 하겠습니다.