Eclipse IDE와 함께 EGL 사용
Eclipse IDE는 사용자가 코드를 입력하는 것 외에도 화면에서 오브젝트를 가리키고 클릭하여 작업을 수행하는 워크벤치라고 하는 그래픽 사용자 인터페이스(GUI)를 제공합니다. 이 방법으로 EGL로 작업할 때 Eclipse 워크벤치를 사용하는 것이므로 워크벤치의 도구를 1분 정도 살펴보는 것이 좋습니다.
EGL 애플리케이션을 개발하는 중에 워크벤치를 사용하여 파일을 관리하고 코드를 쓰고 애플리케이션을 테스트하고 개발합니다. 워크벤치는 기타 프로그래밍 언어의 편집기와 유사한 코드 편집기를 포함하지만 워크벤치가 이해하는 EGL 코드와 다수의 기타 코드 및 파일에 대해 작업하기 위한 여러 그래픽 도구도 포함하고 있습니다.
Eclipse는 제공되는 도구 세트를 변경하고 인터페이스에 표시되는 도구를 선택하기 위한 기능을 제공합니다. 각 다른 도구 세트는 퍼스펙티브라고 하며 퍼스펙티브 내의 창은 보기 및 편집기라고 합니다. 이후에 이 주제에서 해당 개념에 대해 더 자세히 학습하게 됩니다.
일반적인 EGL 개발 워크벤치

