Legal | Privacy
 Creating an Application Using Oracle Database 10g Express Edition

Oracle Database 10g Express Edition을 이용한 애플리케이션의 구현

이 튜토리얼은 Oracle Database 10g Express Edition(XE)을 이용하여 애플리케이션을 구현하는 방법을 설명하고 있습니다.

약 30 분

주제

이 튜토리얼에서 설명되는 주제가 아래와 같습니다.

이 아이콘 위로 커서를 가져가면 튜토리얼의 모든 스크린샷을 한 번에 확인할 수 있습니다. (주의: 모든 스크린샷이 한꺼번에 로드되므로, 인터넷 연결 속도에 따라 응답 시간이 매우 느려질 수 있습니다.)

참고: 또는 아래 각 단계별로 표시된 아이콘 위에 커서를 올려놓고, 각 단계별 스크린샷을 선택적으로 로드할 수도 있습니다. 개별 스크린샷을 클릭하여 숨기는 것도 가능합니다.

개요

Oracle Application Express는 Oracle Database 10g Express Edition에 포함된 도구로 데이터베이스를 관리하고 웹 기반 애플리케이션을 구현하기 위해 활용됩니다. Oracle Application Express는 오라클 데이터베이스를 위한 RAD 웹 개발 툴입니다. 웹 브라우저와 최소한의 프로그래밍 경험만 있으면 신속하고 안정적인 방법으로 전문적인 애플리케이션을 개발할 수 있습니다. 사용자는 브라우저만을 이용하여 Application Express가 실행 중인 오라클 데이터베이스에 접근할 수 있습니다.

주제 목록으로 돌아가기

이 튜토리얼을 진행하기 전에 아래 작업을 완료하셔야 합니다.

1.

Oracle Database 10g Express Edition을 OTN에서 다운로드하여 설치합니다.

 

2.

SQL*Plus 윈도우를 열고 SYS 또는 SYSTEM으로 로그인합니다. 아래 구문을 실행합니다.

alter user hr identified by hr account unlock;

 

주제 목록으로 돌아가기

애플리케이션 활용을 위해 SQL 저장

이번 섹션에서는 Query Builder를 이용하여 3 개의 테이블을 조인(join)하는 쿼리를 생성합니다. 아래와 같이 실행합니다.

1.

Start > Programs > Oracle Database 10g Express Edition > Go to Database Home Page를 선택합니다.

 

2.

아래와 정보를 입력한 후 Login을 눌러 XE에 로그인합니다.

Username: hr
Password: hr

 

3.

쿼리를 생성하기 위해 SQL > Query Builder옆에 있는 화살표를 클릭한 뒤 Create를 선택합니다.

 

4.

Departments를 선택합니다.

 

5.

Locations를 선택합니다.

 

6.

Countries를 선택합니다.

 

7.

데이터 쿼리를 위해 테이블 간에 JOIN을 생성해야 합니다. DEPARTMENTS.LOCATION_ID를 선택합니다.

 

8.

컬럼이 선택된 상태에서, LOCATIONS.LOCATION_ID 컬럼 위로 마우스를 드래그-앤-드롭 합니다.

 

9.

DEPARTMENTS와 LOCATION의 JOIN이 표시됩니다. 이제 LOCATION과 COUNTRIES 간의 JOIN을 생성할 차례입니다. LOCATIONS.COUNTRY_ID 를 선택하고COUNTRIES.COUNTRY_ID로 드래그합니다.

 

10.

LOCATIONS와 COUNTRIES 간에 JOIN이 생성되었습니다. 다음으로 쿼리가 실행될 때 사용할 컬럼을 선택할 차례입니다. 아래 컬럼의 앞에 위치한 체크박스를 선택한 후 Run을 클릭합니다.

DEPARTMENTS.DEPARTMENT_ID
DEPARTMENTS.DEPARTMENT_NAME
LOCATIONS.CITY
LOCATIONS.STATE_PROVINCE
COUNTRIES.COUNTRY_NAME

 

11.

