본문 바로가기

flex

Flash App Performance : Image Sprite Sheet Image Sprite Sheet는 게임이나 웹서비스에서 이미지를 불러올때 여러개로 나눠져 있는 이미지를 불러 오는 것 보다 하나의 이미지를 불러오는게 비교적 좋은 로딩 시간 또는 로딩 되는 파일 크기를 줄일수 있기 때문에 사용하는 방법이다. 많은 서비스에서 이미 CSS Sprite Sheet 를 이용하여 사이트에 포함 되어 있는 이미지를 하나의 이미지를 통해 불러 와서 사용함으로 로딩 타임을 줄이는 이점을 취하고 있다. 이미지를 온라인에서 불러올 경우 요청 횟수를 줄일수 있다. 여러 이미지를 하나의 이미지 파일로 만들기 때문에 이미지 크기를 줄일수 있다. (클수도 있다) 하나의 이미지로 해당 어플리케이션의 스킨을 지정 할 수 있다. (해당 이미지만 교체 하면 스킨이 바뀐다) Flash/Flex(이하 F.. 더보기
[AS3] 외부에서 로드된 객체 복제(재사용) ApplicationDomain 에 대한 개념만 잘 이해 하고 있다면, 이 포스팅은 보지 않으셔도 됩니다. 최근까지 ApplicationDomain 에 대한 개념 자체를 다르게 이해 하고 있어서 어렵다고 생각했던 부분들은 정리 합니다. Flash/Flex 를 사용하면서 가장 많이 사용하는 클래스중 하나는 Loader 일 것 입니다. Loader 클래스는 SWF 나, 이미지 (JPG, PNG 등등) 을 로드 하는데 사용 합니다. 많은 분들이 이미지를 로드 하는데 자주 사용하고 있을거라 생각 합니다. 외부에서 이미지를 로드 하면 로드된 리소스는 Bitmap 으로 처리가 되어 BitmapData 의 clone 메소드를 통해서 해당 이미지를 재사용 할 수 있습니다. 코드는 아래와 같습니다. // 이미지 로드 p.. 더보기
[AIR] AIR for Android Adobe 에서는 Openscreen project의 일환으로 Android OS 에서 돌아가는 Adobe AIR Runtime for Android 를 개발중에 있다. AIR for Android 는 Adobe AIR 를 설치한 Android OS 기반 디바이스에서 설치형 어플리케이션을 운영할 수 있게 해주는 기술(런타임) 이다. 왜 Adobe AIR 인가? Adobe AIR 란? Adobe AIR는 운영체제에 상관 없이 데스크톱에서 RIA(Rich Internet Aapplications)를 개발 및 배포할 수 있는 런타임입니다. 여러분은 전통적인 데스크톱 개발 기술을 배우지 않고도 기존에 사용하던 웹 기술(HTML, Javascript, Adobe Flash®, Adobe Flex™, Ajax)로 .. 더보기
Flash/Flex AS3 - Flash 에서의 객체 : DisplayObject 와 DisplayObjectContainer Part 5 지금까지 Flash 에서의 Timeline 에 대해 알아보았습니다. Timeline 에 대한 개념이 정리가 되셨는지요? 보통 사람들은 아래 그림 A와 같이 흰 도화지 안에 Timeline이 존재 하는 줄 알고 있습니다. 하지만 실제로는 반대입니다. 그림 A 그림 B 그림 B와 같이 Timeline 안에 희 도화지가 속해 있는 형식으로 구성되어 있습니다. Timeline의 한 프레임 당 하나의 흰 도화지를 가지고 있고, 코드를 입력 할 수 있는 공간을 가지고 있습니다. 그림 A와 B는 단순히 Timeline 이 흰 도화지 보다 크다 (Timeline > 흰 도화지) 라는 의미를 뜻하지만, Flash의 구조 안쪽으로 들어가면 Flash에서의 객체라는 것의 뿌리가 되는 개념입니다. 왜냐 하면 모든 객체들은 이.. 더보기
Flash/Flex AS3 - Timeline 코딩과 Flash 객체의 의미 Part.4 지금 까지 Flash프로그래밍에서의 타임 라인의 역할과 함께 Timline이 움직이는 흐름에 대해 이야기 해 보았습니다. 이제 타임라인이 어떻게 동작하는지에 대한 기초적인 개념을 파악 하셨을 것입니다. 지금 까지 다룬 내용은 Timeline의 프레임 순서에 따른 실행 순서 였습니다. 프레임 1에 있는 코드는 프레임 2에 있는 코드 보다 먼저 실행이 되고, 여러 메소드를 이용하여 재생헤드의 위치를 조작하므로 실행 순서를 조작 할 수 있었습니다. 그렇다면 같은 레이어에 존재 하지 않는 다른 레이어에 존재하는 코드의 경우에는 어떤 순서로 실행되게 될까요? 가장 상위에 있는 레이어에 있는 코드부터 실행되게 됩니다. 아무것도 아닌 것 같이 보여도 이 개념에 대해 알지 못하고 툴 작업을 하는 분들이 많이 있습니다... 더보기
Flash/Flex AS3 - Timeline 의 제어 Part.3 Timeline 제어 Flash의 Timeline이 그냥 시간에 따라 진행 되는 것만은 아닙니다. AS를 통해서 이를 제어하고 코드가 발생하는 순서를 정할 수 있습니다. 기본적으로 Timeline을 제어 하는데 사용하는 액션은 다음과 같습니다. - stop() : Timeline에 있는 재생헤드를 정지합니다. - play() : Timeline에 있는 재생헤드를 움직입니다. - gotoAndPlay(frame, scene =null) : 해당 Scene 에 존재하는 frame으로 이동한 후 재생헤드를 움직입니다. - gotoAndStop(frame, scene =null) : 해당 Scene 에 존재하는 frame으로 이동한 후 정지 합니다. (정지상태) gotoAndPlay와 gotoAndStop의 파.. 더보기
Flash/Flex AS3 - Flash Timeline 과 실행 순서 Part.2 TimeLine  시작부터 Timeline의 중요성에 대해 강조를 했습니다. 그 이유는 메인에 존재 하는 Timeline 이 실제로 MainTimeline 이라는 Flash 객체이기 때문입니다. 많은 사람들이 Timeline은 그냥 Flash툴에 속해 있는 도구로만 인식하는 경우가 많이 있습니다. 하지만 Timeline은 단지 도구로서의 의미보다 더 중요한 위치를 차지하고 있습니다. 왜냐 하면 Flash에서 생성되고 삭제되는 모든 객체들은 이 MainTimeline 위에 생성되고 삭제되기 때문 입니다. 모든 객체를 담는 그릇과 같은 역할을 하는 것입니다. 즉, 최상위에 있는 부모역할을 담당하고 있습니다. Actionscript 에서도 MainTimeline은 중요한 역할을 합니다. 최상위의 부모 역할 .. 더보기
Flash/Flex AS3 - Flash 프로그래밍이란? Part.1 예전부터 간간히 써오던 문서를 블로그에 올리기 시작하였습니다. 문서의 내용이 Flash 프로그래밍의 기초를 다루고 있고 제가 예전에 썼던 "동강의 AS3.0 강좌" 의 내용을 자세히 풀어 썼다고 보시면 될것 같습니다. 처음 Flash 공부를 시작 하시는 분들에게 도움이 되었으면 하네요. 문서 내용에 대한 질문은 댓글로 달아 주세요. Flash 프로그래밍이란 ? 새롭게 Flash 를 배우려고 하시는 분들은 Flash 버젼은 뭐가 있고 언어는 뭘로 시작해야 하는지 막막 하실 겁니다. 우선은 Actionscript3.0 학습법을 읽고 본 문서를 보는 것을 추천 드립니다. 그러면 자연스레 AS3.0 과 Flash CS3 이상의 Flash IDE로 공부를 해야 겠다는 마음을 먹으실 겁니다. 본 문서는 Flash .. 더보기
Flex for Mobile Devices 얼마 전에 MAX 2009 에서 Flex for Mobile Devices 라는 주제로 발표한 내용 입니다. 점점 Adobe Flash platform 의 모든 디바이스에 대한 지원이 가능해 지고 있는데요. PC 에서도 비교적 무겁다는 인식이 강한 Flex framework 가 과연 더 환경이 안좋은 Mobile 에서 어떤 퍼포먼스를 낼수 있게 될지 기대가 되네요. 더보기
Actionscript3.0의 DisplayList 목차 DiplayList 란? - DisplayList의 3가지 요소 - DisplayList의 구조 - DisplayList 구조의 장점 - Index 개념 - Shape, Sprite, MovieClip - DisplayList의 부모 자식 노드 관계 탐색이 간편해짐 DisplayObject 클래스 - DisplayObject를 상속받는 클래스 - 속성 메소드 및 이벤트 - root , parent, stage 에 접근하기 - Loader 를 사용해 불러온 외부 swf 의 root 와 stage DisplayObjectContainer 클래스 - DisplayObjectContainer 의 상속 - 속성 및 메소드 DisplayList 란? DisplayList 란 SWF안에 존재 하는 객체들 중에 .. 더보기
Flash / Flex 로 만든건 느리다? 이런 말을 많이 듣습니다. Flash로 만들면 느리지 않아요? Flash 로 만드면 유지 보수가 힘들지 않아요? Flash 로 만들면 오래 걸리지 않아요?? 예전에는 Flash를 맹신하여 위의 말들에 "욱" 했었지만, 지금은 반반 입니다. 하지만 확실한건 Flash 로 만든 컨텐츠는 느리지 않다 입니다. 그러면 왜 느린가?? 왜 느리다고 생각하는 건가요? 느리게 만들기 때문에 느린 것이다. 느리게 만들게 의도 하기 때문에 느린 것이다. 저는 이 두가지 이유 때문이라 생각 합니다. 첫번째 이유는 생각 없이 심볼 생성하고, 퍼포먼스 고려 없이 트윈 남발하고 어느덧 라이브러리에는 쓸데 없는 심볼이 쌓여서 SWF 자체로 무거워 지고, 여러 가지 Flash player 과부화 요소를 생각하지 않고 빨리 빨리 작업.. 더보기
What is "Flashplatform" ? 목차 Flash platform 에 대해서 Flash 와 Flex 그리고 AIR Actionscript 버젼벌 정보 Flash player 버젼별 정보 Welcome to "Flash platform" Flash platform 이란? Flash 컨텐츠를 개발 하기 위한 방법은 여러 가지가 있다. Flash IDE (CS3, CS4) 를 이용하는 방법이나, Flex Builder 나 Flash Builder 를 이용하여 MXML 이나 Actionscript Project 를 컴파일 하는 방법, 또는 FDT 를 이용하여 컴파일 하여 SWF 를 생성하는 방법이 있다. 이 모든 Flash 컨텐츠의 결과는 SWF 형식으로 되어 있고 이러한 작업들은 Flash 컨텐츠 개발이라 한다. (곧 Flash Catalys.. 더보기
Flash player 의 보안 Front - End 개발을 하다 보면 Flash player의 보안 범위를 판단하지 못해 곤란한 일을 겪은 일이 있을것이다. Flash 개발자의 경우에는 미쳐 알지 못한 내부 보안 설정을 하지 않아서 데이터를 못불러 온다거나, 바뀐 Flash player 보안 정책 때문에 고생을 했을 수도 있고, UI개발자의 경우에는 Flash 개발자가 없는 상태에서 여러 상황을 판단을 해야 하지만 Flash player의 보안 규칙에 대해 알지 못해서 혼란 스러운 경우가 있을 것이다. 이 문서는 모든 Flash 개발자와 UI개발자가 알아야 할 Flash player의 보안에 대해 기초적인 내용을 다룰 것이다. Flash player 보안 개요 Flash player의 보안은 Flash, Flex 로 만들어진 SWF .. 더보기
Actionscript3.0 학습법 커뮤니티의 질문들 중에서 단연 1위를 달리고 있는 "Actionscript 학습법" 에 대해, 오직 제 견해와 경험을 통해 작성해 보려고 합니다. - Flash MX , Flash 8, Flash CS3, Flash CS4 먼놈의 버젼이 이렇게 많은 건지 많이 혼동 됩니다. 시중에 나와 있는 책들을 보면 벌써 CS4가 출시 되었음에도 불구 하고, MX 버젼과 그 이하 버젼의 책들을 종종 보게 됩니다. 당연히 Flash를 처음 시작 해야 겠다고, 다짐하고 서점에 간 분들은 혼동 될 수 밖에 없지요. 보통 액션 스크립트 책은 Flash 라는 제목을 작게 표기 하고 Actionscript를 크게 표기 하기 때문에(?) Flash 8 이라 크게 적혀 있는 책을 고르게 됩니다. 그리고 카페에 와서 물어 봅니다. .. 더보기
플래시 개발자를 위한 플렉스 사용법 차례 0. 시작 1. 플래시 와 플렉스 2. MXML 과 Actionscript3.0 3. 플래시의 DisplayObject , 플렉스의 DisplayObject 4. 플래시에서 컴포넌트 제작하기 5. 마무리 2004년 매크로 미디어는 플렉스를 릴리즈 하고 개발자들이 좀더 편하게 플래시 플랫폼을 위한 어플리케이션을 만들수 있게 하였습니다. 플렉스는 어플리케이션의 개선된 디자인과 사용성, 이동성등의 장점을 이용하여 사용자들에게 새로운 경험을 제공하였고 Web2.0 의 개념에 발판이 되기도 하였습니다. 이러한 Flex 가 소개되고 Flex 3 SDK 가 릴리즈 되었습니다. 수많은 플렉스 개발자들 뿐만 아니라, 기존의 플래시 개발자들 역시 기대를 갖고 플랙스를 배우고 새로운 프로젝트에 적용해 보기 위해 시행 .. 더보기
Flex 3가 가져올 변화와 개발 트렌드 Flex 는 분명 엄청난 무기가 될수 있고, 이미 높아져 버린 사용자들의 욕구를 만족 시키기 위해 도움을 줄 것이다. 하지만 강력한 무기에는 양날의 검이 될수도 있다는 말을 하고 싶다. RIA 환경이 구축되고, Flash 를 이용한 사이트가 활성화 되면서 Flash 는 분명 우리의 웹 환경을 좀더 리치 하게 만들어 주고 있다(그렇다고 Flash 가 전적으로 RIA 환경을 이끌어 나가고 있다는 말은 아니다) 사용자들은 좀더 화려한 것을 원하고 있고, 신기한것을 원하고 있다. 하지만 무엇 보다 중요하게 생각해야 할 점은 앞의 두가지를 제치더라도 사용자의 편의성을 생각해야 된다는 것이 최우선 되야 할것이다. Flash 를 처음 배우고 싶어 하고 프로젝트에 적용하고 싶어 하는 사람들의 대부분의 Flash 자체의.. 더보기

티스토리툴바