- 메뉴 표시줄
GUI의 함수는 일반적으로 창의 맨 위에 있는 메뉴 표시줄에 나열됩니다. 위의 그림에서 메뉴 표시줄이 파일, 편집, 이동으로 시작하는 메뉴를 나열합니다. 마우스로 메뉴 항목을 클릭할 때 메뉴가 드롭 다운됩니다. Eclipse 메뉴 표시줄은 작업공간의 위치, 파일을 가져오고 내보내기 위한 명령, 검색 명령, 도움말 메뉴와 같은 워크벤치의 글로벌 옵션을 포함합니다.
메뉴 표시줄을 사용하여 보기 및 퍼스펙티브를 열고 닫을 수도 있습니다. 를 클릭하여 보기 또는 를 열고 퍼스펙티브를 여십시오.
- 퍼스펙티브 막대
- 퍼스펙티브 막대가 현재 활성 퍼스펙티브를 나열합니다. 퍼스펙티브의 이름 및 아이콘을 클릭하여 해당 퍼스펙티브를 전환할 수 있습니다. 위의 그림에서 디버그, EGL, 웹 퍼스펙티브는 활성이며 EGL 퍼스펙티브가 열립니다.
- 도구 모음
- 워크벤치는 열린 퍼스펙티브, 보기, 파일에 따라 메뉴 표시줄 아래에서
다양한 도구 모음을 표시합니다. 아이콘 위에 커서를
위치시키면 풍선 도움말에 해당 아이콘이 제공하는 함수가 표시됩니다.
일부 아이콘에는 또한 추가 옵션이 있는 드롭 다운 목록이 있습니다. 예를 들어,
EGL 퍼스펙티브의 도구 모음이 새 EGL 프로젝트, 새 EGL 패키지 또는
새 EGL 소스 파일을 작성하기 위해 EGL 마법사를 시작하는
아이콘을 포함합니다. 일부 보기 및 편집기에는
고유한 도구 모음이 있습니다.
이러한 도구 모음의 아이콘은 파일을 마우스 오른쪽 단추로 클릭할 때 나타나는 팝업 메뉴 또는 메뉴 표시줄에서와 같이 워크벤치에서 찾은 명령에 대한 바로 가기입니다. 를 클릭하고 명령 탭의 선택란을 선택하고 선택 취소하여 표시된 도구 모음을 사용자 정의할 수 있습니다.
- EGL 편집기
EGL 편집기는 기타 언어에 대한 표준 문서 편집기 또는 코드 편집기와 유사하게 보이고 유사하게 작동되지만 EGL 코드 편집을 돕는 추가 기능이 있습니다. 코드 편집기는 올바르지 않은 구문을 강조표시하고 코드에서 문제점에 대한 설명을 제공하며 키워드 및 문자열에 색상을 지정합니다.
EGL 편집기는 또한 입력을 시작한 코드를 완료하려고 시도하는 컨텐츠 지원도 포함합니다. 컨텐츠 지원을 사용하려면 변수 이름, 라이브러리 이름 또는 EGL 키워드의 처음 몇 자를 입력하고 CTRL+스페이스를 누르십시오. 입력한 코드로 시작하는 올바른 EGL 코드 구문을 나열하는 컨텐츠 지원 창이 열립니다. 강조표시하고 Enter를 누르거나 두 번 클릭하여 목록에서 코드 구문을 선택하십시오.
- EGL Rich UI 편집기
- EGL Rich UI 편집기는 클라이언트측 웹 애플리케이션의 빠른 개발을 위한 디자인 화면 및 미리보기 보기뿐만 아니라 EGL 편집기의 기능을 포함합니다. 세부사항은 EGL Rich UI의 개요 및 EGL Rich UI 편집기 소개를 참조하십시오.
- 프로젝트 탐색기 보기
프로젝트 탐색기 보기는 모든 파일 및 프로젝트를 표시합니다. 프로젝트 내에서 이 보기는 계층 구조 배열에서 파일을 표시합니다. 패키지 또는 폴더를 펼쳐 내부의 파일을 노출하려면 더하기 부호를 클릭하십시오. 파일을 두 번 클릭하여 기본 편집기에서 이를 여십시오. 파일, 프로젝트 또는 폴더를 마우스 오른쪽 단추로 클릭하여 옵션의 컨텍스트 메뉴를 표시하십시오. 이 메뉴에서 다른 많은 옵션 중에 파일을 삭제하거나 이름을 바꿀 수 있습니다. 보기에서 파일을 클릭하고 임의 위치에서 임의 위치로 끌어올 수도 있습니다. 작업 세트 또는 프로젝트 그룹 또는 기타 요소를 정의하여 이 보기의 프로젝트를 그룹화할 수 있습니다. 작업 세트를 참조하십시오.
- 아웃라인 보기
- 아웃라인 보기는 현재 편집 중인 파일의 계층 구조 표시를 보여줍니다. 예를 들어, 파일이 프로그램 파트 및 레코드 파트를 포함하는 경우 아웃라인 보기가 계층 구조의 맨 위에 파일의 패키지를 표시하며 그 뒤에 파일에서 import 문을 표시한 후 프로그램 파트 및 레코드 파트를 표시합니다. 프로그램 파트의 변수 및 함수는 아웃라인 보기의 프로그램 파트 아래에서 표시되며 레코드 파트의 필드는 레코드 파트 아래에서 노드로 표시됩니다. 아웃라인 보기의 항목을 클릭하여 EGL 소스 파일에서 일치하는 위치로 이동할 수 있습니다.
- 문제점 보기
- 문제점 보기는 코드 또는 기타 파일에서 구문 오류 또는 경고를 표시합니다. 오류를 두 번 클릭하여 파일에서 오류의 위치를 표시할 수 있습니다.
- 생성 결과 보기
- EGL은 파트를 생성할 때마다 생성 결과 보기를 업데이트합니다. EGL 파트가 올바르게 생성되지 않는 경우 이 창에 생성되지 않은 파트 및 이유가 표시됩니다. 이 보기는 또한 성공적으로 생성된 파트도 표시합니다.
이전 이미지에서 생성 결과 보기는 "쌓여" 있거나 문제점 보기 뒤에 숨겨져 있습니다. 원하는 보기의 이름이 있는 탭을 클릭하여 스택의 맨 위로 해당 보기를 가져오는, 숨겨진 보기로 전환할 수 있습니다. 보기의 이름을 두 번 클릭하여 해당 보기를 펼치고 워크벤치를 채울 수도 있습니다. 이름을 다시 두 번 클릭하면 보기가 원래 크기로 돌아갑니다.
EGL 개발자가 일반적으로 사용하는 기타 창
EGL 개발자는 기본 워크벤치 창 외에 기타 창을 사용해야 하는 경우도 있습니다. 예제는 다음과 같습니다.
- EGL 환경 설정 창

- 환경 설정 창을 사용하여 워크벤치의 글로벌 옵션을 설정할 수 있습니다. 이 설명은 환경 설정 창의 EGL 페이지를 표시합니다. EGL 환경 설정을 설정하려면 을 클릭하고 EGL을 클릭하십시오. 설정할 수 있는 특정 EGL 환경 설정에 대한 정보 링크는 환경 설정의 내용을 참조하십시오.
- 검색 창

- 검색 창에서 검색 보기와 혼동하지 않도록 작업공간에서 EGL 파트 또는 기타 정보를 검색할 수 있습니다. 검색 결과가 검색 보기에 표시됩니다. 세부사항은 파트 검색의 내용을 참조하십시오.
- 특성 창

- 특정 보기와 혼동되지 않도록 대부분의 프로젝트 및 파일 유형에는 특성 창이 있습니다. 특성 창은 아티팩트에 대해 개별 옵션을 설정합니다. 마우스 오른쪽 단추로 클릭한 후 특성을 클릭하여 프로젝트 또는 파일의 특성 창에 액세스하십시오.
EGL 개발자가 일반적으로 사용하는 기타 보기 및 편집기
- EGL 빌드 파트 편집기
- 빌드 파트 편집기는 빌드 디스크립터를 포함하여
빌드 파트를 편집하는 데 사용됩니다.