결과가 표시됩니다. 나중에 애플리케이션에서 사용할 수 있도록 쿼리를 저장해 봅시다. Save를 클릭합니다.

 

12.

"Name" 항목에 Department Locations 을 입력하고Save를 클릭합니다.

 

13.

이제 쿼리가 저장되었습니다. Home 을 눌러 XE 홈 페이지로 돌아갑니다.

 

주제 목록으로 돌아가기

이제 Application Builder를 이용해서 두 개의 리포트와 폼을 포함하는 애플리케이션을 생성할 차례입니다. 아래와 같이 실행합니다.

1.

XE 홈 페이지에서 Application Builder > Create Application 옆의 화살표를 클릭한 다음Create Application을 선택합니다.

 

2.

"Name"에 HR Application 을 입력하고 Next를 클릭합니다.

 

3.

Report Page Type을 클릭합니다.

 

4.

이제 앞에서 생성한 쿼리를 사용해 봅시다. Page Source로 SQL Query 를 Page Name으로 Departments 를 입력한 후 Query Builder를 클릭합니다.

 

5.

Saved SQL 탭을 클릭합니다.

 

6.

저장된 SQL 링크 (Department Locations)를 선택합니다.

 

7.

Query 정의가 표시됩니다 Return을 클릭합니다.

 

8.

SQL이 Query 영역에 표시됩니다. Add Page를 클릭합니다.

 

9.

이제 다른 페이지를 생성해 봅시다. Report and Form Page Type을 클릭합니다.

 

10.

Departments (1)를 선택한 후 Table Name의 위쪽 화살표를 선택합니다.

 

11.

EMPLOYEES 테이블을 선택합니다.

 

12.

Add Page를 클릭합니다.

 

13.

Page 2를 위해 EMPLOYEES Page Name 링크를 선택합니다.

 

14.

Link Column으로 DEPARTMENT_NAME을 Parent Report Column 1으로 DEPARTMENT_ID를, Report Column으로 DEPARTMENT_ID를 선택하고 Use Theme-Specific edit button의 체크를 해제한 후 Apply Changes를 클릭합니다.

 

15.

Page 1를 위해 Departments Page Name 링크를 선택합니다.

 

16.

DEPARTMENT_ID의 Show옵션을No로 변경하고 Apply Changes를 클릭합니다.

 

17.

이제 필요한 모든 페이지를 생성하였습니다. Next > 를 클릭합니다.

 

18.

이제 탭을 생성해 봅시다. Next >를 클릭합니다.

 

19.

공유 컴포넌트는 사용되지 않습니다. Next > 를 클릭합니다.

 

20.

디폴트 Authentication / Language Type을 그대로 사용합니다. Next > 를 클릭합니다.

 

21.

디폴트 Authentication / Language Type을 그대로 사용합니다. Next > 를 클릭합니다.

 

22.

이제 애플리케이션을 생성할 모든 준비를 마쳤습니다. Create를 클릭합니다.

 

23.

이로써 애플리케이션, 로그인 페이지, 그리고 3 개의 사용자 정의 페이지가 생성되었습니다. Run Application을 클릭합니다.

 

24.

로그인 페이지가 표시됩니다. Username/Password에 각각 hr을 입력하고 Login을 클릭합니다.

 

25.

Department의 목록(리포트)이 표시됩니다. Department 링크 중 하나를 선택합니다.

 

26.

선택한 Department의 Employee 목록(리포트)이 표시됩니다. Employee 중 하나의 앞에 위치한 Edit 아이콘을 선택합니다.

 

27.

Employee의 정보(Form)이 표시됩니다.

 

주제 목록으로 돌아가기

테이블 형태의 폼 추가    

기존 페이지를 위한 Tabular Form을 생성할 수 있습니다. 아래와 같이 실행합니다.

1.

페이지 하단의 개발자 링크에서 Edit Page 3을 클릭합니다.

 

2.

새로운 페이지를 생성하기 위해 Create > 를 클릭합니다.

 

3.

