2013년 7월 9일 화요일

Netbeans 로 android App 개발(PhoneGap)

NetBeans IDE 에서 Phone Gap 이용하여 Android App 개발 환경 설정하기

Phone Gap 은 Html, CSS, Java Script 만으로 web 이 아닌 App 을 개발 할 수 있다.

1. NetBeans IDE 를 설치
 - netbeans ide 로 구굴링해서 2013.7.9 기준으로 NetBeans IDE 7.3.1, Java SE 81 을
 - 다운 받아 설치한다. All 을 설치하면 더 좋겠지요.
2. Java SE 를 설치
 - java se 로 구굴링해서 오라클 다운로드 사이트에 접속하여
 - Java Plaform(JDK) 7u25를 다운 받아 설치 합니다.
 - 참고로 자신의 OS 상태에 맞추어서 설치 해야 겠지요.
 - 저는 windows x86 (i586)을 선택 했습니다.
 - 라이센스 동의 여부를 물어오니 Accept License Aggrement 를 선택합니다.
2-1 저는 이 화면에서  JDK7 + NetBeans 을 선택하여 한방에 설치하였습니다.
3. PhoneGap 설치
 - phonegap 으로 구굴링해서 PhoneGap 2.9.0 을 다운받아
 - 압축을 풀어 놓고 폴더 이름을 잘 기억해 둡니다.
4. Android SDK 설치
 - android sdk 으로 구굴링해서 developer.android.com에 접속하여
 - SDK를 받아 오는데, 기본으로 되어 있는 ADT Bundle for windows 으로 하거나, 
 - USE AN EXISTING IDE 로 해서
 - sdk를 설치하는데 설치되는 폴더를 잘기억 해 둡니다.
 - ADT 번들로 하면 eclipse 가 설치됩니다.
 - 설치 하려는데 Next 가 활성화가 안되는 경우가 있습니다.
4-1 Java 환경설정
 - 바탕화면의 내컴퓨터에서 마우스 오른쪽 버튼 > 속성 > 고급 시스템 설정(win7)
 - 하여 나오는  시스템 속성 창에서 > 고급 탭을 선택하고 >
 - 환경 변수 창에서 > 시스템 변수에서
 - JAVA_HOME 변수가 있는지 확인하고 없으면 (2)에서 설치한 폴더를 지정해 줍니다.
 - 저의 경우에는 c:₩program files₩java₩jdk1.7.0_25 입니다.
5. Android SDK Manager 이용 필요 파일 다운 받기
 -  (4) 과정이 끝나면 Android SDK Manager 창이 뜹니다.
 - 만약 안뜨면 c:₩program files₩android₩androis-sdk₩sdk manager.exe 를 실행합니다.
 - 인스톨이 필요한 파일이 Not Installed 라고 표시되니 install packages 버튼을 크릭하여 
  인스톨 합니다. 
 - 참고로 Tools 가지에 sdk tools, sdk platform-tools, sdk build-tools 
 - 세가지가 인스톨 되어 있는지 확인하세요.
 - 저는 build-tools 가 빠져 마지막 단계에서 
 - sdk dies not have any build tools installed 에러를 만났었습니다.
6. nbandroid template 설치
 - nbandroid 로 구굴링하여 나온 사이트에서 업데이트 주소를 복사해옵니다.
 - NetBeans을 실행시키고, Tools > PlugIns > Settings 탭에서 Add 버튼을 눌러 
 - 적당한 이름(nbandroid)을 주고 url 에 복사해둔 업데이트 경로를 붙여 놓고 ok 합니다.
7. 계속하여 PlugIns > Settings > Available Plugins 탭에서 android 찾아 체크한 후
  install 버튼을 선택합니다.
8. NetBeans 에 sdk 패스 설정하기
  -  NetBeans > Tools > Options > Miscellaneous > android 탭에서
  - SDK Location 에 android-sdk 패스를 설정합니다.
9. 윈도우 [시작 > 실행 창(cmd)]을 열어 
 -  java -version
 -  javac -version 하여 패스 연결이 제되로 되어 있는지 확인합니다.
