Flash CS3 설명서

ActionScript 3.0 프로그래밍 > ActionScript 시작 > 후속 예제 실행

후속 예제 실행

"Hello World" ActionScript 3.0 응용 프로그램을 개발하고 실행해 보았으므로 이 설명서에 있는 다른 코드 예제를 실행하는 데 필요한 기본적인 지식을 익혔을 것입니다.

세부 목차

이 장에 제시된 예제 코드 샘플 테스트

이 설명서를 참고하여 작업하면서, 여러 항목을 설명하는 데 사용된 예제 코드 샘플을 테스트해 볼 수도 있습니다. 이러한 테스트는 프로그램에서 특정 지점의 변수 값을 표시하는 것일 수도 있고, 화면 내용을 보거나 상호 작용하는 것일 수도 있습니다. 시각적 내용이나 상호 작용 등을 테스트하는 경우, 코드 샘플 앞이나 코드 샘플 내에 필수 요소가 설명됩니다. 코드를 테스트하려면 이 설명된 요소가 포함된 문서를 작성하기만 하면 됩니다. 프로그램에서 특정 지점의 변수 값을 보려는 경우에는 몇 가지 방법이 있습니다. 한 가지 방법은 디버거(예: Flex Builder 및 Flash에 내장된 디버거)를 사용하는 것입니다. 하지만 단순한 테스트를 수행하는 경우에는 변수 값을 사용자가 볼 수 있는 대상으로 인쇄하는 것이 가장 쉽습니다.

다음 단계를 따라 Flash 문서를 만들어 코드 샘플을 테스트하고 변수 값을 볼 수 있습니다.

이 장에 제시된 예제를 테스트할 Flash 문서를 만들려면:

1. 새 Flash 문서를 만들어 하드 드라이브에 저장합니다.
2. 스테이지의 텍스트 필드에 테스트 값을 표시하려면 [텍스트 도구]를 활성화하고 스테이지에 새 동적 텍스트 필드를 만듭니다. 폭과 높이가 큰 텍스트 필드에 [행 유형]을 [여러 행]으로 설정하고 테두리를 적용하면 유용합니다. 속성 관리자에서 이 텍스트 필드의 인스턴트 이름을 지정합니다(예: "outputText"). 이 텍스트 필드에 값을 기록하려면 appendText() 메서드를 호출하는 코드를 예제 코드(아래 참조)에 추가합니다.
3. 또는 trace() 함수 호출을 코드 샘플(아래 참조)에 추가하여 예제의 결과를 볼 수도 있습니다.
4. 주어진 예제를 테스트하려면 [액션] 패널에 코드 샘플을 복사합니다. 필요한 경우에는 trace() 함수 호출을 추가하거나 appendText() 메서드를 사용하여 텍스트 필드에 값을 추가합니다.
5. 주 메뉴에서 [컨트롤] > [무비 테스트]를 선택하여 SWF 파일을 만들고 그 결과를 봅니다.

이러한 방법은 변수 값을 보려는 것으로, 예제를 테스트할 때 변수 값을 쉽게 볼 수 있는 방법은 두 가지가 있습니다. 즉, 스테이지의 텍스트 필드 인스턴스에 값을 기록하는 방법과 trace() 함수를 사용하여 값을 [출력] 패널로 출력하는 방법이 있습니다.

• trace() 함수: ActionScript trace() 함수는 이 함수로 전달되는 모든 매개 변수의 값(변수 또는 리터럴 표현식)을 [출력] 패널에 기록합니다. 이 설명서에 나오는 많은 예제 샘플에 trace() 함수 호출이 포함되어 있으므로, 이러한 샘플을 활용할 때 사용자는 문서에 코드를 복사해서 프로젝트를 테스트하기만 하면 됩니다. trace()가 포함되어 있지 않은 코드 샘플의 변수 값을 테스트하는 데 이 함수 호출을 사용하려면 trace() 호출을 코드 샘플에 추가하여 변수를 매개 변수로 전달하면 됩니다. 예를 들어, 해당 장에서 제공된 이러한 코드 샘플이 있는 경우 다음과 같이 합니다.

  var albumName:String = "Three for the money";
  

  [액션] 패널에 이 코드를 복사한 후, 다음과 같이 trace() 함수에 대한 호출을 추가하여 코드 샘플의 결과를 테스트합니다.

  var albumName:String = "Three for the money";
  trace("albumName =", albumName);
  

  프로그램을 실행하면 다음 행이 출력됩니다.

  albumName = Three for the money
  

  각 trace() 함수 호출에 여러 매개 변수가 전달되어 하나의 행으로 출력될 수 있습니다. 각 trace() 함수 호출 끝에 줄바꿈이 추가되어 개별 trace() 호출이 각각 다른 행에 출력됩니다.

• 스테이지의 텍스트 필드: trace() 호출을 사용하지 않을 경우, [텍스트 도구]를 사용하여 스테이지에 동적 텍스트 필드를 추가하여 이 텍스트 필드에 값을 기록한 후 코드 샘플 결과를 볼 수 있습니다. TextField 클래스의 appendText() 메서드를 사용하여 텍스트 필드의 내용 끝에 문자열 값을 추가할 수 있습니다. ActionScript를 사용하여 텍스트 필드에 액세스하려면 속성 관리자에서 이 텍스트 필드에 대한 인스턴스 이름을 지정해야 합니다. 예를 들어 텍스트 필드의 인스턴스 이름이 outputText인 경우, 다음 코드를 사용하여 변수 albumName의 값을 확인할 수 있습니다.

  var albumName:String = "Three for the money";
  outputText.appendText("albumName = ");
  outputText.appendText(albumName);
  

  이 코드는 outputText라는 텍스트 필드에 다음과 같은 텍스트를 기록합니다.

  albumName = Three for the money
  

  위의 예제에서 볼 수 있듯이 appendText() 메서드는 이전 내용과 동일한 행에 텍스트를 추가합니다. 따라서 여러 appendText() 호출을 사용하여 동일한 텍스트 행에 여러 값을 추가할 수 있습니다. 텍스트를 다음 행으로 배치하려면 개행 문자("\n")를 추가할 수 있습니다.

  outputText.appendText("\n"); // 텍스트 필드에 줄 바꿈을 추가합니다.
  

  appendText() 메서드는 trace() 함수와는 달리 하나의 값만을 매개 변수로 받으며, 이 값은 문자열이어야 합니다(문자열 인스턴스 또는 문자열 리터럴). 문자열이 아닌 변수를 출력하려면 먼저 값을 문자열로 변환해야 합니다. 가장 쉬운 변환 방법은 객체의 toString() 메서드를 호출하는 것입니다.

  var albumYear:int = 1999;
  outputText.appendText("albumYear = ");
  outputText.appendText(albumYear.toString());
  

이 장의 마무리 예제를 사용한 작업

이 장처럼 본 설명서의 대부분 장에는 해당 장에서 설명한 여러 개념에 관련된 중요한 마무리 예제가 포함되어 있습니다. 하지만 이 장의 Hello World 예제와는 달리 마무리 예제는 단계별 자습서 형식으로 표시되지 않습니다. 각 예제에 관련 ActionScript 3.0 코드가 강조 표시되어 설명되지만 특정 개발 환경에서 예제를 실행하는 방법에 대한 지침은 제공되지 않습니다. 그러나 이 설명서와 함께 배포된 예제 파일에는 필요한 파일이 모두 포함되어 있으므로 선택한 개발 환경에서 예제를 쉽게 컴파일하고 실행할 수 있습니다.

Flash CS3

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

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

의견 추가하기