51
eGovFrame 를 를를를 를를를를 를를를 5조 를를를 를를를 를를를 를를를

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

  • Upload
    race

  • View
    139

  • Download
    0

Embed Size (px)

DESCRIPTION

eGovFrame 를 이용한 홈페이지 만들기. 5 조. 안정현 김현수 주채진 조수 아. CONTENT. eGovframe 개발환경설치 Hello World 서버 및 DB 설정 List Sample Q & A. eGovframe 개발환경설치 Hello World 서버 및 DB 설정 List Sample Q & A. 1 . eGovframe - 1.1 eGovframe 이란 ?. What is?. 표준프레임워크는 정보시스템 개발을 위해 필요한 기능 및 아키텍처를 - PowerPoint PPT Presentation

Citation preview

Page 1: eGovFrame 를 이용한  홈페이지 만들기

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

5 조안정현

김현수

주채진

조수아

Page 2: eGovFrame 를 이용한  홈페이지 만들기

CON-TENT

1. eGovframe

2. 개발환경설치 Hello World

3. 서버 및 DB

설정 List Sample

4. Q&A

Page 3: eGovFrame 를 이용한  홈페이지 만들기

1. eGovframe

2. 개발환경설치 Hello World

3. 서버 및 DB 설정 List Sample

4. Q&A

Page 4: eGovFrame 를 이용한  홈페이지 만들기

표준프레임워크는 정보시스템 개발을 위해 필요한 기능 및 아키텍처를 미리 만들어 제공함으로써 효율적인 어플리케이션 구축을 지원

개방형 표준 준수 오픈 소스 기반의 범용화된 기술의 활용으로 특정 사업자에 대한 종속성 배제

상용 솔루션 연계 상용 솔루션과 연계가 가능한 표준을 제시하여 상호 운용성 보장

국가적 표준화 지향 민 . 관 . 학계로 구성된 자문협의회를 통해 국가적 차원의 표준화 수행

변화 유연성 서비스 모듈화로 교체가 용이 , Interface 기반 연동으로 모듈간 변경영향 최소화

편리하고 다양한 환경제공 Eclipse 기반의 modeling, editing, compiling, 디버깅 환경 제공

What is?

특징 ?

1. eGovframe - 1.1 eGovframe

이란 ?

Page 5: eGovFrame 를 이용한  홈페이지 만들기

기대효과 ?

개발 생산성 증대와 품질 향상 효과 재사용성 및 상호 운용성 극대화 정보화 서비스 표준화율 향상

1. eGovframe - 1.2 표준프레임워크 구성 및

기대효과

Page 6: eGovFrame 를 이용한  홈페이지 만들기

1. eGovframe

2. 개발환경설치 Hello World

3. 서버 및 DB 설정 List Sample

4. Q&A

Page 7: eGovFrame 를 이용한  홈페이지 만들기

2. 개발환경설치 - 2.1

