eGovFrame 를 이용한 홈페이지 만들기

1. eGovFrame를 이용한 홈페이지 만들기 5조 안정현 김현수 주채진 조수아

2. CONTENT • eGovframe • 개발환경설치 • Hello World • 서버 및 DB설정 • List Sample • Q&A

3. eGovframe • 개발환경설치 • Hello World • 서버 및 DB설정 • List Sample • Q&A

4. 1. eGovframe- 1.1 eGovframe이란? What is? 표준프레임워크는 정보시스템 개발을 위해 필요한 기능 및 아키텍처를 미리 만들어 제공함으로써 효율적인 어플리케이션 구축을 지원 특징? • 개방형 표준 준수오픈 소스 기반의 범용화된 기술의 활용으로 특정 사업자에 대한 종속성 배제 • 상용 솔루션 연계상용 솔루션과 연계가 가능한 표준을 제시하여 상호 운용성보장 • 국가적 표준화 지향민.관.학계로 구성된 자문협의회를 통해 국가적 차원의 표준화 수행 • 변화 유연성서비스 모듈화로 교체가 용이,Interface기반 연동으로 모듈간 변경영향 최소화 • 편리하고 다양한 환경제공Eclipse 기반의 modeling, editing, compiling, 디버깅 환경 제공

5. 1. eGovframe- 1.2 표준프레임워크 구성 및 기대효과 • 기대효과? • 개발 생산성 증대와 품질 향상 효과 • 재사용성및 상호 운용성극대화 • 정보화 서비스 표준화율향상

6. eGovframe • 개발환경설치 • Hello World • 서버 및 DB설정 • List Sample • Q&A

