External API 사용의 기초

External API 사용 소개

경우에 따라 자체적으로 SWF 파일을 실행할 수도 있지만(예: SWF 프로젝터를 만든 경우), 대부분의 경우 SWF 응용 프로그램은 다른 응용 프로그램 내부의 요소로 실행됩니다. SWF를 포함하는 컨테이너는 대개 HTML 파일입니다. 그러나 데스크톱 응용 프로그램의 사용자 인터페이스 전체 또는 일부에 SWF 파일을 사용하기도 합니다.

고급 기능을 갖춘 응용 프로그램을 사용하다 보면 SWF 파일과 컨테이너 응용 프로그램 간의 통신 설정이 필요할 수 있습니다. 예를 들어, 웹 페이지에서는 텍스트 또는 기타 정보를 HTML로 표시하고 SWF 파일을 포함시켜 차트나 비디오 등의 동적인 시각적 정보를 표시할 수 있습니다. 이 경우 사용자가 웹 페이지의 버튼을 클릭할 때 SWF 파일의 내용이 변경되도록 할 수 있습니다. ActionScript에는 SWF 파일의 ActionScript와 컨테이너 응용 프로그램의 기타 코드 사이에 이러한 통신을 가능하게 하는 External API라는 메커니즘이 포함되어 있습니다.

일반적인 External API 작업

이 장에서는 다음과 같은 일반적인 External API 작업에 대해 설명합니다.

중요한 개념 및 용어

다음은 이 장에서 사용된 주요 용어 참조 목록입니다.

이 장의 예제를 사용하여 작업

장의 내용을 따라 작업하면서 예제 코드 샘플을 직접 테스트할 수 있습니다. 이 장의 코드 샘플 중 상당수는 전체 작업 예제 또는 값 확인용 코드가 아니라 데모용 소형 코드 목록입니다. External API를 사용하려면 컨테이너 응용 프로그램 코드와 함께 ActionScript 코드를 작성해야 하므로, 컨테이너(예: SWF가 포함된 웹 페이지)를 만들고 코드 샘플을 사용하여 해당 컨테이너와 상호 작용하는 과정이 예제 테스트에 포함됩니다.

ActionScript와 JavaScript 간의 통신 예제를 테스트하려면:

  1. 새 Flash 문서를 만들고 컴퓨터에 저장합니다.
  2. 주 메뉴에서 [파일] > [제작 설정]을 선택합니다.
  3. [제작 설정] 대화 상자의 [포맷] 탭에서 HTML 및 Flash 체크 상자가 선택되어 있는지 확인합니다.
  4. [제작] 버튼을 클릭합니다. 이렇게 하면 Flash 문서 저장 시 사용한 것과 같은 이름의 SWF 파일과 HTML 파일이 같은 폴더에 생성됩니다. [확인]을 클릭하여 [제작 설정] 대화 상자를 닫습니다.
  5. HTML 체크 상자의 선택을 취소합니다. 이제 HTML 페이지가 생성되었으므로 이를 수정하여 원하는 JavaScript 코드를 추가할 수 있습니다. HTML 체크 상자의 선택을 취소하면 HTML 페이지를 수정하더라도 Flash에서 SWF 파일을 제작할 때 새 HTML 문서로 사용자의 변경 사항을 덮어쓰는 일이 없습니다.
  6. [확인]을 클릭하여 [제작 설정] 대화 상자를 닫습니다.
  7. HTML 또는 텍스트 편집기 응용 프로그램을 사용하여 SWF 제작 시 Flash에서 만든 HTML 파일을 엽니다. HTML 소스 코드에서 스크립트 요소를 추가한 다음 이를 예제 코드 샘플의 JavaScript 코드에 복사합니다.
  8. HTML 파일을 저장하고 Flash로 돌아갑니다.
  9. 타임라인의 프레임 1에서 키프레임을 선택하고 [액션] 패널을 엽니다.
  10. [스크립트] 창에 ActionScript 코드 샘플을 복사합니다.
  11. 주 메뉴에서 [파일] > [제작]을 선택하여 SWF 파일에 변경 사항을 업데이트합니다.
  12. 웹 브라우저에서 편집한 HTML 페이지를 열어 확인한 후 ActionScript와 HTML 간의 통신을 테스트합니다.

ActionScript와 ActiveX 컨테이너 간의 통신 예제를 테스트하려면:

  1. 새 Flash 문서를 만들고 컴퓨터에 저장합니다. 해당 문서를 컨테이너 응용 프로그램의 SWF 파일 폴더에 저장하려면
  2. 주 메뉴에서 [파일] > [제작 설정]을 선택합니다.
  3. [제작 설정] 대화 상자의 [포맷] 탭에서 Flash 체크 상자만 선택되어 있는지 확인합니다.
  4. Flash 체크 상자 옆에 있는 [파일] 필드에서 폴더 아이콘을 클릭하여 SWF 파일을 제작할 폴더를 선택합니다. SWF 파일 위치를 설정하여 Flash 문서를 한 폴더에 저장할 수도 있지만, 제작된 SWF 파일은 컨테이너 응용 프로그램의 소스 코드가 들어 있는 폴더 등 다른 폴더에 저장하는 것이 좋습니다.
  5. 타임라인의 프레임 1에서 키프레임을 선택하고 [액션] 패널을 엽니다.
  6. 예제의 ActionScript 코드를 [스크립트] 창으로 복사합니다.
  7. 주 메뉴에서 [파일] > [제작]을 선택하여 SWF 파일을 다시 제작합니다.
  8. 컨테이너 응용 프로그램을 만들고 실행하여 ActionScript와 컨테이너 응용 프로그램 간의 통신을 테스트합니다.

이 장의 끝부분에 있는 두 가지 예제는 External API를 사용하여 HTML 페이지 및 C# 데스크톱 응용 프로그램과 각각 통신하는 전체 예제입니다. 이들 예제에는 ActionScript 및 컨테이너 오류 검사 코드를 비롯한 전체 코드가 포함되어 있으며, External API로 코드를 작성할 때 이 코드를 사용해야 합니다. External API를 사용하는 기타 전체 예제는 ActionScript 3.0 언어 및 구성 요소 참조 설명서에서 ExternalInterface 클래스에 대한 클래스 예제를 참조하십시오.


Flash CS3

 

이 페이지에 의견 추가되면 전자 메일 알림 받기 | 의견 보고서

현재 페이지: http://livedocs.adobe.com/flash/9.0_kr/main/00000338.html