Region on this Page가 선택되어 있는지 확인한 후 Next >를 클릭합니다.

 

4.

페이지에 추가될 컴포넌트를 정의한 후, Form옵션을 선택합니다. Next >를 클릭합니다.

 

5.

Tabular Form옵션을 선택하고 Next >를 클릭합니다.

 

6.

Next >를 클릭합니다.

 

7.

위쪽 화살표를 눌러 테이블을 선택합니다.

 

8.

JOB_HISTORY (table) 링크를 선택합니다.

 

9.

Next >를 클릭합니다.

 

10.

Shift 키를 이용하여 모든 컬럼을 선택한 후 Next >를 클릭합니다.

 

11.

Primary Key Column 1으로 EMPLOYEE_ID을 선택하고 Next 를 클릭합니다.

 

12.

Existing sequence옵션을 선택합니다. 새로운 Sequence 선택 목록에 결과가 표시됩니다. Selection 드롭다운 목록에서 EMPLOYEES_SEQ를 선택한 후 Next >를 클릭합니다.

 

13.

업데이트 가능한 컬럼의 목록이 표시되고 선택됩니다Next >를 클릭합니다.

 

 

14.

Region Title을 Job History 로 변경하고 Page가3으로 설정되었는지 확인합니다. 그런 다음, Next > 를 클릭합니다.

 

15.

생성될 디폴트 버튼을 승인합니다. Next >를 클릭합니다.

 

16.

"When Cancel Button Pressed Branch to this Page"를 2로 변경하고 Next >를 클릭합니다.

 

17.

선택된 결과를 확인한 후 Finish를 클릭합니다.

 

18.

이 폼을 통해 특정 프로젝트의 태스크만을 표시하려면, Project 리전의 SELECT 구문에 WHERE 절을 추가해야 합니다. Edit Page 를 클릭합니다.

 

19.

Regions에서 Job History 리포트 링크를 클릭합니다.

 

20.

Source 링크를 클릭합니다.

 

21.

SELECT 구문의 뒷부분에 아래와 같이 WHERE 절을 추가합니다. 그런 다음 Top 화살표를 클릭합니다.

WHERE EMPLOYEE_ID = :P3_EMPLOYEE_ID 

 

22.

Apply Changes를 클릭합니다.

 

23.

모든 프로젝트를 표시하는 새로운 페이지를 확인하려면 e Run Page 3 ( )아이콘을 클릭합니다.

 

24.

Employee에게 할당된 Job 목록을 표시하는 Form이 표시됩니다.

 

주제 목록으로 돌아가기

이것으로 Master-Detail 폼의 모든 기능이 구현되었습니다. 이제 룩앤필을 수정해야 할 차례입니다. 이번 섹션에서는 아래와 같은 작업을 수행합니다.

날짜 포맷 변경
값 목록 생성
LOV를 사용할 Job Id 필드 변경

이를 위해 아래와 같이 작업을 수행합니다.

1.

Show Edit Links 링크를 클릭합니다.

 

2.

Edit 아이콘 (, Hire Date의 오른쪽에 위치)을 클릭합니다.

 

3. Page Item 선택 목록의 Display As 드롭다운 목록에서 Date Picker (DD-MON-YY)를 선택합니다.Apply Changes를 클릭합니다.

 

4. 브라우저를 리프레시합니다. Hire Date 필드의 옆에 Calendar 아이콘이 표시됨을 확인합니다. Calendar 아이콘을 클릭합니다.

 

5. 캘린더 위젯이 표시됩니다. Close를 클릭합니다.

 

6.

Edit Page 3 링크를 클릭합니다.

 

7.

Job Id 필드에 의해 참조되는 Named LOV를 생성해야 합니다. 생성된 Named LOV는 애플리케이션의 다른 페이지에 의해서도 사용될 수 있습니다. 오른쪽의 List of Values 섹션에서 Create 아이콘()을 클릭합니다.

 

8.

Create List of Values에서 From Scratch의 디폴트 값을 그대로 둔 채Next >를 클릭합니다.

 

