전자정부모바일표준프레임웍 제대로 공부하기

작년에 전자정부프레임웍(eGovFrame) 기반의 작업을 5개월 넘게 작업해서 작업내용은 어느정도 틀이 잡혔으나, eGovFrame 기반으로 초기부터 프로젝트에 참여 하진 않아서 좀 기초가 부족하지 않을까 염려되서 오프라인 강좌를 들으려고, 2군데 무료 강좌를 신청 했더니 하나는 신청시간이 늦어서(겨우 6분만에 정원FULL ^^) 못하고, 하나는 고용보험 직원이 있어야 가능하다고 못해서, 좌절하다가, 온라인 사이트에서 무료 강좌를 보고, 바로 들었습니다. 오늘은 그 결과를 정리한 포스팅 입니다.

우선 전자정부프레임웍에 대해서 논의 하기 전에 용어 부터 정리 하고 들어 갑니다.
http://www.egovframe.go.kr 전자정부프레임웍 사이트에 들어가 보면,
다운로드 서브메뉴에 실행환경, 개발환경, 운영환경, 공통컴포넌트, 모바일실행환경, 모바일공통컴포넌트, 모바일 디바이스 API
이렇게나 많은 다운로드가 존재합니다. 상당히 당황스러운 구조입니다.

간략히 설명하자면,

- 실행환경: 스프링프레임웍기반의 egovframework.rte.XXX... 로 시작하는 자바패키지= 여기서 rte 는 (RunTimeEnvirement) 실행환경 약자 임

- 개발환경: 2가지로 나뉘어 집니다.( 개발자개발환경 + 서버용개발환경 )

  개발자(단독) 개발환경=이클립스 + 메이븐 / 서버용(협엽공동개발용) 개발환경=허드슨(서버배포관리copy툴)+넥서스(메이븐+서브버전이용 빌드툴)

- 운영환경: 프레임웍기반 일괄처리작업 관리

- 공통컴포넌트: 개발자개발환경에 공통모듈(로그인, 권한관리, 게시판등등)처럼 사용할 수 있는 컴포넌트 모음

일단은 모두 무시하고, 개발환경 다운로드로 가서 본인OS(32bit,64bit)환경에 맞는 개발자용 개발환경 실행압축파일을 다운로드 받아서 압축을 풀어 줍니다.
참고로, 교육자료에 있는 실습파일은 2G가 넘는 파일로서 웹부터 하이브리드앱까지 모든 샘플파일과 구동환경이 기본으로 셋팅되어 있습니다.
하지만, 구성을 파악하기에는 가장 기초구조부터 살을 붙여 나가는것이 좋다고 생각 되어 아래와 같은 방법으로 진행 합니다.
아래 *작업환경*은 되어있어야 합니다.
*작업환경:본인OS(32bit,64bit)환경에 맞는것을 다운로드 받아서 자바는 설치하고, 톰캣버서는 압축을 풀어 둡니다.
0- Java SE 설치: 다운로드 URL: http://www.oracle.com/technetwork/java/javase/downloads/index.html
0- 톰캣 다운로드: http://tomcat.apache.org/download-70.cgi

이제 본격적으로 시작합니다.
저는 eGovFrameDev-3.5.1-32bit.exe를 다운받아서 압축을 플었고, 아래와 같은 3개의 폴더 구조를 가지게 되었습니다.
- eclipse
- workspace
- apache-tomcat-7.0.63(위 작업환경에서 다운받은 톰캣서버폴더)

