프로그래밍 33

SVN 에서 Git으로 저장소 가져오기

요즘 SVN -> Git으로 소스 버전컨트롤 이전중입니다. 예전에 SVN의 History가 아쉬워서 이전 작업을 못했었는데, git-svn이라는 툴을 별도로 제공하고 있었네요. 우분투 기준으로 설명드리면 아래와 같이 설치하면 끝!! sudo apt-get install git-svn 이런 멋진 기능을 제공하는 Git이 참 고마울 따름입니다. ㅠ 일반적인 구조의 SVN Repository 전체 가져오기 (trunk,branches,tags 폴더로 구성되어있는 경우) (앞의 prefix는 가져온 리비전내용 앞에 붙여줄 내용) git svn clone --prefix svn/ --username yds -s 트렁크의 이름이 다를때 SVN Repository 전체 가져오기 git svn clone --prefi..

구글 크롬에서 플래시 플레이어 디버거 활성화 하는 방법

플래시/플렉스 개발자라면 구글 크롬을 많이들 애용하실 겁니다. 그런데 어느날 갑자기 구글 크롬에 플래시 플레이어가 Release 버전이 깔려 있어 디버깅이 안되었습니다. 제가 맥 환경이라 플레이어는 오직 하나뿐이고 플래시는 브라우저 플러그인 아키텍쳐로 실행되기 때문에 사파리, 파폭은 잘 되는데 크롬만 Release로 돌아가는 것이 너무 이상했습니다. 그래서 플래시 플레이어를 지웠다 설치했다를 몇번을 반복해도 잘 안되길래 완전히 지우고 크롬을 실행해 봤습니다. 그랬더니 사파리, 파폭은 지워져서 실행이 안되는데 크롬에는 지워지지 않고 여전히 플래시 플레이어가 남아있었습니다. 이를 해결하기 위해 구글 크롬 페이지에 가서 확인해 봤더니 5.0.360.4 부터는 플래시 플레이어가 크롬에 내장되어 나온답니다. 크롬..

LCDS/BlazeDS services-config.xml 컴파일러 세팅 안하도록 만들어보자

LCDS나 BlazeDS는 플렉스와 서버와의 통신을 도와주는 미들웨어 입니다. 여기서 서버 설정에 대한 부분은 인터넷에 널려있으니 넘어가고, 플렉스에서의 설정에 대해서만 이야기 해 보도록 하겠습니다. 플렉스 프로젝트를 만들면 RemoteObject 등을 사용하여 통신하기 위해 아래와 같이 프로젝트 생성 위자드에서 설정을 하는 과정을 거칩니다. 그러면 빌더는 다음과 같은 프로젝트 설정 정보들을 화면에 보여주면서 LCDS/BlazeDS 등의 서버 기술을 사용할 수 있게 도와 줍니다. 차례대로 설명하면, 서버 탭에 생긴 정보들은 빌더에서 사용하는 정보로써, 이 정보를 참고하여 플래시 빌더4의 서비스 생성 위자드, 컴파일, 실행 등을 매끄럽게 할 수 있습니다. 컴파일러 탭의 Additional Compiler ..

AS3에서 패키지는 네임스페이스다.

코딩하다 좀 황당해서 글을 남깁니다. 이미 알고 계신분도 계시겠지만요. ;-) 사실 대부분의 플래시/플렉스 개발자는 flash.utils.getQualifiedClassName을 가끔 쓸 때가 있습니다. 그리고 그럴때마다 trace 해보면 이상한 점을 발견할 수 있습니다. 다음과 같이요.trace(flash.utils.getQualifiedClassName(MouseEvent)); // trace결과 ==> flash.events::MouseEvent 하지만 대부분은 원래 그러려니 하고 넘어갑니다. 저도 그랬으니깐요. 그런데 이 블로그의 글을 보고 다음과 같이 테스트 해 본결과 깜짝 놀랐습니다. package { import flash.display.Sprite; public class TestAS3 e..

Flash Catalyst로 디자이너 관점에서 플렉스 App 제작하기 3부

지난 1,2부에서는 PSD 가져와서 화면 기본 구성하는 것과 게시판의 리스트, 뷰 화면들을 완성했다면 이번에는 화면에 생명을 불어넣는 인터랙션/이펙트를 위한 과정을 실시 합니다. 만약 1,2부를 보지않고 이 페이지로 바로 오셨다면 1,2부를 전부 보시고 다시 여기로 오셔야 합니다. Flash Catalyst로 디자이너 관점에서 플렉스 App 제작하기 1부 Flash Catalyst로 디자이너 관점에서 플렉스 App 제작하기 2부 2부에 이어 계속 진행해 보겠습니다. 따라하기 이제 리스트 이미지 (텍스트 이지만 포토샵에서 이미지 처리 했습니다. 플렉스 App 용으로 디자인 된 것이 아니라 이렇게 되었습니다)를 버튼으로 만들 차례입니다. 선택을 하고 아래 화면과 같이 HUD에서 버튼으로 변환을 눌러줍니다. ..