9.

Name에 jobid를 입력합니다. Type을 Dynamic으로 변경합니다. 그런 다음 Next >를 클릭합니다.

 

10.

아래와 같이 쿼리를 입력합니다.

select job_title d, job_id r
from jobs
order by 1

Create List of Values를 클릭합니다.

 

11.

페이지로 돌아가려면 상단 오른쪽의 Run Page 3 아이콘을 클릭합니다.

 

12.

Edit 아이콘 ( , Job Id 의 오른쪽에 위치)을 클릭합니다.

 

13. LOV 링크를 클릭합니다.

 

14. List of Values 섹션의 Named LOV 드롭다운 목록에서 JOBID를 선택합니다. Top 아이콘 ()을 클릭합니다.

 

15. Page Item 선택 목록의 Display As 드롭다운 목록에서 Select List를 선택합니다. Apply Changes를 클릭합니다.

 

16. 브라우저의 Refresh 버튼을 클릭하면 Job Id의 드롭다운 목록이 표시됩니다. 화살표를 선택하여 선택할 Job 목록을 확인합니다.

 

17. Hide Edit Links를 클릭합니다.

 

주제 목록으로 돌아가기

새로운 테마의 적용   

앞에서 애플리케이션을 생성하면서 red 테마(theme)을 선택하였습니다. 테마를 변경하는 방법으로 애플리케이션의 룩앤필을 바꿀 수 있습니다. 먼저 Repository에서 테마를 선택하고 새로운 테마를 생성해야 합니다. 새로운 테마를 적용하기 위한 방법이 아래와 같습니다.

1.

페이지 하단의 Developer Links에서 Edit Application 링크를 클릭합니다.

 

2.

Shared Components > User Interface > Themes 옆에 위치한 아래쪽 화살표를 클릭합니다.

 

3.

새로운 테마를 생성하기 위해Create > 를 클릭합니다.

 

4.

Repository의 디폴트 값을 그대로 사용합니다. Next >를 클릭합니다.

 

5.

Theme 옵션에서 Theme 10을 선택합니다. Next >를 클릭합니다.

 

6.

Create를 클릭합니다.

 

7.

Sand 테마로 전환하기 위해 Switch Theme를 클릭합니다.

 

8.

Switch to Theme에서 10. Sand가 선택되어 있는지 확인합니다 Next >를 클릭합니다.

 

9.

페이지가 두 가지 테마의 호환성을 표시하고 있음을 확인합니다. 이 유틸리티는 새로운 테마에 템플릿이 있는지 확인하고 각각의 템플릿을 현재 테마로 교체합니다. Status 컬럼의 체크 마크는 템플릿이 호환 가능함을 의미합니다 Next >를 클릭합니다.

 

10.

테마 변경을 확인하기 위해 Switch Theme를 클릭합니다.

 

11.

새로운 테마를 보려면, 페이지 상단 우측의 Run Page 3 아이콘 ( ) 을 클릭합니다.

 

12.

색상이 변경 되었습니다. Departments 브레드크럼을 클릭합니다.

13.

애플리케이션의 전체 룩앤필이 달라졌음을 확인할 수 있습니다.

주제 목록으로 돌아가기

이번 OBE 튜토리얼을 통해 다음과 같은 내용을 학습할 수 있었습니다.

테이블의 생성 및 수정
애플리케이션의 생성
테이블 형태의 폼 추가/편집
애플리케이션 오브젝트 편집 및 테마 변경

주제 목록으로 돌아가기

Application Express를 이용한 개발 방법 또는 이 튜토리얼에서 사용된 애플리케이션을 커스터마이즈하는 방법을 확인하시려면 아래 링크를 참고하십시오.

Oracle® Database Express Edition 2 Day Plus Application Express 개발자 가이드

Oracle Application Express OTN 사이트

주제 목록으로 돌아가기

이 아이콘 위로 마우스를 가져가면 모든 스크린샷을 숨길 수 있습니다.

 

 

 

E-mail this page
Printer View Printer View