이클립스폴더에서 이클립스를 실행하여, New -> 신규 프로젝트에서 eGovFrame에 관련된 것중에 아래 3가지가 있습니다.
1. eGovFrame(전자정부프레임웍) 기반 웹 = Web 프로젝트
( http://beakpro.tistory.com/entry/1112 이 블로그 내용으로 테스트 하시면, 간단하게 구조를 파악하는데 어려움이 없게 됩니다. )
2. eGovFrame(전자정부프레임웍)기반 모바일 웹 = Mobile 프로젝트( 모바일웹전용 - jquery_Mobile사용설명은 건너띔니다. )
3. eGovFrame(전자정부프레임웍)기반 모바일 웹앱 = Device API 프로젝트 ( 하이브리드앱 = jquery_Mobile + 폰갭cordova )

* 참고로 안드로이드 스튜디오와 같은 네이티브앱을 만들려면 아래셋팅 후 이클립스에서 New -> Other -> Android -> Android Application Project 를 선택하면, 안드로이드스튜디오 같은 UI 환경으로 앱을 제작 할 수 있습니다.
여기서는 3번에 대해서 집중 조명 하기로 합니다.
*개발환경 구축 (참조:http://www.egovframe.go.kr/wiki/doku.php?id=egovframework:hyb3.5:init:add:getting_started 내용은 좀 헷갈립니다. 차라리 아래 내용대로 진행하시는 것이 나으리라 생각됩니다.)
 - 모바일 웹앱 = Device API 프로젝트 = 하이브리드앱 하여간 용어가 중복되지만, 뜻은 같습니다.
 - 위 하이브리드앱은 웹개발환경에 추가로 아래 3가지 환경이 이클립스에 추가되어 있어야 합니다.
 -> ADT Plugin ( Help메뉴 -> Eclipse Marketplace에서 Android Development Tools로 검색 해서 install )
 -> Android SDK Manager ( 위 ADT를 설치하면 이클립스 리스타트시 기본적으로 설치되지만, 버튼이 나타나지 않습니다.
 이클립스 Window메뉴 -> Customize Perspective -> Android Lint, Android Refactorings, Android SDK and AVD Manager, Android Wizards 체크 )
 -> Android for Maven Eclipse 설치
 ( Help메뉴 -> Eclipse Marketplace에서 Android for Maven Eclipse로 검색 해서 install )
 -> Cordova (Phonegap) 설치는 필요 없고,
 (이클립스 File메뉴 -> New -> eGovFrame Device API 프로젝트 선택
  진행중, Generate Guide Program 으로 Device를 선택 후 같은 화면 하단 Web Project생성체크
  하면, 자동으로 cordoba_XXX.jar 가 라이브러리에 생성 됩니다. -> 다음화면에서 DB생성체크해서 CRUD
  환경을 만들어 둡니다.
 - phoneCapTest 실행전 values폴더의 serverinfo.xml 파일의 아이피는 변경해 줘야 합니다.
 - 동영상강좌 http://olc.kr/course/course_online_view.jsp?id=10063&cid=531

 - 동영상강좌 교재: http://androi.tistory.com/attachment/cfile1.uf@266FFA3856D0105B3B1F93.pdf
 - 위 동영상 강좌와 함께 연습하면서 이해하기 편했습니다.(무료 입니다만, 회원가입 필요, 맛보기 강좌만이라도 괜찮습니다.)
결과 화면은 아래와 같습니다.
(전자정부프레임웍 기본인 ibatis DB쿼리구문을 사용하고, DB핸들에 관련된 부분은 폰갭(eGovFrame Device API)프로젝트=phoneGapTest 생성시 체크로 같이 생성한 웹프로젝트=phoneGapTestWeb 에서
xml로 담당하게 구성 됩니다.) 프로젝트 첨부파일 확인
-왼쪽에서 오른쪽으로 순서대로 결과화면

저는 원격 디버그 까지는 작업하지 않았습니다. 원격 디버그는 안드로이드 4.4.2 키켓 이상 환경에서 실행 가능합니다. 위 실행 화면은 안드로이드 2.2.2 진저브래드 환경 이었습니다. 버전이 낮은 만큼 AVD실행속도가 작업할 만 했습니다.
Ps. mysql과 아파치웹서버는 xampp를 사용했습니다.(정보: http://blog.daum.net/web_design/405 )