Firefox FlashTracer 메시지 스타일 지정하기
- Posted at 2008/11/18 15:45
http://www.action-scripter.com/blog/trackback/1150
Firefox의 부가 기능 중 하나인 FlashTracer는 이미 소개를 했기 때문에 많은 분들이 잘 알고 있는 부가 기능입니다. Firefox가 3.0.0으로 업데이트 된 이후로 정식 업데이트 버전이 나오지 않아서 자동으로 설치를 할 수 없지만 제작자 사이트에 방문하시면 설치할 수 있죠. 현재 버전은 2.3.1까지 개발이 되었습니다. 제작사인 sephiroth는 이태리에 있는 회사로 훌륭한 액션스크립트 편집기인 SE|PY를 개발한 곳이기도합니다.
Flash 컨텐츠를 제작한 후 해당 컨텐츠가 제대로 동작을 하고 있는지 서버와의 연동은 잘 하고 있는지를 실시간으로 디버깅하기 위해서는 여러가지 방법과 프로그램이 있습니다. 일부 개발자들은 자신이 직접 이런 역할을 하는 프로그램을 만들어서 사용하기도 하는데요. FlashTracer는 이러한 요구를 잘 반영한 Firefox의 부가 기능으로 Firefox를 자주 사용하는 분들에게 아주 효과적인 Flash 디버깅 프로그램이라 할 수 있겠습니다.
서론이 길었네요.
오늘 갑자기 왜 또 이 FlashTracer를 소개하느냐.
제가 지난주에 출산휴가 가기전에 알게된 기능이 있어서 소개를 하려고요.
이미 알고 있는 분들도 있을 것 같은데. 막상 프로그램을 사용하면서도 제대로 기능을 살펴보지 못한 저의 실수이기도 합니다. 크크.
어떤 기능인가? 바로 Trace되는 메시지의 스타일을 원하는 규칙을 가진 메시지가 출력될 경우 사용자가 지정된 스타일로 FlashTracer에 출력시킬 수 있는 기능입니다. FlashTracer를 실행한 후 속성버튼을 클릭해서 FlashTracer의 옵션을 설정하는 패널이 활성화되면 상단에 Styles and Filters라는 탭이 있습니다. 이 탭을 클릭한 후 패널 하단에 New Style을 클릭해서 이름을 지정한 후 사용할 규칙(메시지가 어떤 문자로 시작되는지 등)을 입력한 후 원하는 폰트 색상과 두께, 라인 등을 지정한 후 저장합니다.
이렇게 스타일을 지정한 후 다음과 같이 액션스크립트를 만들어서 테스트를 하면 메시지에 포함된 문자를 FlashTracer가 판단해서 지정된 스타일로 화면에 출력을 해주는 기능입니다.
@는 info message, #은 error message, ##는 debug message 이렇게 3가지 규칙과 규칙이 없는 일반적인 message를 출력하도록 Flash를 만든 후 HTML에서 테스트를 하면 테스트로 info, error, debug 등의 상황에 따라 서로 다른 스타일이 적용되도록 했고요. 일반적인 메시지는 기본값으로 출력되는 모습을 볼 수 있습니다.
또한 FlashTracer 상단에 있는 Display only matching rules 버튼을 클리하면 사용자가 지정한 규칙에 해당하는 메시지만 출력시킬 수 있습니다. 즉 FlashTracer를 활성화한 후 테스트 중에 여러 웹사이트를 서핑하더라도 쓸모없는 trace 메시지가 화면에 출력되지 않습니다. 저 같은 경우는 FlashTracer 사용할 때 MSN을 끄고 작업을 합니다. MSN 하단에 있는 Flash 배너에서 쓸모없는 trace 메시지가 너무 많이 출력되거든요. 완전 스팸 수준. 점심 먹으로 갔다오면 컴퓨터가 멈춰질 정도로 크크.
위 그림에서 처럼 Display only matching rules을 선택하면 규칙에 있는 메시지만 화면에 출력되는 모습을 볼 수 있습니다. 이렇게 프로젝트를 진행하면서 실시간으로 Flash 컨텐츠를 테스트 할 때 원하는 규칙을 지정해서 보다 직관적으로 테스트를 진행하면 효과적이겠죠.
Flash 컨텐츠를 제작한 후 해당 컨텐츠가 제대로 동작을 하고 있는지 서버와의 연동은 잘 하고 있는지를 실시간으로 디버깅하기 위해서는 여러가지 방법과 프로그램이 있습니다. 일부 개발자들은 자신이 직접 이런 역할을 하는 프로그램을 만들어서 사용하기도 하는데요. FlashTracer는 이러한 요구를 잘 반영한 Firefox의 부가 기능으로 Firefox를 자주 사용하는 분들에게 아주 효과적인 Flash 디버깅 프로그램이라 할 수 있겠습니다.
서론이 길었네요.
오늘 갑자기 왜 또 이 FlashTracer를 소개하느냐.
제가 지난주에 출산휴가 가기전에 알게된 기능이 있어서 소개를 하려고요.
이미 알고 있는 분들도 있을 것 같은데. 막상 프로그램을 사용하면서도 제대로 기능을 살펴보지 못한 저의 실수이기도 합니다. 크크.
어떤 기능인가? 바로 Trace되는 메시지의 스타일을 원하는 규칙을 가진 메시지가 출력될 경우 사용자가 지정된 스타일로 FlashTracer에 출력시킬 수 있는 기능입니다. FlashTracer를 실행한 후 속성버튼을 클릭해서 FlashTracer의 옵션을 설정하는 패널이 활성화되면 상단에 Styles and Filters라는 탭이 있습니다. 이 탭을 클릭한 후 패널 하단에 New Style을 클릭해서 이름을 지정한 후 사용할 규칙(메시지가 어떤 문자로 시작되는지 등)을 입력한 후 원하는 폰트 색상과 두께, 라인 등을 지정한 후 저장합니다.
이렇게 스타일을 지정한 후 다음과 같이 액션스크립트를 만들어서 테스트를 하면 메시지에 포함된 문자를 FlashTracer가 판단해서 지정된 스타일로 화면에 출력을 해주는 기능입니다.
@는 info message, #은 error message, ##는 debug message 이렇게 3가지 규칙과 규칙이 없는 일반적인 message를 출력하도록 Flash를 만든 후 HTML에서 테스트를 하면 테스트로 info, error, debug 등의 상황에 따라 서로 다른 스타일이 적용되도록 했고요. 일반적인 메시지는 기본값으로 출력되는 모습을 볼 수 있습니다.
또한 FlashTracer 상단에 있는 Display only matching rules 버튼을 클리하면 사용자가 지정한 규칙에 해당하는 메시지만 출력시킬 수 있습니다. 즉 FlashTracer를 활성화한 후 테스트 중에 여러 웹사이트를 서핑하더라도 쓸모없는 trace 메시지가 화면에 출력되지 않습니다. 저 같은 경우는 FlashTracer 사용할 때 MSN을 끄고 작업을 합니다. MSN 하단에 있는 Flash 배너에서 쓸모없는 trace 메시지가 너무 많이 출력되거든요. 완전 스팸 수준. 점심 먹으로 갔다오면 컴퓨터가 멈춰질 정도로 크크.
위 그림에서 처럼 Display only matching rules을 선택하면 규칙에 있는 메시지만 화면에 출력되는 모습을 볼 수 있습니다. 이렇게 프로젝트를 진행하면서 실시간으로 Flash 컨텐츠를 테스트 할 때 원하는 규칙을 지정해서 보다 직관적으로 테스트를 진행하면 효과적이겠죠.