Flash Catalyst로 디자이너 관점에서 플렉스 App 제작하기 2부

지난 1부에서는 PSD 가져와서 화면 기본 구성하는 것을 완성했다면 이번에는 게시판의 기본형태를 만들고 페이지를 만들어서 3부에 할 인터랙션/이펙트를 위한 과정을 해야 합니다. 만약 1부를 보지않고 이 페이지로 바로 오셨다면 1부를 보시고 다시 여기로 오셔야 합니다. Flash Catalyst로 디자이너 관점에서 플렉스 App 제작하기 1부 Flash Catalyst로 디자이너 관점에서 플렉스 App 제작하기 3부 1부에 이어 계속 진행해 보겠습니다. 따라하기 아래와 같이 게시판에서 반복되는 부분들을 (아래의 라인까지) 선택해줍니다. 메뉴-Modify-Group을 선택하거나 Ctrl-G 또는 Command-G를 눌러 그룹을 만들어줍니다. 만들어진 그룹이 선택된 상태에서 화면에 둥둥 떠다니는 HUD Int..

Flex Preloader 에서 마우스 이벤트 런타임 에러 버그 해결방법

플렉스로 대형 어플리케이션 프로젝트를 하다보면 프리로더를 수정하여 사용할 때가 반드시 오는데 이때 발생하는 문제는, 로딩이 길어질 때 스테이지를 클릭하면 마우스 이벤트에 가끔 오작동을 일으켜 런타임 에러를 발생시킬 때가 있다는 것이다. 에러를 한번 살펴보자. TypeError: Error #1009: Cannot access a property or method of a null object reference. at mx.managers::SystemManager/stageEventHandler()[E:\dev\trunk\frameworks\projects\framework\src\mx\managers\SystemManager.as:3275]에러를 만나면 당황스럽고 짜증이 밀려오는데, 이유는 mouseC..

[Flex Component] 스타일이 자유로운 풍선 ToolTip

플렉스의 ToolTip의 사용방법과 스타일을 주는 것은 대부분의 플렉스를 하는 사람이라면 잘 알 것입니다. 하지만, 유용한 이 툴팁에는 몇가지 단점이 있는데, 그것은 다음과 같습니다. 1. 스타일은 어플리케이션 전체의 전역적인 클래스 타입의 스타일 밖에 적용되지 않습니다. 따라서 각각의 툴팁에 다른 스타일을 줄 수 없으며 이러한 경우 별도 UIComponent를 사용해 툴팁을 별도 제작해야합니다. 2. 그리고 풍선 모양의 툴팁을 사용해야 할 때가 종종 있는데 이러한 경우도 지원하지 않으며 별도로 툴팁을 만들어야 합니다. 다음의 커스텀툴팁 매니저를 이용하고 스타일 이름으로 툴팁의 스타일을 매니저에게 넘겨주면 툴팁이 동적으로 생성됩니다. 원리는 툴팁 속성에 아무 값이나 주고 툴팁이 생성되게 설정한 후 to..

플래시의 성능 개선을 위한 버그신고 합시다

어도비의 테드 패트릭은 자신의 블로그에서 Flash Player 10.1 과 AIR 2.0 를 사용해서 개발 중이거나 개발 된 플래시 파일을 사용해 테스트 해 보고 버그신고 해주길 바라고 있습니다. 요즘과 같이 뒤숭숭한 때에 우리 플래시 플렉스 개발자들이 열심히 베타 테스트에 참여해서 버그를 줄일 수 있도록 해야합니다. 비록 제출한 것이 채택 안되더라도 말입니다. 테드 패트릭이 제안한 참여 방법은 다음과 같습니다. 해당 툴을 다운로드 받습니다. (Debugger로 다운받아야 겠지요?) Flash Player 10.1 Beta 2 and AIR 2.0 Beta 2 당신이 가지고 있는 어플리이션을 위의 베타로 돌려봅니다. 발견된 버그를 bug.adobe.com 에 버그내용을 영어로 올립니다. (회원가입 필요..

Flash Catalyst로 디자이너 관점에서 플렉스 App 제작하기 1부

서문 지금까지 플렉스는 개발자의 산물이었다고 해도 과언이 아니었다. 아직까지 현존하는 Flex3는 디자이너를 배려한다고 여러가지 연계 플러그인들을 (ex, photoshop, illustrator 용 플러그인) 만들어 배포했었지만, 여전히 빌더로 와서 힘들게 코딩작업을 해야했다. 이것은 HTML이외의 MXML,ActionScript의 새로운 코딩을 배워야 한다는 것을 의미하고 디자이너에게는 엄청난 도전이었다. MXML이야 그럭저럭 쉽게 이해되지만 ActionScript로 스킨을 제작해야 하는 것을 보며 당연히 거의 모든 디자이너가 포기했다. 그냥 CSS로 모든것을 해결하고 고급 스킨제작 및 드로잉은 애석하게도 디자이너가 아닌 프로그래머의 몫이 되었었다. 그래서 프로그래머들은 여러군이 나뉘었었는데, 작게는..