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;
주제 목록으로 돌아가기
이번 섹션에서는 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를 이용한 개발 방법 또는 이 튜토리얼에서 사용된 애플리케이션을 커스터마이즈하는 방법을 확인하시려면 아래 링크를 참고하십시오.
주제 목록으로 돌아가기
이 아이콘 위로 마우스를 가져가면 모든 스크린샷을 숨길 수 있습니다.