예전에 De MonsterDebugger에 대해서 포스팅을 한 적이 있는데, 한달전쯤에 Monster Debugger 3로 업데이트가 되었더군요.
플래시관련 업무가 없다보니, 이런 소식에서도 멀어지게되네요…

자세한 사항은 Monster Debugger 사이트에 소개되어 있습니다만,
Monster Debugger the Game 을 한 번 해보면 대략적인 사용방법을 익히실 수 있을겁니다.

개인적으로 플래시 디버깅툴로 Arthropod를 사용한다.
디버깅에 필요한 가장 기본적인 기능을 제공하기 때문에 가볍고, 또 깔끔한 UI때문인데, 가끔은 좀 더 상세한 디버깅을 필요로 할 경우가 있다.
그럴 때 필요한게 De MonsterDebugger가 아닌가 싶다.
De MonsterDebugger는 이름 그대로 괴물 같은 AIR기반의 디버거이다.
아직 많은 부분을 사용해보진 않았지만, 다양한 기능을 가지고 있는 것 같기에 일단 포스팅!!!

주요 기능은 Tree structure, Detailed traces, Live editing, Method testing이 있는데,
그 중에서 개인적으로 관심이 가는 기능은 Live editing, Method testing 이다.

Live editing – 디버거에서 속성값을 변경할 수 있다.
보통 플래시무비를 제작할 때 특정 속성값(X위치, Y위치, 알파값등등)의 적절한 값을 찾기 위해서는
해당 속성값을 변경하고, 그 결과를 테스트무비로 확인하는 과정을 수없이 반복하곤 했었는데,
이 Live editing기능을 사용하면 디버거에서 특정 속성값을 수정하면 바로 해당무비에 적용이 되기 때문에 간단하게 테스트가 가능하다.

Method testing – 디버거에서 함수를 실행할 수 있다.
Method testing은 Live editing처럼 디버거에서 함수를 실행하고, 그 결과를 볼 수 있다.
아래 그림처럼 디버거에서 getChildAt(0)을 실행하면 그 결과값을 확인할 수 있다.

1. Arthropod AIR 을 다운로드 해서 설치합니다.
(설치가 안 되시는 분들은 Adobe AIR Installer 를 우선 설치하셔야 합니다.)

2. Debug Class 를 다운로드 한 뒤,
Debug.as 파일을 com/carlcalderon/arthropod/ 의 경로에 넣어주고 나서, import 해 줍니다.

import com.carlcalderon.arthropod.Debug;

3. 그리고 디버깅이 필요한 곳에

Debug.log("My log message");

의 형식으로 디버깅 코드를 작성합니다. (아래처럼 색상 코드를 사용할 수도 있습니다.)

Debug.log("My log message",0x00FF00);

4. 설치된 Arthropod를 실행한 뒤, swf 파일을 실행하거나 swf가 삽입 된 html을 실행하면 Arthropod 에서 디버깅이 가능하게 됩니다.

Debug.as 파일에서 설정한 password 와 Arthropod -> Settings -> Connection Password 가 같아야만 Arthropod에서 결과값을 확인할 수 있는데, password 를 변경하려면 Debug.as 파일의 아랫부분을 수정해 주면 됩니다.

public static var password:String = 'CDC309AF';