Sencha Touch 프레임웍을 사용한 화면이 나타나는 것은 확인했으니, 다음은 Phone Gap의 native API도 정상 동작하는지 확인해보겠습니다.
1. senchapj/app/view 밑에 있는 Main.js 파일을 열고, html: [ ... ] 블럭의 맨 앞에 다음과 같이 추가해줍니다.
html: [
"<a href=\"javascript:navigator.notification.alert('Hello!')\">Click me</a>",
...
]
"<a href=\"javascript:navigator.notification.alert('Hello!')\">Click me</a>",
...
]
2. 빌드 후, Click 텍스트를 누를 때, 팝업이 나타나는 것을 확인합니다.
'1. 연구 모듈 > 모바일 하이브리드 앱' 카테고리의 다른 글
[Sencha Touch] 개인 css 파일 추가하기 (0) | 2014.03.13 |
---|---|
PhoneGap 2.x, Sencha Touch 2 함께 사용하기 - 4. IOS용 빌드 (0) | 2013.12.19 |
Sencha app build 명령에 대해 (0) | 2013.12.14 |
PhoneGap 2.x, Sencha Touch 2 함께 사용하기 - 2. 안드로이드용 프로젝트 생성 (0) | 2013.12.10 |
PhoneGap 2.x, Sencha Touch 2 함께 사용하기 - 1. 환경 설정 (0) | 2013.12.10 |