플래시 플렉스 개발자를 위한 액션스크립트 3.0 디자인 패턴

액션스크립트 3.0 디자인 패턴 - 8점
조이 로트.대니 패터슨 지음, 정호연 옮김, 양주일 감수/에이콘출판

최근에 구입한 액션스크립트 관련 도서.
일하면 할수록 설계가 중요하다는 생각이 든다.

본격적으로 AS3 클래스로 짜면서부터는 신나게 만들다가도 왜 이렇게 만들고 있지? 하는 생각에 코드 지워버리기를 수차례...

좀더 체계화되고 효율적인 코드를 만들어야겠다는 생각이 들었다. 그래서 산게 이 책.

읽어보니 음... 내가 100% 이해하기에는 아직 모자란 감이 있는 것 같다. 지금까지 샀던 모든 플래시/액션스크립트 책중에 제일 공부의 규모가 큰 책인듯. 천천히 읽다보면 언젠간 다 이해되겠지?

밤마다 자기전 조금씩 읽어보고 있다.

서평을 보니 오타가 꽤 많다고 하니 무턱대고 읽지는 말아야할듯.
크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by 동범이

2010/07/09 13:04 2010/07/09 13:04
, ,
Response
No Trackback , No Comment
RSS :
http://blog.83rpm.com/rss/response/161

Flash Builder 4 간단한 사용기

Flash 자체에서 액션스크립트 코딩을 줄창해오다가 어느 순간부터인가 코드양이 점점 많아지면서부터 힘들어졌었다.

그래서 바꾸게 된 것이 바로 Flash Develop

Flash Develop으로 잘 써왔었고 무료임에도 정말 좋은 프로그램이라고 생각함. 하지만 기능적으로 아주 약간씩 부족한게 있었고(특히나 나한테는 Subversion과 연동하는 기능이 필요했는데 이게 안되는게 너무 불편했다.) 그럴때마다 플러그인이 있나 없나 찾아헤메야하는등의 불편함도 있었고 더불어 플래시와 연동하면서 작업할 수 있긴하지만 뭔가 좀 부족한 느낌?

그러다가 최근에 다른 툴을 찾아봤는데 물망에 오른게 Adobe의 Flash Builder 4와 PowerFlasher의 FDT3 두개였다. FB4의 경우에는 플래시 작업자들 사이에서 상당히 실망스럽다는 반응이 많았고 FDT3쪽은 상당히 괜찮다는 평이 많았다.

그래서 FDT3를 선택하고 다운로드... 해서 써보니 이런... 이클립스 인터페이스에 적응이 안된다. 더군다나 가격도 프로버전은 60만원선. 음... 게다가 FDT3는 코드작업에는 좋은 기능이 많았지만 정작 플래시와 연동이 안되어서 코딩 따로 컴파일 따로 하면서 봐야하는 귀찮음이 있을 것 같았다.

그래서 지우고 다시 Flash Builder 4를 설치.

Flash Builder 4
역시나 이클립스 기반이어서 인터페이스에 적응이 잘 안되더라. 아 그냥 다시 FlashDevelop에서 작업하고 싶다...라는 생각이 자꾸 들었지만 꾹 참고 현재까지 2주일 넘게 사용 중... 이제 살짝씩 적응된다.

FlashDevelop에 비해서는 아무래도 에디터 자체적으로는 좀더 불편한 것 같다. 예를 들어 자동완성 기능이 너무 부족하게 느껴졌다. 'private function test():void'라는 문장을 입력해야할 경우에 FlashDevelop의 경우에는 'pri'만 입력해도 private를 입력할 것이냐고 물어보고 'fu'만 입력해도 function을 입력할 것이냐고 물어본다. 근데 FB4에서는 이게 안된다. ㅡㅡ;; 무지 불편하다.

물론 이클립스 기반 툴에서 저정도야 설정만 해주면 될것 같지만 문제는 FlashDevelop은 아무런 설정 없이 설치한 그대로도 저 기능으 지원하고 FB4는 사용자가 다시 만져줘야한다는 점.

그리고 코드 컬러링도 FlashDevelop이 좀더 나은 것 같다.

여튼 몇몇가지 불편함이 있긴했다.

장점은... 수많은 플러그인 시스템. 특히나 내가 원하던 SVN 플러그인이 있어서 좋다. 파일을 수정하고 SVN에 올리려고 할때 귀찮은 윈도우탐색기를 켜서 거북이SVN으로 올릴 필요가 없이 FB4 안에서 다 된다