9-1. 4-1과 같은 방법으로 path 변수를 확인하여, 
 - ../android-sdk₩tools 와 
 - ../android-sdk₩platform-tools 와 
 - ..java₩jdk1.7.0_25₩bin 이 제대로 걸려 있는지 확인합니다.
 - 저는 jdk 가 걸려 있지 않아 추가 javac 가 안먹더군요.
10. toos > adv manager 에서 new 버튼을 눌러 적당한 단말기를 만듭니다.
 - cpu type 은 arm.

** 새로운 프로젝트를 하여면 이곳부터 하면 됩니다. **

 11. netbeans 에서
 - [file > newproject > categories > android > projects = android project]
 - next버튼을 차례로 선택합니다.
12. New Android Application 창에서 다른칸은 적당하게 선택하고 , 
 - Package Name 에는  a.a등으로 입력합니다.
 - finish 버튼을 눌러 기본 골격을 생성합니다.
13. 왼쪽 projects 창에 보면 
 - 방금 만들어진 골격이 제대로 되지 않아 빨강 버튼이 보입니다.
 - NeBeans 을 종료합니다.
14. 탐색기 창을 열어 방금 생성한 프로젝트 폴더에 있는(내문서 폴더에 있겠지요)
 - src, res, libs 폴더와 androidmanifest.xml 파일을 삭제 합니다.
15. phonegap 폴더 > lib 폴더 > android 폴더 > example 폴더 에서
 -  asserts, libs, res, src 폴더와 androidmanifest.xml 파일을 복사하여 와서 방금전에 삭제 해버린 프로젝트 폴더에 복사합니다.
16. netneans 를 다시 실행합니다. 
 - projects 창에 빨간 버튼이 사라졌음을 확인하세요.


17.NetBeans 의 projects 창의 
 - assert 의 www 아래에 있는 
 - index.html 을 불러와서 
 - <body>..</body> 영역에.  hello world! 라고 입력하세요.
18. run 버튼을 크릭하고 가상단말기가 나타 나는 것을 기다립니다. 
 - 끈기 있게 기다리세요.
 - 기다리기 지루하면 아래쪽 output 창이나 소스를 확인하세요.
19. 에뮬레이터가 아주 늦는 것은 이해하셔야 합니다.
 - 싸구려 중고 단말기하나 구해서 USB에 곱아 하는게..)
20. 에뮬레이터가 정상으로 올라오면 
 - app 영역에 보면 
 - example 이라는 app 이 설치되어 있슴을 확인하세요. 
 - 아이콘은 프린터 모양입니다.
 - 선택하여 실행
21. 가상 단말에 hello world 가 보이는 것을 확인 합니다.
시간:
라벨:

델파이 12.1이냐 11.3이냐?

 델파이가 12.1이 나왔습니다. 혹시 11.3버전의 커뮤니티버전이 필요하시는분이 있을 수 있을 것 같아 https://altd.embarcadero.com/.../RADStudio_11_3_esd_28... 와 이것 찾느랴 엄청고생함.

  • 윈도우10 녹음기 저장 폴더 변경하기
    윈도우10에 있는 음성 녹음기는 간단하게 녹음 할 때 간편하고 좋다. 곰 녹음기를 사용하면 오늘기준으로 CPU 점유율이 35% 이상 올라가 맥의 팬이 돌아간다. 윈10의 음성녹음기는 좋은 데 저장 폴더가 디폴트로 되어 있어 사용하기 불편하다. ...
  • IdHttp 에서 get post 사용하기
     클라이언트가 HTTP프로토콜을 이용해서 서버에 무언가를 전달할 때 Get 이나 Post가 사용됩니다. GET은 주소줄에 값이 ?뒤에 쌍으로 이어붙고 여러개일 경우에는 & 으로 반복하고,  POST는 숨겨져서(body안에) 보내집니다. GET...
  • Mac Xcode에서 Python 3.9 사용하기
     일단은 Python 사이트에가서 dmg 파일을 다운받아 설치합니다. m1 프로세서일경우에는 아래에 있는 파일이겠죠. 터미널을 열어 파이썬의 위치를 확인합니다. 파이썬3의 위치로 이동합니다.  [cd  /usr/local/bin] 파인더를 엽니다. [...