스크립트 작성 및 관리

입력 시 자동으로 코드의 서식이 지정되고 들여 쓰여집니다. 동적 글꼴 매핑을 사용하는 경우 다국어 텍스트에 올바른 글꼴이 사용되었는지 확인합니다.

자동 서식 옵션 설정

자동 서식 설정값에 따라 코드에 서식 지정

• [액션] 패널 또는 [스크립트] 윈도우 툴바에서 [자동 서식] 을 클릭합니다.
• [액션] 패널의 오른쪽 위 모서리에 있는 패널 메뉴에서 [자동 서식]을 선택합니다.
• Ctrl+Shift+F(Windows) 또는 Command+Shift+F(Macintosh)를 누릅니다.
• [스크립트] 윈도우에서 [도구] > [자동 서식]을 선택합니다.

동적 글꼴 매핑 사용

자동 들여쓰기 사용

코드의 섹션 주석 처리

코드 주석은 ActionScript 컴파일러에서 무시되는 코드의 일부분입니다. 주석 행은 코드에서 수행하는 작업을 설명하거나, 삭제하지 않으려는 코드를 임시로 비활성화합니다. 이중 슬래시(//)로 시작하여 코드 행을 주석으로 처리합니다. 컴파일러에서는 해당 행에 있는 이중 슬래시 뒤의 텍스트가 모두 무시됩니다. 블록의 시작 부분에 슬래시와 별표(/*)를 넣고 블록 마지막 부분에는 별표와 슬래시(*/) 넣어 대규모 코드 블록을 주석 처리할 수도 있습니다.

주석 표시자는 수동으로 입력하거나 [액션] 패널 또는 [스크립트] 윈도우 위에 있는 버튼을 사용하여 추가할 수 있습니다.

코드 행 주석 처리

삽입점에 이중 슬래시(//)가 놓입니다.

여러 코드 행 주석 처리

블록 주석 문자가 선택 항목의 시작 부분(/*)과 끝 부분(*/)에 놓입니다.

주석 제거

구문 색상 표시 사용

다른 프로그래밍 언어와 마찬가지로 ActionScript에서도 구문을 사용하여 요소를 의미있게 결합합니다. 따라서 잘못된 ActionScript 구문을 사용하면 스크립트가 작동하지 않을 것입니다.

구문 오류를 강조 표시하려면 스크립트 일부분에 대해 색상 코드를 설정합니다. 예를 들어, 키워드는 파란색으로 표시되도록 구문 색상 표시 환경을 설정했다고 가정합니다. 만약 var를 입력하면 var 단어가 파란색으로 표시됩니다. 그러나 실수로 vae라고 입력하면 vae라는 단어는 검정으로 남아 있기 때문에 키워드를 잘못 입력했음을 알 수 있습니다.

다음 중 하나를 수행합니다.

• [편집] > [환경 설정](Windows) 또는 [Animate] > [환경 설정](Macintosh)을 선택하고 [범주] 목록에서 [코드 편집기]를 클릭한 다음 [구문 색상 표시] 설정을 지정합니다.

• 삽입점을 [스크립트] 창에 둔 상태에서 Windows의 경우 Ctrl+U를 누르고 Macintosh의 경우 Command+U를 누릅니다.

런타임에 식별자 및 키워드 목록 사용

Animate를 실행하면 리소스 파일에서 식별자 및 키워드 목록을 읽어 캐싱합니다. 리소스에서 기본 목록을 읽는 것과 별개로, Preference 폴더에서 추가 키워드 및 식별자 목록을 검색할 수도 있습니다. 다음 폴더에 ".txt 파일"을 추가하면 추가 키워드 및 식별자를 추가할 수 있습니다.

• C:\Users\<Username>[AppData]\Roaming\Adobe\Animate\13.0[ActionscriptKeywords]\

• C:\Users\<UserName>[AppData]\Roaming\Adobe\Animate\13.0[ActionscriptIdentifiers]\

• C:\Users\<UserName>[AppData]\Roaming\Adobe\Animate\13.0[JavascriptKeywords]\

• C:\Users\<UserName>[AppData]\Roaming\Adobe\Animate\13.0[JavascriptIdentifiers]\

행 번호 및 줄 바꿈 사용

코드를 편집하거나 수정할 때 행 번호를 사용하면 코드를 좀 더 쉽게 스크롤하고 파싱할 수 있습니다. 줄 바꿈을 사용하면 긴 코드 행을 가로로 스크롤할 필요가 없습니다. 이 기능은 특히 제작 환경에서 작업하거나 화면 해상도가 낮을 때 유용합니다.

행 번호 활성화 또는 비활성화

• [스크립트] 윈도우에서 [보기] > [행 번호]를 선택합니다.
• Ctrl+Shift+L(Windows) 또는 Command+Shift+L(Macintosh)을 누릅니다.

특정 행 강조 표시

• [스크립트] 윈도우에서 [편집] > [행으로 이동]을 선택합니다.

줄 바꿈 활성화 또는 비활성화

• [스크립트] 윈도우에서 [보기] > [줄 바꿈]을 선택합니다.
• Ctrl+Shift+W(Windows) 또는 Command+Shift+W(Macintosh)를 누릅니다.

숨겨진 문자 표시

공백, 탭 및 줄바꿈 문자 등과 같은 문자는 ActionScript 코드에서 숨겨집니다. 경우에 따라 이 문자를 표시해야 할 수도 있습니다. 예를 들어, 문자열 값의 일부가 아닌 2바이트 공백 문자는 컴파일러 오류를 일으키므로 찾아서 제거해야 합니다.

• Ctrl+Shift+8(Windows) 또는 Command+Shift+8(Macintosh)을 누릅니다.

다음 심볼은 숨겨진 문자를 표시하는 데 사용합니다.

스크립트에서 텍스트 찾기

[찾기] 도구를 사용하면 스크립트에서 원하는 텍스트 문자열을 찾아 바꿀 수 있습니다.

텍스트 찾기

스크립트에서 특정 텍스트를 찾아 바꾸기

(Animate에서 더 이상 사용 안 됨) [액션] 패널에서 검색 반복

(Animate에서 더 이상 사용 안 됨) [스크립트] 창에서 검색 반복

(Animate에서 더 이상 사용 안 됨) 구문 확인 및 괄호 짝맞춤

그러나 FLA 파일을 제작하지 않고도 ActionScript 코드를 빠르게 확인할 수 있습니다.

구문 확인 작업의 대상은 현재 스크립트입니다. 현재 스크립트가 ActionScript 클래스를 호출하는 경우 이 클래스도 확인됩니다. FLA 파일의 다른 스크립트는 확인되지 않습니다.

ActionScript 2.0 파일의 경우 구문 확인은 컴파일러를 통해 코드를 실행하고 구문 및 컴파일러 오류를 생성합니다.

ActionScript 3.0 파일의 경우 구문 확인은 구문 오류만 생성합니다. 유형 불일치, 잘못된 반환값, 변수 또는 메서드 이름 철자 오류 등의 컴파일러 오류를 생성하려면 [컨트롤] > [테스트] 명령을 사용해야 합니다.

구문 확인

구문을 검사하려면 다음 중 하나를 수행합니다.

• [액션] 패널이나 [스크립트] 윈도우에서 [구문 확인] 을 클릭합니다.
• [스크립트] 창을 클릭한 다음 Ctrl+T(Windows) 또는 Command+T(Macintosh)를 누릅니다. [스크립트] 창에서 클릭하거나 입력하면 포커스를 받습니다. 스테이지의 객체에 포커스가 있는 경우 [변형] 패널이 대신 열립니다.

구문 오류가 [컴파일러 오류] 패널에 나열됩니다.

괄호 짝맞춤 확인

(Animate에서 더 이상 사용 안 됨) 스크립트 가져오기 및 내보내기

[액션] 패널이나 [스크립트] 윈도우로 스크립트를 가져올 수 있습니다. [액션] 패널의 스크립트를 외부 ActionScript 파일로 내보낼 수도 있습니다. [스크립트] 윈도우에서 작업할 경우에는 스크립트를 AS 파일로 저장하면 되므로 내보내기는 필요하지 않습니다.

열거나 가져온 파일의 스크립트 텍스트가 제대로 나타나지 않는다면 가져오기 인코딩 환경 설정을 변경하십시오.

외부 AS 파일을 가져오기

액션 패널에서 스크립트 내보내기

텍스트 인코딩 옵션 설정

내보내기 인코딩 경고 설정 또는 해제

(Animate에서 더 이상 사용 안 됨) 가져온 스크립트 및 내보낸 스크립트의 인코딩

ActionScript의 환경을 설정하여 ActionScript 파일을 가져오거나 내보낼 때 사용할 인코딩 형식을 지정할 수 있습니다. UTF-8 인코딩은 8비트 유니코드 형식이며 이를 사용하면 파일에 다국어 텍스트를 포함할 수 있습니다. 기본 인코딩은 시스템에서 현재 사용 중인 언어로 지원되는 인코딩 형식으로 일반 코드 페이지라고도 합니다.

액션 패널에서 스크립트 고정

[스크립트 고정] 기능을 사용하여 [스크립트] 창의 개별 스크립트 탭을 고정하고 이에 따라 이동합니다. 이 기능은 FLA 파일 내의 코드를 한 중앙 위치에 구성하지 않았거나 여러 스크립트를 사용하는 경우 유용합니다.

스크립트를 고정하여 [액션] 패널에서 코드의 열린 위치를 유지하고 다양한 열린 스크립트 간에 전환할 수 있습니다. 이 기능은 디버깅 시 특히 유용할 수 있습니다. 

또한 한 스크립트의 고정을 해제하거나, 모든 스크립트의 고정을 해제하여 선택한 한 스크립트의 고정을 해제하거나 [액션] 패널에서 모든 스크립트의 고정을 해제할 수도 있습니다.

다음 그림에서 타임라인의 현재 위치에 연관된 스크립트는 Cleanup이라는 레이어의 프레임 1에 위치하고 있습니다. 그림에서 맨 왼쪽에 있는 탭은 타임라인상에서 사용자 위치를 항상 따라다닙니다. 또한 스크립트는 가장 오른쪽 탭에 표시되는 것처럼 고정됩니다. 다음과 같이 두 스크립트가 고정됩니다.

• 프레임 1에서 
• Intro라는 이름이 지정된 레이어의 프레임 15에서

키보드 단축키를 사용하거나 해당 탭을 클릭하여 고정된 스크립트 간에 이동합니다. 다양한 고정된 스크립트 간에 이동하더라도 타임라인에서의 현재 위치는 변경되지 않습니다. [액션] 스크립트 내비게이터에서 새 스크립트가 선택된 경우 포커스는 첫 번째 프레임, 즉 프레임 1로 이동합니다.

스크립트 고정

모든 스크립트 고정 해제

고정된 스크립트용 키보드 단축키

삽입점이 [스크립트] 창에 있는 경우 다음 키보드 단축키를 사용하여 고정된 스크립트 작업을 수행할 수 있습니다.

대상 경로 삽입

많은 스크립트 액션의 경우 동영상 클립, 버튼 및 기타 심볼 인스턴스에 영향을 줍니다. 코드에서 대상으로 할 인스턴스 주소인 대상 경로를 삽입하여 타임라인에서 심볼 인스턴스를 참조할 수 있습니다. 절대 대상 경로나 상대 대상 경로를 설정하면 됩니다. 절대 경로에는 인스턴스의 전체 주소가 포함됩니다. 반면 상대 경로에는 FLA 파일의 스크립트 주소와 다른 주소 부분만 포함되며 스크립트를 다른 위치로 이동할 경우 더 이상 작동하지 않습니다.

코드 힌트 사용

[액션] 패널이나 [스크립트] 윈도우에서 작업할 경우 소프트웨어에서는 사용자가 입력하는 액션을 감지하고 코드힌트를 표시할 수 있습니다. 코드 힌트에는 해당 액션에 대한 완전한 구문을 포함하는 도구 설명과 메서드나 속성 이름과 같은 예상되는 ActionScript 요소를 나열하는 팝업 메뉴(코드 완성 양식이라고도 함)의 두 가지 유형이 있습니다.

코드 힌트는 기본적으로 활성화됩니다. 환경 설정을 지정하여 코드 힌트를 비활성화하거나 코드 힌트의 표시 속도를 지정할 수 있습니다. 환경 설정에서 코드 힌트를 비활성화한 경우에도 특정 명령에 대해 코드 힌트를 수동으로 표시할 수 있습니다.

코드 힌트 활성화

여러 가지 방법으로 코드 힌트를 트리거할 수 있습니다.

객체에 고정 유형 지정

ActionScript 2.0을 사용하고 Button, Array 등과 같은 내장 클래스에 기초한 변수에 대해 고정 유형 지정 기능을 사용하는 경우 [스크립트] 창에 변수에 대한 코드 힌트가 표시됩니다. 예를 들어, 다음과 같은 두 코드 행을 입력한다고 가정합니다.

변수를 배열로 입력했으므로 마침표(.)를 입력하는 즉시 Array 객체에 사용할 수 있는 메서드와 속성의 목록이 팝업 메뉴에 표시됩니다.

접미어 및 코드 힌트

ActionScript 1.0을 사용하거나 고정 유형으로 선언되지 않은 객체에 대해 코드 힌트를 표시하려면 객체를 생성할 때 각 객체의 이름에 접미어를 추가해야 합니다. 예를 들어, Camera 클래스에 대한 코드 힌트를 트리거하는 접미어는 _cam입니다. 다음과 같은 코드를 입력한다고 가정합니다. var my_array = new Array(); var my_cam = Camera.get();

my_cam을 입력하면 Camera 객체에 대한 코드 힌트가 나타납니다.

[스테이지]에 나타나는 객체에 대해서는 속성 관리자의 [인스턴스 이름] 상자에 접미어를 사용합니다. 예를 들어, MovieClip 객체에 대한 코드 힌트를 표시하려면 속성 관리자를 사용하여 모든 MovieClip 객체에 접미사 _mc가 붙은 인스턴스 이름을 지정합니다. 그러면 인스턴스 이름 다음에 마침표를 입력할 때마다 코드 힌트가 표시됩니다.

다음 표는 ActionScript 2.0에서 코드 힌트를 트리거하는 접미어 목록입니다.

주석 및 코드 힌트

또한 ActionScript 주석을 사용하여 코드 힌트를 표시하려는 객체 클래스를 지정할 수 있습니다. 다음 예제는 theObject 인스턴스의 클래스가 Object라는 것 등을 나타내는 ActionScript 주석입니다.

그 뒤에 theMC와 마침표를 입력하면 MovieClip 메서드 및 속성의 목록을 나타내는 코드 힌트가 표시됩니다. theArray와 마침표를 입력하면 Array 메서드 및 속성의 목록을 나타내는 코드 힌트가 표시됩니다.

그러나 이 방법보다는 고정 데이터 유형을 지정하는 방법이나 접미어를 추가하는 방법을 사용하는 것이 좋습니다. 왜냐하면 이 두 방법을 사용하면 자동으로 코드 힌트가 활성화되며 코드를 더 쉽게 이해할 수 있기 때문입니다.

자동 코드 힌트에 대한 환경 설정 지정

• [액션] 패널 또는 [스크립트] 윈도우에서 [편집] > [환경 설정](Windows) 또는 [Animate] > [환경 설정](Macintosh)을 선택하고 [범주] 목록에서 [코드 편집기]를 클릭한 다음 [코드 힌트]를 활성화하거나 비활성화합니다.

(Animate에서 더 이상 사용 안 됨) 코드 힌트의 지연 지정

도구 설명 스타일의 코드 힌트 사용

메뉴 스타일의 코드 힌트 사용:

코드 힌트를 수동으로 표시

사용자 정의 클래스 코드 힌트

사용자 정의 ActionScript 3.0 클래스를 만드는 경우 Animate에서 클래스를 파싱하고 클래스에 포함된 객체, 속성 및 메서드를 확인합니다. 그런 다음 해당 사용자 정의 클래스를 참조하는 코드를 작성할 때 Animate에서 코드 힌트를 제공할 수 있습니다. 사용자 정의 클래스 코드 완성은 import 명령을 사용하여 다른 코드와 연결하는 클래스에 대해 자동으로 수행됩니다.

코드 힌트를 사용하면 개발자가 클래스에서 사용되는 객체, 메서드 및 속성을 모두 기억할 필요가 없으므로 작업 속도가 빨라집니다. 또한 디자이너의 경우 특정 클래스가 어떻게 작동하는지에 대한 지식이 없더라도 해당 클래스를 사용하는 데 별다른 어려움이 없습니다.

코드 힌트에는 다음과 같은 작업이 포함됩니다.

• 중첩 클래스 참조에 대한 코드 힌트

  중첩된 참조를 작성하는 경우 코드 힌트가 계속해서 제공되므로 유용합니다.

• "this"에 대한 코드 힌트

  클래스 파일에 "this"를 입력하면 동일한 클래스에 대해 코트 힌트가 제공됩니다.

• "new+<space>"에 대한 코드 힌트

  "new+<space>"를 입력하면 Animate에서 사용 가능한 클래스 및 패키지 목록을 표시합니다.

• "import"에 대한 코드 힌트

  "import + <space>"를 입력하면 Animate에서 모든 내장 패키지 및 사용자 정의 패키지의 목록을 표시합니다.

• SWC 라이브러리에 대한 코드 힌트

  라이브러리 경로 또는 외부 라이브러리 경로에 SWC 라이브러리를 추가하면 Animate에서 SWC 파일에 포함된 모든 클래스에 대해 코드 힌트를 활성화합니다.