다운받기① 홈페이지 접속 (http://www.egovframe.go.kr/index.jsp)② 가입 및 로그인 (free ^^)③ 로그인 후 다운로드 클릭

Page 8: eGovFrame 를 이용한  홈페이지 만들기

④ 표준프레임워크 2.5 통합 다운로드

2. 개발환경설치 - 2.1

다운받기

Page 11: eGovFrame 를 이용한  홈페이지 만들기

2. 개발환경설치 - 2.2

설치하기

Eclipse 가 실행됩니다^^

Page 12: eGovFrame 를 이용한  홈페이지 만들기

② 메모장을 이용하여 [MavenRepository 설치디렉토리 ]/settings.xml 파일의 localRepository 항목의 값을 다음과 같이 수정해 저장한다 .

2. 개발환경설치 - 2.3 Maven

환경설정 ① 다운로드→압축해제→ Settings.xml 파일 열기 !

Page 13: eGovFrame 를 이용한  홈페이지 만들기

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

Maven 설정 완료 !

2. 개발환경설치 - 2.3 Maven

환경설정

Page 14: eGovFrame 를 이용한  홈페이지 만들기

2. 개발환경설치 - 2.4 프로젝트생성

및 실행 다운로드 !

Page 15: eGovFrame 를 이용한  홈페이지 만들기

2. 개발환경설치 - 2.5 Maven 을

이용한 빌드

Maven 기반의 빌드를 사용한다 .

Page 16: eGovFrame 를 이용한  홈페이지 만들기

2. 개발환경설치 - 2.5 Maven 을

이용한 빌드Console 창에 프로젝트의 컴파일 , 테스트 , 패키징을 모두 수행하고난 결과가 뜬다 .

Page 17: eGovFrame 를 이용한  홈페이지 만들기

2. 개발환경설치 - 2.6 HelloWorld

실행

Page 18: eGovFrame 를 이용한  홈페이지 만들기

2. 개발환경설치 - 2.6 HelloWorld

실행

HelloWorld 실행완료 !

Page 19: eGovFrame 를 이용한  홈페이지 만들기

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

실행

Page 20: eGovFrame 를 이용한  홈페이지 만들기

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

실행

JUnit 결과창에서 HelloWorld 수행시간 및 성공여부를 확인 할 수 있다 .

Page 21: eGovFrame 를 이용한  홈페이지 만들기

2. 개발환경설치 - 2.7 HelloWorld

클래스서비스 인터페이스 클래스

서비스 구현 클래스

Page 22: eGovFrame 를 이용한  홈페이지 만들기

2. 개발환경설치 - 2.7 HelloWorld

클래스서비스 속성 정의 파일

클라이언트 클래스

Page 23: eGovFrame 를 이용한  홈페이지 만들기

2. 개발환경설치 - 2.7 HelloWorld

클래스

테스트 클래스

Page 24: eGovFrame 를 이용한  홈페이지 만들기

1. eGovframe

2. 개발환경설치 Hello World

3. 서버 및 DB 설정 List Sample

4. Q&A

Page 25: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.1

프로젝트 생성

• 메뉴 표시줄에서 ① File > ②New > ③eGovFrame Web Project 를 선택한다 .

①②

Page 26: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.1

프로젝트 생성

① 프로젝트 명 설정 ② Group Id

설정 ③ Next 클릭

④Generate Example 를 Check

⑤Finish 클릭

Page 27: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.2 서버

설치

하단 작업창에서 ① new server wizard… 을 클릭

Page 28: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.2 서버

설치

서버 실행 환경을 만들기 위해 ① 을 클릭한다

Page 29: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.2 서버

설치

①아파치 소프트웨어 어댑터인“Geronimo 버전의 서버 어댑터”를 다운*3.0 다운 시 오류가 나면 하향해서 받아본다

Page 30: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.2 서버

설치

①Tomcat v6.0 Server 선택

②Next 클릭

①②③

“Server runtime envi-ronment” 가 나타난 것을 알 수 있다 .

Page 31: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.2 서버

설치

① 프로젝트 선택 ② Add All 클릭 Finish 클릭

Page 32: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.3 서버

테스트

① 프로젝트 우클릭 ② Run As 1 Run on Server 클릭

Page 33: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.3 서버

테스트

① Tomcat v6.0 Server at localhost 선택

② Nest > 클릭

① Finish 클릭

Page 34: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.3 서버

테스트

① List Sample 화면이 나오면 성공 !.. 그러나 .. 뒷장 대부분은

아마 에러창이 뜰 것이다 . 에러창이 뜬다면 , 뒷장을 참조하라

Page 35: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.3 서버

테스트 * 위의 에러창이 뜬다고 걱정하지마라 ! 에러가 나는 것이당연하다 . 왜냐하면 , 우리는 아직 이 프로젝트의 DB 커낵션을 정해주지 않았다 .

자 ! 이제 DB(Database) 와 연결을 해보자 .

기본적으로 eGovFrame 에서는 HSQLD 를 제공한다 . 그래서 HSQLD 와 연결하는 방법이 있으며 , 만약 자신이 MySql, Oracle, Altibase, Tibero 등의 다른 DB 를 사용하고자 한다면 다른 DB 에 연결하는 방법이 있다 .

먼저 , HSQLD 에 연결하는 방법을 알아보자 .

Page 36: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.4 HSQLD 연결

① eGovFrame 가 설치된 장소로가서Workspace 파일을 열면 , 현재 자신이 연결하고자하는 프로젝트 폴더가 있을 것이다 . 그 프로젝트폴더를 열고 ‘ DATABASE’ 폴더 db 폴더에 들어가면 다음과 같은 화면을 얻을 수 있다 .

예제 :eGovFrameDev-2.5.1-FullVer\workspace\test\DATABASE\db

( 우리팀의 프로젝트 이름은 ‘ test’ 이다 .)

② ‘runHsqlDB.cmd’ 클릭

Page 37: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.4 HSQLD 연결

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

Page 38: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.4 HSQLD 연결

② Data Source Explorer 에 있는 Database Connections 폴더를 우클릭하여 New… 메뉴를 클릭 !

* 만약 Data Source Explorer창이 없다면 , 상위 도구창의 WidowsShow view Data Source Explorer

① 다시 eGovFrame 으로 돌아오자 .

Page 39: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.4 HSQLD 연결

② 을 클릭 !!① HSQLDB 를 클릭 후 Next!!

③ ‘HDSQLDB JDBC Driver’ 클릭 후④‘JAR List’ 클릭 !

Page 40: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.4 HSQLD 연결

② ’Add JAR/Zip…’ 클릭① ‘Remove JAR/Zip’ 클릭

③‘hsqldb-1.8.010.jar’ 선택 ④‘ 열기’클릭 !

④③

*Driver files 에 hsqldb 가 add 되어 있는 것을 확인할 수 있다 . ⑤’Cancel’ 을 클릭해서 창에서 나온다 . ⑤

Page 41: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.4 HSQLD 연결

② ’New HSQLDB’ 가 생성된 것을 확인할 수 있다 .

자 , 이제 다시한번 서버를 가동시켜보자 !* 단 , 아까 위에서 실행시켰던 ,‘runHsqlDB.cmd’ 창을 켜놓은 상태로 진행 해야한다 !

① ‘Finish’ 클릭

Page 42: eGovFrame 를 이용한  홈페이지 만들기

① 프로젝트 우클릭 ② Run As 1 Run on Server 클릭

3. 서버 및 DB 설정 – 3.4 HSQLD 연결

Page 43: eGovFrame 를 이용한  홈페이지 만들기

① Tomcat v6.0 Server at localhost 선택

② Nest > 클릭

① Finish 클릭

3. 서버 및 DB 설정 – 3.4 HSQLD 연결

Page 44: eGovFrame 를 이용한  홈페이지 만들기

① 성공 ! 하지만 , 위에서 언급했듯 , 당신이 다른 DBMS 를 사용한다면 ?!

- 다음 장에서는 다른 DBMS 인 ‘ MySQL’ 로 연결하는 방법을 기재하였다 .

흔히 , 오픈소스로 많이 사용하는 MySQL 을 예제로 선정하였고 , 그 외의 다른

DBMS 라도 방법 및 절차는 같음으로 따라하기만 하면 된다 .

3. 서버 및 DB 설정 – 3.4 HSQLD 연결

Page 45: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.5 MySQL 연결

② WAMP 가 초록색인지 확인한다 . ( 주황색 또는 빨강일 경우 문제가 있다는 뜻 )

먼저 , ‘WAMP’ 켜준다 . ( 만약 , WAMP 가 없다면 , 먼저 WAMP 부터 깔아라 !WAMP 를 까는 것은 다른 가이드 라인을 통해 소개하겠다 .)

Page 46: eGovFrame 를 이용한  홈페이지 만들기

① 다음과 같이 ‘프로젝트 src/main/resourcessqlmaprte’루트로 가면 sql-map-config.xml 파일이 있다 . 이 파일을 더블클릭한다 .

3. 서버 및 DB 설정 – 3.5 MySQL 연결 : sql-map-config.xml

변경

② 현재 , DB 를 HSQLD 로 사용하고 있음으로 첫 번째를 제외한 나머지 두 번째 3 번째 문장은 주석처리 ‘ <!-- … -->’ 를 하여 sqlMapConfig 가 첫번째 문장만을 인식하도록 설정 돼있다 . 하지만 , 이제 MySQL 을 사용할 것임으로 MySql 에 해당되는 두 번째 문장을 주석처리를 풀고 첫 번째 문장을 주석 처리하여 sqlMapConfig 에서 MySQL 에 해당되는 두 번째 문장을 인식하도록 하자 !

Page 47: eGovFrame 를 이용한  홈페이지 만들기

3. 서버 및 DB 설정 – 3.5 MySQL 연결 : pom.xml 에 dependency 추가 , context-datasouce.xml 수정

①‘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설정과 같게 바꿔준다 .

②*pom.xml 파일을 오픈하면 <dependencies> 로 시작하는 문장이있다 . 이 문장이 끝나는 곳인 </depen-dencies> 사이에만 넣어주면 된다 .

추가 !

Page 48: eGovFrame 를 이용한  홈페이지 만들기

① Run As Maven install 클릭

3. 서버 및 DB 설정 – 3.5 MySQL 연결 : context-data-

source.xml 변경

Page 49: eGovFrame 를 이용한  홈페이지 만들기

① “test 우클릭 Run As Run on server” 그러면 , 다음과같이 실행창이 뜬것을 볼 수 있다 . 성공 !

3. 서버 및 DB 설정 – 3.5 MySQL 연결

Page 51: eGovFrame 를 이용한  홈페이지 만들기

Q&A

문의사항• 블로그 – http://ITnMIS.wordpress.com• e-Mail Address

• 안정현 : [email protected]• 김현수 :  [email protected]• 조수아 : [email protected]• 주채진 : [email protected]