7. 2. 개발환경설치 - 2.1 다운받기 홈페이지 접속(http://www.egovframe.go.kr/index.jsp) 가입 및 로그인 (free ^^) 로그인 후 다운로드 클릭 ② ③

8. 2. 개발환경설치 - 2.1 다운받기 ④ 표준프레임워크 2.5 통합 다운로드 ④

9. 2. 개발환경설치 - 2.1 다운받기 ① ② C드라이브에 저장하는 것을 권장함

10. 2. 개발환경설치 - 2.2 설치하기 ③ eclipse를 실행한다

11. 2. 개발환경설치 - 2.2 설치하기 Eclipse가 실행됩니다^^

12. 2. 개발환경설치 - 2.3 Maven 환경설정 ① 다운로드→압축해제→Settings.xml 파일 열기! ② 메모장을 이용하여 [MavenRepository설치디렉토리] /settings.xml 파일의 localRepository항목의 값을 다음과 같이 수정해 저장한다.

13. 2. 개발환경설치 - 2.3 Maven 환경설정 ③ Eclipse의 window>preferences 메뉴를 선택하여 설정화면에서 Maven> Installtions에서 Browse를 클릭한 후 메모장에서 설정한 [MavenRepository 설치디렉토리]/settings.xml 파일로 지정한다. Maven 설정 완료!

14. 2. 개발환경설치 - 2.4 프로젝트생성및실행 다운로드!

15. 2. 개발환경설치 - 2.5 Maven을이용한빌드 Maven 기반의 빌드를 사용한다.

16. 2. 개발환경설치 - 2.5 Maven을이용한빌드 Console 창에 프로젝트의 컴파일, 테스트, 패키징을 모두 수행하고난 결과가 뜬다.

17. 2. 개발환경설치 - 2.6 HelloWorld실행

18. 2. 개발환경설치 - 2.6 HelloWorld실행 HelloWorld실행완료!

19. 2. 개발환경설치 - 2.7 HelloWorld테스트실행

20. 2. 개발환경설치 - 2.7 HelloWorld테스트실행 JUnit결과창에서HelloWorld수행시간 및 성공여부를 확인 할 수 있다.

21. 2. 개발환경설치 - 2.7 HelloWorld클래스 서비스 인터페이스 클래스 서비스 구현 클래스

22. 2. 개발환경설치 - 2.7 HelloWorld클래스 서비스 속성 정의 파일 클라이언트 클래스

23. 2. 개발환경설치 - 2.7 HelloWorld클래스 테스트 클래스

24. eGovframe • 개발환경설치 • Hello World • 서버 및 DB설정 • List Sample • Q&A

25. 3. 서버 및 DB설정 – 3.1 프로젝트 생성 ① ② ③ • 메뉴 표시줄에서 ①File> ②New> ③eGovFrameWeb Project 를 선택한다.

26. 3. 서버 및 DB설정 – 3.1 프로젝트 생성 ④ ① ② ⑤ ③ ④Generate Example를 Check ⑤Finish 클릭 ①프로젝트 명 설정 ②Group Id 설정 ③Next 클릭

27. 3. 서버 및 DB설정 – 3.2 서버 설치 ① 하단 작업창에서①new server wizard…을 클릭

28. 3. 서버 및 DB설정 – 3.2 서버 설치 서버 실행 환경을 만들기 위해 ①을 클릭한다 ①

29. 3. 서버 및 DB설정 – 3.2 서버 설치 ① 아파치 소프트웨어 어댑터인 “Geronimo 버전의 서버 어댑터”를 다운 *3.0다운 시 오류가 나면 하향해서 받아본다 ① ①

30. 3. 서버 및 DB설정 – 3.2 서버 설치 ①Tomcat v6.0 Server선택 ②Next 클릭 ① “Server runtime environment”가 나타난 것을 알 수 있다. ② ①②③

31. 3. 서버 및 DB설정 – 3.2 서버 설치 ① ② ③ Finish 클릭 ①프로젝트 선택  ②Add All클릭 ③

32. 3. 서버 및 DB설정 – 3.3 서버 테스트 ① ② ①프로젝트 우클릭 ②Run As  1 Run on Server 클릭

33. 3. 서버 및 DB설정 – 3.3 서버 테스트 ① ① Finish 클릭 ① Tomcat v6.0 Server at localhost선택 ②Nest > 클릭 ② ①

34. 3. 서버 및 DB설정 – 3.3 서버 테스트 ① ① List Sample 화면이 나오면 성공!.. 그러나.. 뒷장 대부분은 아마 에러창이 뜰 것이다. 에러창이 뜬다면, 뒷장을 참조하라

35. 3. 서버 및 DB설정 – 3.3 서버 테스트 * 위의 에러창이 뜬다고 걱정하지마라! 에러가 나는 것이당연하다. 왜냐하면, 우리는 아직 이 프로젝트의 DB커낵션을 정해주지 않았다. 자! 이제 DB(Database)와 연결을 해보자. 기본적으로 eGovFrame에서는 HSQLD를 제공한다. 그래서 HSQLD와 연결하는 방법이 있으며, 만약 자신이 MySql, Oracle, Altibase, Tibero등의 다른 DB를 사용하고자 한다면 다른 DB에 연결하는 방법이 있다. 먼저, HSQLD에 연결하는 방법을 알아보자.

36. 3. 서버 및 DB설정 – 3.4 HSQLD 연결 ①eGovFrame가 설치된 장소로가서 Workspace파일을 열면, 현재 자신이 연결하고자하는 프로젝트 폴더가 있을 것이다. 그 프로젝트폴더를 열고 ‘DATABASE’폴더db폴더에 들어가면 다음과 같은 화면을 얻을 수 있다. 예제:eGovFrameDev-2.5.1-FullVer\workspace\test\DATABASE\db (우리팀의 프로젝트 이름은 ‘test’이다.) ②‘runHsqlDB.cmd’클릭

37. 3. 서버 및 DB설정 – 3.4 HSQLD 연결 ①다음과 같은 cmd창이 뜬다. *주의, 이 cmd창은 db와 연결을 유지시켜주는 것임으로 끄게 된다면, 연결또한 꺼짐으로 프로젝트에서 서버, db와 연동이 끝날 때까지는 유지해 주어야 한다. 한마디로,“끄지마라!”

38. 3. 서버 및 DB설정 – 3.4 HSQLD 연결 ①다시 eGovFrame으로 돌아오자. ② Data Source Explorer에 있는 Database Connections폴더를 우클릭하여New…메뉴를 클릭! *만약 Data Source Explorer창이 없다면, 상위 도구창의 WidowsShow view  Data Source Explorer ②

39. 3. 서버 및 DB설정 – 3.4 HSQLD 연결 ④ ② ③ ① ③ ‘HDSQLDB JDBC Driver’ 클릭 후 ④‘JAR List’클릭! ① HSQLDB를 클릭후 Next!! ②을 클릭!!

40. 3. 서버 및 DB설정 – 3.4 HSQLD 연결 ④ ③ ② ① ③ ④ ②’Add JAR/Zip…’클릭 ① ‘Remove JAR/Zip’클릭 ③‘hsqldb-1.8.010.jar’선택 ④‘열기’클릭! *Driver files에 hsqldb가 add되어 있는 것을 확인할 수 있다. ⑤’Cancel’을 클릭해서 창에서 나온다. ⑤

41. 3. 서버 및 DB설정 – 3.4 HSQLD 연결 ② ②’New HSQLDB’가 생성된 것을 확인할 수 있다. ① ① ‘Finish’클릭 자, 이제 다시한번 서버를 가동시켜보자! *단, 아까 위에서 실행시켰던,‘runHsqlDB.cmd’창을 켜놓은 상태로 진행 해야한다!

42. 3. 서버 및 DB설정 – 3.4 HSQLD 연결 ① ② ①프로젝트 우클릭 ②Run As  1 Run on Server 클릭

43. 3. 서버 및 DB설정 – 3.4 HSQLD 연결 ① ① Finish 클릭 ① Tomcat v6.0 Server at localhost선택 ②Nest > 클릭 ② ①

44. 3. 서버 및 DB설정 – 3.4 HSQLD 연결 ① ①성공! 하지만, 위에서 언급했듯, 당신이 다른 DBMS를 사용한다면?! - 다음 장에서는 다른 DBMS인 ‘MySQL’로 연결하는 방법을 기재하였다. 흔히, 오픈소스로 많이 사용하는 MySQL을 예제로 선정하였고, 그 외의 다른 DBMS라도 방법 및 절차는 같음으로 따라하기만 하면 된다.

45. 3. 서버 및 DB설정 – 3.5 MySQL연결 ① 먼저, ‘WAMP’켜준다. (만약, WAMP가 없다면, 먼저 WAMP부터 깔아라!WAMP를 까는 것은 다른 가이드 라인을 통해 소개하겠다.) ②WAMP가 초록색인지 확인한다. (주황색 또는 빨강일 경우 문제가 있다는 뜻) ②

46. 3. 서버 및 DB설정 – 3.5 MySQL연결 : sql-map-config.xml 변경 ① ② ①다음과 같이 ‘프로젝트src/main/resourcessqlmaprte’루트로 가면 sql-map-config.xml파일이 있다. 이 파일을 더블클릭한다. ②현재, DB를 HSQLD로 사용하고 있음으로 첫 번째를 제외한 나머지 두 번째 3번째 문장은 주석처리 ‘<!-- … -->’를 하여 sqlMapConfig가 첫번째 문장만을 인식하도록 설정 돼있다. 하지만, 이제 MySQL을 사용할 것임으로 MySql에 해당되는 두 번째 문장을 주석처리를 풀고 첫 번째 문장을 주석 처리하여 sqlMapConfig에서 MySQL에 해당되는 두 번째 문장을 인식하도록 하자!

47. 3. 서버 및 DB설정 – 3.5 MySQL연결 : pom.xml에 dependency추가, context-datasouce.xml 수정 ② *pom.xml파일을 오픈하면<dependencies>로 시작하는 문장이있다. 이 문장이 끝나는 곳인 </dependencies>사이에만 넣어주면 된다. ① ①‘pom.xml’파일을 연다. ②<dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.17</version> </dependency> 추가! ③ ‘spring/context-datasource.xml’에서 mysql주석을 풀고 url, username,pasword의 value값을 자신의 mysql설정과 같게 바꿔준다.

48. 3. 서버 및 DB설정 – 3.5 MySQL연결 : context-datasource.xml 변경 ①Run As  Maven install 클릭 ①

49. 3. 서버 및 DB설정 – 3.5 MySQL연결 ① ①“test 우클릭 Run As Run on server” 그러면,다음과같이 실행창이 뜬것을 볼 수 있다.성공!

50. Etc. – 홈페이지 및 가이드 주소 • eGovFrame • http://www.egovframe.go.kr/ • eGovFrame설치가이드 • http://www.egovframe.org/wiki/doku.php?id=egovframework:dev2:gettingstarted • http://www.egovframe.org/wiki/doku.php?id=egovframework:rtea2.5