또.. 플래시와의 연계 기능. FB4의 예전 버전인 Adobe Flex Builder 3에는 이러한 기능이 없어서 Flex Builder에서 코드를 작성하고 Flash에 와서 컴파일하는 수고를 해야했는데 이번에는 FB4에서 자체적으로 지원한다. FB4에서 파일을 수정하고 플래시에서 컴파일할 수 있도록 미리 버튼이 준비되어있음. 그리고 플래시에서 액션스크립트 파일을 수정하려고 하면 FB4에서 열겠냐고 물어봐준다. 이 기능 참 편리한듯. FlashDevelop에서도 연계하며 쓸수 있긴하지만 이정도로 연계가 되진 않기 때문이다.


잠깐 테스트를 해본 결과 FB4로 바꾸는게 좋을 것 같다는 것이 내 판단. 아직도 FB4에 대해서는 모르는 부분이 더 많은데 음....... 전체적으로 놓고 봤을 때 FlashDevelop은 '가볍고 빠르고 간단함. 단 연계플레이나 고난도 작업을 하기에는 힘들어보임'이 내 결정.

이클립스 IDE에 잘 적응이 안되지만 그래도 처음 접할 때보다는 많이 나아진 것 같다. 좀더 쓰다보면 더 적응 되겠지. 그런데 아직도 FB4에서의 'Project'라는 개념을 잘 이해 못하겠다. 휴....
크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by 동범이

2010/06/06 16:26 2010/06/06 16:26
, , , , , , , ,
Response
No Trackback , No Comment
RSS :
http://blog.83rpm.com/rss/response/158

Falsh Action Script 2.0에서 POST 방식 데이터전달

플래시에서 외부 파일과 통신할 때 쓰이는 방법 중 GET 방식에 이은 POST 방식.

애초 설계부터 GET 방식과 달리 데이터 전송에 더 목적이 있었기 때문에 여러가지 정보를 파라미터로 보낼 수 있다.

단, 이럴 때 LoadVars 객체를 두번 써야하는 번거로움이 생겨난다.

var data_1:LoadVars = new LoadVars(); // 객체 생성
var post_data:LoadVars = new LoadVars(); // 객체 생성

post_data.onLoad = function(success:Boolean) {
if (success) {
if (post_data.result == 1) {
// 돌아온 데이터의 result 값이 1일 때 처리
} else if (post_data.result == 2) {
// 돌아온 데이터의 result 값이 2 일 때 처리
} else {
// 돌아온 데이터의 result 값이 그 이외일 때 처리
}
} else {
// 데이터를 보내고 다시 되돌아온 수신이 오류일 경우 처리 루틴
}
};

data_1.param1 = text1; // 넘길 데이터
data_2.param2 = test2; // 넘길 데이터
data_1.sendAndLoad("/post_data_test/test.jsp", post_data, 'POST'); // POST로 전송시작

GET 방식에 비해 LoadVars 객체를 한번 더 생성해야하는지라 코드가 약간 더 길어진다.

파라미터로 계속 지정해나가면 되서 데이터를 정렬하고 관리하는게 좀더 쉬워진다는 장점이 있고 GET과는 다르게 sendAndLoad 명령어를 쓴다는 점 정도만 기억하면 될듯.

특별히 어려운건 없지만 번거롭고 코드가 조금이라도 길어짐과 LoadVars를 두번 쓰다가 헷갈릴 수가 있어 난 사용을 잘 안하지만 프로그래머가 POST 데이터로 받고 싶다고 우긴다면 해줘야하므로 이 방법 역시 알고는 있어야할듯.

크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by 동범이

2010/02/08 15:47 2010/02/08 15:47
, ,
Response
No Trackback , No Comment
RSS :
http://blog.83rpm.com/rss/response/147

Flash Action Script 2.0에서 GET 방식 데이터전달

가끔 개발자들과 연동 작업을 하다보면 플래시에서 어떻게 데이터를 넘겨달라고 지정해줄때가 많은데 그중 GET 방식과 POST 방식이 제일 흔하다.

GET 방식은 쉽게 설명해서 URL에 데이터를 넣어서 보내는 방식.
POST방식은 그렇지 않은;; 방식이다.

GET 방식으로 보내고 받을 때.
LoadVars를 이용해 새 객체를 만들고 OBJECT.load(url) 형식으로 부르면 된다.