- EGL 파트 참조 보기

- EGL 파트 참조 보기는 기본 로직 파트에서 참조된 파트의 계층 구조 보기를 표시합니다. 파트 참조 보기에서 파트를 열려면 프로젝트 탐색기 보기에서 파트를 포함하는 파일을 마우스 오른쪽 단추로 클릭한 후 파트 참조에서 열기를 클릭하십시오. 세부사항은 파트 참조 보기의 내용을 참조하십시오.
- EGL 파트 목록 보기

- EGL 파트 목록 보기는 참조를 위해 정렬하거나 필터링할 수 있는 EGL 파트의 목록을 표시합니다. 세부사항은 파트 목록 보기의 내용을 참조하십시오.
- Page Designer 편집기

- Page Designer는 웹 페이지를 위한 WYSIWYG(what-you-see-is-what-you-get) 편집기입니다. Page Designer는 EGL 애플리케이션의 웹 인터페이스를 작성하기 위해 EGL로 작업할 수 있습니다.
- 특성 보기

- 특성 보기는 사용자가 편집기에서 선택한 특정 오브젝트에 대한 자세한 정보를 제공합니다. 예를 들어, Page Designer에서 웹 페이지를 열고 해당 웹 페이지에서 텍스트 출력 필드를 선택하는 경우 특성 보기에 해당 컨텐츠가 나오는 필드에 적용되는 스타일 및 기타 특성과 같은 정보가 표시됩니다.
- 팔레트 보기

- 팔레트 보기는 WYSIWYG 편집기와 함께 작동합니다. 팔레트는 오브젝트를 나열하며, 사용자는 이 오브젝트를 편집기로 끌어와 열린 파일에서 새 오브젝트를 작성할 수 있습니다.
- 스니펫 보기

- 스니펫 보기는 코드 편집기와 함께 작동합니다. 스니펫 보기는 코드로 끌어올 수 있는 재사용가능한 코드 조각을 보유합니다. 자주 사용하는 코드의 새 스니펫을 작성할 수도 있습니다.
- 콘솔 보기

- 콘솔 보기는 애플리케이션 실행과 관련된 로그 메시지를 표시합니다. 예를 들어, 애플리케이션을 실행하고 오류가 발생하는 경우 해당 오류가 콘솔 보기에 나열됩니다.
- 네비게이터 보기

