안녕하세요.
혹시 폰갭을 이용하여 제작할때 그누보드모바일을 이용하신분 계신가요?
이미 홈페이지는 제작되어 있고 이것을 하이브리드앱으로 만들생각입니다.
폰갭으로는 PHP가 안먹히니까 당연히 안될거라 생각하지만
혹시 그누보드를 이용한 다른 방법이 있을까 싶어 질문드립니다.
아니면 결국 HTML과 CSS등은 따로 다 작성하고, DB부분은 XML로 이용해서 서버와 통신하는 방법 밖에는 없을까요?
댓글 8개
폰갭은 자스를 쓰는 관계로, DB 와 연동을 위해서 주로 JSON 을 쓰던데,....
좋은 예제는 아래서 보실 수 있습니다.
http://catchmayuri.blogspot.com/2012/01/working-with-json-phonegap-application.html
XML 로 연동하는 경우는, 저는 더 어렵게 느껴지네요.
아마 제가 XMLHttpRequest 에 친숙하지 않아서 그렇게 느껴지는 것 같습니다.
아, 폰갭에서 jQuery 로 .load 만 해도 먹힙니다!!!
$('#content').load('http://www.gnuboard.com/index.php');
저는 워드프레스 사용자라서 그냥 워프+폰갭 플러그인을 사용하는 관계로 (앱프레서라고 있습니다.) 어떤 방식이 가장 좋은지 (그러니까 단순히 jQuery 를 이용한 연동이 좋은지, JSON 으로 한번 감싸서 연동해야 하는지) 자세하게는 모르지만, (아마도 단순히 .load 하면 별의별 문제가 다 발생하겠죠? ㅎㅎㅎ 그렇게 쉬울리가 없잖아!!!)
http://apppresser.com/download/
이거 다운받아서 소스코드를 한번 참고삼아 살펴보셔도 좋으실 듯 합니다.
좋은 예제는 아래서 보실 수 있습니다.
http://catchmayuri.blogspot.com/2012/01/working-with-json-phonegap-application.html
XML 로 연동하는 경우는, 저는 더 어렵게 느껴지네요.
아마 제가 XMLHttpRequest 에 친숙하지 않아서 그렇게 느껴지는 것 같습니다.
아, 폰갭에서 jQuery 로 .load 만 해도 먹힙니다!!!
$('#content').load('http://www.gnuboard.com/index.php');
저는 워드프레스 사용자라서 그냥 워프+폰갭 플러그인을 사용하는 관계로 (앱프레서라고 있습니다.) 어떤 방식이 가장 좋은지 (그러니까 단순히 jQuery 를 이용한 연동이 좋은지, JSON 으로 한번 감싸서 연동해야 하는지) 자세하게는 모르지만, (아마도 단순히 .load 하면 별의별 문제가 다 발생하겠죠? ㅎㅎㅎ 그렇게 쉬울리가 없잖아!!!)
http://apppresser.com/download/
이거 다운받아서 소스코드를 한번 참고삼아 살펴보셔도 좋으실 듯 합니다.
제가 주로 사용하는 메인 엑티비티 자바 소스 입니다.
[code]
package 패키지;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.pm.ActivityInfo;
import org.apache.cordova.*;
public class MainActivity extends DroidGap {
final protected static String homeUrl = "file:///android_asset/www/index.html"; // 홈 주소
final protected static String listUrl = "file:///android_asset/www/list.html"; // 리스트 주소
@Override
public void onCreate(Bundle savedInstanceState) {
/*
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
*/
super.onCreate(savedInstanceState);
super.loadUrl(homeUrl);
setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
}
// 하드웨어키 제어
public boolean onKeyDown(int keyCode, KeyEvent event) {
// 뒤로가기키로 종료
if( keyCode == KeyEvent.KEYCODE_BACK ) {
new AlertDialog.Builder(this)
.setIcon(android.R.drawable.ic_dialog_alert)
.setTitle("종료")
.setMessage("종료하시겠습니까?")
.setPositiveButton("Yes", new DialogInterface.OnClickListener() {
public void onClick( DialogInterface dialog, int which ) {
finish();
}
}).setNegativeButton( "No", null ).show();
return true;
}
return super.onKeyDown(keyCode, event);
}
// 하드웨어 메뉴키 메뉴를 설정한다.
@Override
public boolean onCreateOptionsMenu(Menu menu) {
menu.add(0, 0, 0, "홈으로");
menu.add(0, 1, 0, "리스트");
menu.add(0, 2, 0, "다음");
menu.add(0, 3, 0, "종료");
return super.onCreateOptionsMenu(menu);
}
// 메뉴에 따른 동작값을 추가한다.
public boolean onOptionsItemSelected(MenuItem item) {
switch(item.getItemId()) {
case 0 :
Toast toast = Toast.makeText(this, "홈으로", Toast.LENGTH_SHORT); // 토스트 띄우기
toast.show(); // 토스트 보여주기
super.loadUrl(homeUrl);
break;
case 1 :
Toast toast_1 = Toast.makeText(this, "리스트", Toast.LENGTH_SHORT); // 토스트 띄우기
toast_1.show(); // 토스트 보여주기
super.loadUrl(listUrl);
break;
case 2 :
Toast toast_2 = Toast.makeText(this, "다음", Toast.LENGTH_SHORT); // 토스트 띄우기
toast_2.show(); // 토스트 보여주기
super.loadUrl("http://m.daum.net");
break;
case 3 :
new AlertDialog.Builder(this)
.setIcon(android.R.drawable.ic_dialog_alert)
.setTitle("종료")
.setMessage("종료하시겠습니까?")
.setPositiveButton("Yes", new DialogInterface.OnClickListener() {
public void onClick( DialogInterface dialog, int which ) {
finish();
}
}).setNegativeButton( "No", null ).show();
break;
}
return super.onOptionsItemSelected(item);
}
}
[/code]
저같은 경우 외부 홈페이지와 연결이 필요 한경우 homeUrl를 외부 주소로 변경 하여 사용 하곤 한답니다.
[code]
package 패키지;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.pm.ActivityInfo;
import org.apache.cordova.*;
public class MainActivity extends DroidGap {
final protected static String homeUrl = "file:///android_asset/www/index.html"; // 홈 주소
final protected static String listUrl = "file:///android_asset/www/list.html"; // 리스트 주소
@Override
public void onCreate(Bundle savedInstanceState) {
/*
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
*/
super.onCreate(savedInstanceState);
super.loadUrl(homeUrl);
setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
}
// 하드웨어키 제어
public boolean onKeyDown(int keyCode, KeyEvent event) {
// 뒤로가기키로 종료
if( keyCode == KeyEvent.KEYCODE_BACK ) {
new AlertDialog.Builder(this)
.setIcon(android.R.drawable.ic_dialog_alert)
.setTitle("종료")
.setMessage("종료하시겠습니까?")
.setPositiveButton("Yes", new DialogInterface.OnClickListener() {
public void onClick( DialogInterface dialog, int which ) {
finish();
}
}).setNegativeButton( "No", null ).show();
return true;
}
return super.onKeyDown(keyCode, event);
}
// 하드웨어 메뉴키 메뉴를 설정한다.
@Override
public boolean onCreateOptionsMenu(Menu menu) {
menu.add(0, 0, 0, "홈으로");
menu.add(0, 1, 0, "리스트");
menu.add(0, 2, 0, "다음");
menu.add(0, 3, 0, "종료");
return super.onCreateOptionsMenu(menu);
}
// 메뉴에 따른 동작값을 추가한다.
public boolean onOptionsItemSelected(MenuItem item) {
switch(item.getItemId()) {
case 0 :
Toast toast = Toast.makeText(this, "홈으로", Toast.LENGTH_SHORT); // 토스트 띄우기
toast.show(); // 토스트 보여주기
super.loadUrl(homeUrl);
break;
case 1 :
Toast toast_1 = Toast.makeText(this, "리스트", Toast.LENGTH_SHORT); // 토스트 띄우기
toast_1.show(); // 토스트 보여주기
super.loadUrl(listUrl);
break;
case 2 :
Toast toast_2 = Toast.makeText(this, "다음", Toast.LENGTH_SHORT); // 토스트 띄우기
toast_2.show(); // 토스트 보여주기
super.loadUrl("http://m.daum.net");
break;
case 3 :
new AlertDialog.Builder(this)
.setIcon(android.R.drawable.ic_dialog_alert)
.setTitle("종료")
.setMessage("종료하시겠습니까?")
.setPositiveButton("Yes", new DialogInterface.OnClickListener() {
public void onClick( DialogInterface dialog, int which ) {
finish();
}
}).setNegativeButton( "No", null ).show();
break;
}
return super.onOptionsItemSelected(item);
}
}
[/code]
저같은 경우 외부 홈페이지와 연결이 필요 한경우 homeUrl를 외부 주소로 변경 하여 사용 하곤 한답니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 26573 | |
| 7309 | |
| 19780 | |
| 7306 | |
| 28025 | |
| 28020 | |
| 28010 | |
| 7304 | |
| 7302 | |
| 7295 | |
| 7292 | |
| 7287 | |
| 19779 | |
| 7284 | |
| 7279 | |
| 7278 | |
| 28009 | |
| 31753 |
그누보드5
그누보드5 강좌 - 갤러리스킨 만들기
|
| 31752 | |
| 7274 | |
| 31751 | |
| 31750 |
그누보드5
그누보드5 강좌 - 네비게이션적용하기
|
| 31749 |
그누보드5
그누보드5 강좌 - 네비게이션적용하기
|
| 31748 |
그누보드5
그누보드5 강좌 - 스킨적용하기
|
| 30979 | |
| 31747 |
그누보드5
그누보드5 강좌 - 홈페이지만들기 실전#2
|
| 28004 | |
| 31745 |
그누보드5
그누보드5 강좌 - 홈페이지만들기 실전
1
|
| 7267 | |
| 7261 | |
| 31742 |
그누보드5
그누보드강좌 샘플
2
|
| 7256 | |
| 19776 |
node.js
mysql 연결 방법 2가지
2
|
| 24650 | |
| 7252 | |
| 7248 | |
| 28002 | |
| 19772 |
JavaScript
한글로 된 숫자를 아라비아 숫자로 변환
3
|
| 7245 | |
| 19770 | |
| 19769 | |
| 30975 | |
| 7243 | |
| 7236 | |
| 28001 | |
| 27994 | |
| 7233 | |
| 7232 | |
| 19768 |
jQuery
제이쿼리로 이미지 회전 시키기
|
| 19765 |
jQuery
구형 익스에서 HTML5 적용시키기
2
|
| 19763 |
jQuery
특정 레이어 높이 100% 잡는 법
1
|
| 30974 | |
| 7224 | |
| 19761 |
jQuery
모바일 해상도에 맞게 이미지 출력
1
|
| 24645 | |
| 19760 | |
| 19758 |
jQuery
제이쿼리를 이용하여 동영상 재생
1
|
| 19757 | |
| 19754 | |
| 19753 |
jQuery
브라우저 상단에 고정 시키는 제이쿼리 소스
|
| 19752 | |
| 19751 |
PHP
php 에러 출력하기
|
| 7223 | |
| 7216 | |
| 7213 | |
| 31741 |
AngularJS
AngularJS 강좌 9. HTML DOM
|
| 19750 |
jQuery
1원팁] css에 hover효과를 제이쿼리로
|
| 19749 |
JavaScript
1원팁]알고 있음 좋은 자바스크립트 함수
|
| 19748 |
jQuery
제이쿼리 기본 효과 메소드
|
| 31740 |
AngularJS
AngularJS 강좌 8. SQL
|
| 31739 |
AngularJS
AngularJS 강좌 7. Tables
|
| 31738 |
AngularJS
AngularJS 강좌 6. XMLHttpRequest
|
| 7208 | |
| 31737 |
AngularJS
AngularJS 강좌 5. Filters
|
| 30967 | |
| 31736 |
AngularJS
AngularJS 강좌 4. Controllers
|
| 7205 | |
| 30965 |
HTML
팁]모바일에서 전화 걸기
1
|
| 30963 | |
| 19747 | |
| 19746 |
기타
viewport 사용
|
| 19745 | |
| 19744 | |
| 19742 | |
| 7193 | |
| 7191 | |
| 31735 |
AngularJS
AngularJS 강좌 3. Directives
|
| 19741 |
jQuery
무한 스크롤 (이미지 갤러리용)
|
| 19740 |
PHP
[알고리즘] 하노이의 탑
|
| 19739 | |
| 7188 | |
| 27986 | |
| 31734 |
AngularJS
AngularJS 강좌 2. Expressions
|
| 31733 |
AngularJS
AngularJS 강좌 1. Introduction
|
| 31732 |
AngularJS
AngularJS 강좌 0. Home
|
| 7186 | |
| 19738 | |
| 19736 |
JavaScript
[알고리즘] 스택(stack)을 이용한 간단 계산기
1
|
| 7180 | |
| 7165 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기