var object_name = new LoadVars();
object_name.onLoad = function(success:Boolean) {
if (success) {
// 로드가 성공했다면 수행할 동작
trace(object_name.test_data)
} else {
// 로드가 실패했다면 수행할 동작
trace("Faild")
}
}
object_name.load("경로/파일명?변수명1=변수1&변수명2=변수2&..........')


GET 방식은 굉장히 유용하게 쓰이고 있다. 일단 URL 뒤에 변수명=변수 식으로만 계속 이어붙여주면 되기 떄문에 다루기도 쉽다. onLoad 명령은 통신을 한후 그 결과를 봐서 제대로 통신했는지를 알수 있다. 'object_name.변수명'을 이용해서 리턴된 값을 이용해 어떠한 다른 처리를 나누어 할 수도 있다.

GET 방식은 애초부터 간단한 정보들만 넘기도록 만들어진 것이라 많은 정보를 처리할 때는 POST로 처리함이 옳지만 URL에 뒤에 변수명=변수 식으로 계속 붙이기만 하면 되니 사용하기가 편해서 굉장히 많이 쓰인다.

URL에 데이터들이 들어가므로 보안상 문제가 좀 있다. 아무리 플래시 내부에서 처리한다하지만 HTTP 패킷을 캡쳐하면 내용이 보인다. (하긴 그건 POST 방식도 매한가지이긴하지만.)

플래시에서 외부파일과 데이터를 주고 받을 때는 반드시 알아야할 방법 중 하나.

크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by 동범이

2010/02/08 15:12 2010/02/08 15:12
, ,
Response
No Trackback , No Comment
RSS :
http://blog.83rpm.com/rss/response/145

FLV / F4V 를 위한 MIME 타입 설정

일을 하다보면 플래시로 동영상 플레이어를 만들 일이 있는데...

가끔은 동영상 파일을 제대로 올려놓고 액션스크립트가 틀린게 없는데도 재생이 안될때가 있다.

이럴 때 제일 먼저 살펴봐야하는건 웹서버의 MIME 타입이다.

이건 플래시 작업자가 해결 할 수 없는 부분이기 때문에 서버관리자에게 요청해야한다.

플래시 비디오 파일은 FLV와 F4V라는 두가지 포맷이 있다.

웹서버 프로그램(Apache나 IIS 등등)에서 MIME 타입을 지정해줄 때 이렇게 지정해주면 된다.

FLV에 대한 MIME 타입 :: flv-application/octet-stream
F4V에 대한 MIME 타입 :: video/mp4

물론 설정한 후에는 웹서버 재시작은 필수.

크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by 동범이

2010/01/30 18:28 2010/01/30 18:28
, , , ,
Response
No Trackback , No Comment
RSS :
http://blog.83rpm.com/rss/response/146

플래시에서 http-auth 방식 인증처리방법

플래시에서 http-auth 방식 인증처리방법

// http BASIC 인증 코드
http://www.abdulqabiz.com/blog/archives/flash_and_actionscript/http_authentica.php

var request:URLRequest = new URLRequest();

//call listsubs method of Bloglines
request.url = "";

var credentials:String = Base64.encode(email + ":" + password);
//create HTTP Auth request header
var authHeader:URLRequestHeader = new URLRequestHeader("Authorization","Basic " + credentials);
//add the header to request
request.requestHeaders.push(authHeader);
//make the request.
loader.load(request);

크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by 동범이

2009/10/22 11:25 2009/10/22 11:25
, , ,
Response
No Trackback , No Comment
RSS :
http://blog.83rpm.com/rss/response/137

https 접근 문제 해결방법

플래시에서 SSL이 적용된 경로로 접근하려할때 접근이 되지 않는데 이럴 경우 다음 코드를 HTML에 삽입함으로써 해결할 수 있다.

<META http-equiv="Expires" content="-1">
<META http-equiv="Pragma" content="no-cache">
<META http-equiv="Cache-Control" content="no-store,max-age=0,must-revalidate ">


안타까운건 이 코드를 이용해 '웹'에서는 해결할 수 있지만 AIR에서는 여전히 https로의 접근이 되지 않는다는 것... 휴...

언제쯤 이 문제가 해결될라나 모르겠다.

크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by 동범이

2009/10/14 22:59 2009/10/14 22:59
, , ,
Response
No Trackback , No Comment
RSS :
http://blog.83rpm.com/rss/response/136

FDT를 써보기로 했다.

플래시에 있는 액션스크립트 에디터는 너무 쓰기 불편하다.

특히 자동완성기능이 없다는거. 플렉스빌더만해도 필요한 패키지며 다 알아서 작성해주던데.

그래서 다른 툴을 찾아보는 중.

Flex Builder(현재는 Flash Builder), FlashDevelop과 FDT 셋중 하나 골라야겠다.

FlashDevelop은 깔아서 잠깐 써봤고...... FDT를 써보려고 다운로드 하는데....

에휴... 외국에서 직접 다운받는거라 참 더럽게 느리구나. 2시간이 뭐니....

다운로드 걸어놓고 기다리는 중.

사실 FlashDevelop이 오픈소스고 다 좋은데... FDT가 자꾸 떙기는건 윈도우/맥 둘다 지원한다는거. 그리고 더 성능이 좋다고 평가 받고 있기 때문.

기대된다. FDT.
크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by 동범이

2009/09/18 10:34 2009/09/18 10:34
, , ,
Response
No Trackback , No Comment
RSS :
http://blog.83rpm.com/rss/response/131

플래시에서 https 프로토콜의 데이터를 읽어올 때 문제점

얼마전에 일하다가보니까...

서버에 있는 jsp 파일에다가 데이터를 던져주고 리턴값을 받아서 처리하려고 하는데 이게 안되는거다.

그 경로가 https://~~~~.jsp 였는데 https로는 연결할 수 없나....? 하면서 레퍼런스를 찾아봤더니 또 레퍼런스에는 https에도 연결할 수 있다고 분명히 써있었다.

뭐지...? 하면서 개삽질을 하는데 옆에서 사수형님께서 그거 안되는거라고 http로 바꿔보랜다. 레퍼런스에 된다고 써있는데요? 하면서 반신반의하며 http로 바꿔보니.... 되는거다. ㅡㅡ;; 이럴수가!

원래 https로 하면 경로가 절대경로로 인식 안된다고 주장하는 사수형님을 보며... 음 역시 경험이란게 무섭구나 생각했었다.

방금 전에 네이버 카페를 돌아다니다가 이 문제에 대한 정확한 정보를 얻었다.

나와 동일한 문제점을 겪은 사람이 올린 글에 사람들이 리플을 달아준 것.

플래시에서 https로 데이터를 받아올 수 없고 ioError를 내는데 이것은 플래시의 문제가 아니라, IE의 버그라고 한다. 이 정보에 대한 두개의 포스팅.

http://www.blog.lessrain.com/flash-nasty-xml-load-bug-in-internet-explorer/
http://www.blog.lessrain.com/flash-loading-and-browser-cache-test-suite/

마이크로소프트에도 버그리포팅이 올라가 있구나.

결론은 서버사이드 캐시를 이용하는 방법 밖에 없다고 한다. (솔직히 서버사이드 캐시를 이용하라는 말이 뭔말인지 난 잘 모르겠다.)

AIR 환경에서도 같은 문제가 있는것인지는 확인해봐야 알것 같다. 아마 익스플로러를 거치지 않으니까 버그가 없을 것 같지만... 그래도 모르니까.

플래시에서 일단 저 버그 때문에 https 통신이 불가능하다는 것은 알았으니... 만약 로그인이 들어가고 하는 부분은 어떻게 처리해야할까 하는 생각이 든다. 암호화 통신하는 모듈을 또 붙여야하는건가...

여튼... 최근에 삽질을 하다보니 별의 별 버그들을 다 찾아내는구나.
크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by 동범이

2009/09/06 04:07 2009/09/06 04:07
,
Response
No Trackback , No Comment
RSS :
http://blog.83rpm.com/rss/response/129

FMS (Flash Media Server) 설치

Adobe Flash Media Server
Adobe Flash Media Server (이하 FMS) 설치 절차. 누군가가 필요할까봐 그리고 내가 까먹지 않기 위해 적어놔야겠다.

일단 Adobe 홈페이지(http://www.adobe.com)에서 프로그램을 다운 받는다.(다운로드 링크는 계속 바뀌지만 현재는 여기에서 다운로드 가능) 가입과정이 있어야하며 대충 300~400메가 정도의 파일을 다운 받을 수 있다. 윈도우용/리눅스용이 제공된다.

플래시 미디어 서버는 라이센스 없이 사용할 경우, 기능상으로는 동일하지만 동시접속 10명으로 제한되는 Developer Server 버전으로 설치되게 된다. 라이센스 구입비용은 나도 잘 모름. ^^;

여튼 리눅스용 파일을 다운로드 받으면 ZIP으로 압축되어있고 이것을 서버에 올린후 압축을 풀면 FMS_3_5_1_r516 이라는 디렉토리가 생성된다.

(참고로 내 서버는 1프로세서에 램1기가, CentOS 5.3이다. 플래시미디어서버의 권장사양보다 좀 떨어지지만 그래도 설치는 잘 된다.)

이제부터 설치 시작.

./installFMS

설치 명령을 내린다.

To install Adobe Flash Media Server now, press ENTER.
To cancel the installation at any time, press Control-C.

프로그램을 설치할꺼면 엔터 중간에 취소 시키고 싶으면 언제나 Control-C를 누르라고 한다.

사용권 읽는 화면이 나온다. 아무키나 누르고 있으면 밑으로 쭉 내려간다. 다 읽어야만 설치 시작가능.

Do you agree with the license agreement? (y/n):

라이센스를 다 읽어봤냐는 질문. 안 읽어봤지만 그냥 y 입력.

Please enter your Flash Media Server 3.5.1 serial number.

시리얼키 입력하라는 메시지. 없다면 그냥 엔터 누르면 패쓰된다. 난 구입하지 않았으므로 그냥 엔터.

You have not entered a serial number.  Falling back to
the Adobe Flash Media Development Server!

Would you like to try again? y/n:  Default [n]:

시리얼키 입력 안해서 디벨롭먼트서버로 설치된다는 것. 다시 키 입력을 시도하겠냐고 묻는다. n 입력.

The installer will install Adobe Flash Media Server 3.5.1 in the
following directory
Default [/opt/adobe/fms]: /usr/local/fms

설치 위치를 묻는다. 난 그냥 프로그램들은 /usr/local/에 설치하는 버릇이 있어서 /usr/local/fms 를 입력하고 엔터.

The Adobe Flash Media Server communicates on the IANA-assigned
port of 1935, which is the port most Flash applications expect,
and can also communicate on port 80, both for tunneling Flash
over HTTP, and for proxying HTTP to a webserver.

Please enter the Adobe Flash Media Server port(s), comma-separated
Default [1935,80]:

포트에 대한 설명과 바꿀려면 입력하라는 메시지. 귀찮으므로 그냥 엔터쳐서 디폴트로.

Please enter the port to use for the Admin service. You can only specify one
admin port.
Default [1111]:

관리자 서비스를 위한 포트 지정. 나중에 관리자 API 등에서 접속할 때 필요하다. 귀찮으므로 역시 디폴트 설정하기 위해 엔터.

The administrative user name and password you provide here is required to use
the Adobe Flash Media Server Management Console for
administration, monitoring, and debugging.

Please enter the administrative username: admin

관리자 이름 입력. 난 admin 으로 입력.

Please enter the administrative password:
Confirm password:

관리자 암호 입력. 그리고 다시 한번 확인 입력.

Please enter the user that the Adobe Flash Media Server service will run as
Default user [nobody]:

Please enter a valid user group for the "nobody" user: Default group [nobody]:

서비스가 실행될 유저와 그룹을 지정하는 부분. 그냥 엔터 엔터.

Do you want to install apache? (y/n)
Default [y]: n

아파치를 설치하겠냐고 묻는다. 플래시 미디어서버 설치프로그램에 아파치 2.2를 기본으로 탑재하고 있는데 이미 깔려있기도 하거니와 굳이 이걸 깔 필요가 없다.

Do you want the Adobe Flash Media Server service to run as a
daemon? (y/n)
Default [y]: y

데몬으로 실행하겠냐는 질문. 당연하지!!!

Do you want to start the Adobe Flash Media Server
after the installation is done? (y/n)
Default [y]: y

설치다하고 자동으로 실행하겠냐는 질문. 당연하지.

여기까지 질문에 답하고 나면  Install Action Summary가 나타나며 y를 누를시 설치가 시작된다. 설치는 1분도 채 안 걸린다;;; 엄청 빨리 설치됨;;;

이제 약간의 설정만하면 플래시미디어서버를 사용할 수 있다.

크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by 동범이

2009/08/17 03:30 2009/08/17 03:30
, , , ,
Response
No Trackback , No Comment
RSS :
http://blog.83rpm.com/rss/response/126