- 네비게이터 보기는 작업공간에서 프로젝트 및 파일 모두를 표시하는 프로젝트 탐색기 보기와 유사합니다. 그러나 네비게이터 보기는 EGL이 형식화하거나 필터링하지 않은 작업공간의 폴더 및 파일을 순수하게 표시하는 보기입니다. 예를 들어, 이는 해당 아티팩트의 실제 위치를 기반으로 작업공간에서 모든 폴더 및 파일을 표시합니다. 프로젝트 탐색기는 메타데이터 파일(예제: .eglproject 파일) 및 일반적으로 액세스할 필요가 없는 디렉토리(예제: EGLbin 디렉토리)를 자동으로 숨겨 혼란스러움을 줄입니다. 또한 네비게이터 보기는 프로젝트 탐색기 보기가 수행하는 것처럼 이름 바꾸기 및 이동과 같은 EGL 파트 및 파일 리팩토링을 지원하지 않습니다.
워크벤치를 구성하는 방법
- 기능
- 기능은 워크벤치에서 기능의 가장 폭넓은
카테고리입니다. 기능은 "웹 개발자" 또는 "테스터"와 같은
주요 기능 영역으로 구성됩니다.
기능은 기능을 표시하거나 숨기기 위해 사용 또는 사용 안함으로 설정할 수 있습니다. 예를 들어, 테스터 기능을 사용 안함으로 설정하는 경우 테스트와 관련된 퍼스펙티브 및 보기를 사용할 수 없습니다. 을 클릭한 후 사용으로 설정하려는 기능 옆에 있는 선택란을 선택하여 환경 설정 창에서 기능을 수동으로 사용으로 설정할 수 있습니다. 또는 사용 안함으로 설정된 기능과 연관된 파일을 작성하거나 퍼스펙티브를 열려고 시도할 때 워크벤치에서 연관된 기능을 사용으로 설정하도록 하는 프롬프트를 표시합니다.
EGL 개발자가 사용하는 기본 기능은 EGL 개발자 기능입니다. 이 기능을 사용하도록 설정하면 EGL 관련 퍼스펙티브가 사용 가능해지며 EGL 코드로 작업할 도구가 사용 가능해집니다. EGL 기능 사용을 참조하십시오.
- 퍼스펙티브
- 퍼스펙티브는 모든 사항이 화면에 한 번에 표시되는
보기 및 편집기 그룹입니다. 예를 들어, 을 클릭하여 웹 퍼스펙티브를 열면
웹 사이트를 빌드하기 위한 도구가 표시됩니다. 데이터 소스,
디버깅 코드, 테스트에 대해 작업하기 위한 기타 퍼스펙티브가 있습니다.
사용할 수 있는 퍼스펙티브는 워크벤치에서 사용으로 설정된 기능에 따라 다릅니다. 예를 들어, 테스터 기능이 사용 안함으로 설정된 경우 에서 옵션으로 테스트 퍼스펙티브가 표시되지 않습니다.
작업 손실 없이 언제든지 퍼스펙티브를 전환할 수 있으며 원하는 수만큼의 퍼스펙티브를 열 수 있습니다. 개발자가 다른 태스크를 수행하면서 퍼스펙티브를 전환하는 경우도 있습니다. 퍼스펙티브 간에 전환하려면 를 사용하여 원하는 퍼스펙티브를 열고 일반적으로 워크벤치의 맨 위 오른쪽 구성에 있는 퍼스펙티브 막대의 퍼스펙티브 아이콘을 클릭하십시오.
원하는 도구만 표시하는 사용자 정의된 퍼스펙티브를 작성할 수도 있습니다. 사용자 정의된 퍼스펙티브를 작성하려면 기존 퍼스펙티브를 열고 해당 보기 및 편집기 위치를 재설정하고 보기 및 편집기를 열거나 닫아 사용자의 요구사항에 이를 맞추십시오. 그런 다음 을 클릭하고 이름을 입력하십시오.
- 보기
- 퍼스펙티브를 열면 해당 퍼스펙티브와 연관된 보기가
워크벤치에 표시됩니다. 각 보기는
특정 정보 표시 또는 특정 도구에 대한 액세스 제공과 같은 특정 목적을 위해
수행됩니다. 각 보기의 용도는 폭넓게 다양하지만, 일반적으로 보기는
작업공간의 특정 영역에 대한 액세스를 제공합니다. 프로젝트 탐색기,
네비게이터, 패키지 탐색기 보기와 같은 일부 보기는
파일을 열거나 프로젝트를 재구성할 수 있도록 작업공간에 파일,
프로젝트, 패키지를 표시합니다. 아웃라인 및 특성 보기와 같은
기타 보기는 편집기에서 현재 표시되는 파일에 대한
정보를 제공합니다. 마지막으로 문제점 보기 및 콘솔 보기와 같은
일부 보기는 프로젝트 상태에 대한 정보를
표시합니다.
보기는 유연합니다. 워크벤치 주위로 보기를 움직일 수 있고 크기를 조정하고 최소화하거나 최대화하고 다른 보기의 위에 쌓거나 닫을 수 있습니다. 보기를 닫으려면 보기의 맨 위에 있는 X를 클릭하십시오. 보기를 열려면 해당 보기를 포함하는 퍼스펙티브를 열거나 를 클릭하고 보기의 이름을 클릭하십시오. 원하는 수만큼 보기를 열 수 있지만 보기를 하나 이상의 퍼스펙티브로 관리하는 것이 가장 좋습니다.
- 편집기
- 편집기는 보기와 유사하지만 편집기는 특정 파일 유형을
변경하도록 디자인되었습니다. EGL 코드 편집기에
EGL 코드로 작업하기 위한 추가 기능이 있지만
GL 코드 편집기와 같은 일부 편집기는 다수의 다른 프로그래밍 언어의
코드 편집기와 유사하게 보고 작업합니다.
다른 편집기는 그래픽적이며 끌어서 놓기 도구 또는 WYSIWYG(what-you-see-is-what-you-get) 미리보기 도구가 있습니다. 예를 들어, Page Designer를 사용하면 웹 페이지를 직접 클릭하고 입력하여 웹 페이지를 편집할 수 있습니다. 또한 팔레트 보기와 같은 보기의 페이지로 웹 페이지 요소를 끌어올 수도 있습니다.
기타 편집기는 여전히 표 형식이며 사용자가 값을 입력하는 테이블을 제공합니다. 예를 들어, EGL 빌드 파트 편집기는 테이블에 빌드 디스크립터 옵션의 값을 입력하여 빌드 디스크립터 파트를 편집하도록 해줍니다.
일반적으로 프로젝트 탐색기 또는 네비게이터와 같은 파일을 표시하는 보기에서 파일을 두 번 클릭라면 해당 파일이 기본 편집기에서 열립니다. 파일을 마우스 오른쪽 단추로 클릭한 후 연결 프로그램을 클릭하여 해당 파일을 열 수 있는 편집기 목록을 확인하거나 를 클릭하여 운영 체제에 있는 해당 파일 유형의 기본 편집기에서 워크벤치 외부의 파일을 열 수 있습니다.
워크벤치의 기타 정보
효율적인 워크벤치 사용에 대한 자세한 정보는 다음 소스를 참조하십시오.