'Dev'에 해당되는 글 51건
2009.04.17 01:58
[31가지 사용자 경험 시나리오로 배우는] 실전 UX 디자인

실전 UX 디자인

요즘 읽고 있는 책 중 재미있게 보고 있는 책인 [31가지 사용자 경험 시나리오로 배우는] 실전 UX 디자인 입니다. 구석구석 웹페이지의 디자인에서 '실전'적인 이야기들로 책을 꽉 채우고 있어서 재미있게 읽고 있습니다. 책 내용도 훌륭하고, 한국 실정에 맞게 예제들도 넣어 이해가 쉽게 해주는 번역또한 센스 굿!! +_+

대학교 재학 중 'HCI Lab'에 있으면서 인연이 되어 '사용성', 또는 '시나리오', '페르소나' 같은 단어들과 친숙해질 수 있었죠. 담당교수님께서 스웨덴에서 HCI 를 전공하신 분이라, 강의하시는 HCI 수업도 참 재미있게 듣게 되었고 랩원들과 함께 HCI 학회에 가서 다른 사람들과 이야기도 많이 해보고, 참 즐겁게 HCI 라는 학문과 만났던 것 같습니다.  덕분에, UX(User eXperience) 라는 것에도 관심이 많아진 것 같네요.

아무튼 책의 18장 '현명한 글쓰기창' 에 보면 사용자의 실수에 대한 이야기가 나옵니다. 사용자의 실수로 인한 오류메세지는 그 사용자를 자괴감에 빠지게 만들죠. 사용자를 좌절하지 않게 하기 위해서는 사용자의 실수를 미리 막아주라고 충고 하고 있습니다.  이러한 이야기를 하면서 포카요케 라는 단어를 언급하고 있습니다. (물론 9장 '자동완성의 위력과 함정'에서 먼저 언급하고 있습니다)

포카 요케라는 단어가 무엇일까요? 생소한 단어였습니다만, 책에서 포카 요케ポカヨケ, Poka-yoke는 원래 일본어로 '실수를 피하는'이란 뜻이다. 라고 설명을 하고 있어서 이해가 좀 더 쉬웠습니다. 아래는 위키피디아에서 찾은 포카 요케의 설명입니다.

포카 요케(ポカヨケ, Poka-yoke)는 원래 일본어로 '실수를 피하는'이란 뜻이다. 이 용어는 토요타시게오 신고에 의해 품질 관리의 측면에서 실수를 방지하도록 행동을 제한하거나 정확한 동작을 수행하게 끔하도록 강제하는 여러 가지 제한점을 만들어 실패를 방지하는 방법을 말하는 용어가 되었다.

예를 들어 자동차에서 기어를 주차 상태 위치인 “P”로 놓지 않으면 시동이 걸리지 않도록 만들어 운전자가 자동차를 안전하지않은 상태로 놔두고 나가는 것을 방지하도록 한다. 또한 컴퓨터에서는 USB 장치의 플러그를 꼽을 때 뒤집어진 상태로 꼽으려고하면 안돼도록 디자인 되어 있다. 인지 심리학인간과 컴퓨터 상호작용 분야에서도 이를 이용하여 여러 가지 실수를 방지하는 디자인 원리의 하나로 받아들여져서 이용하고 있다.

위키백과의 포카 요케에서 발췌


책에서 포카요케는 실수방지장치 오류탐색기 2종류가 있다고 이야기 하고 있습니다.

  • 실수방지장치 - 사용자가 실수하지 않도록 미리 오류를 막아주는 역할
  • 오류탐색기    -  사용자가 정보를 잘못 입력하는 즉시 바로 오류를 알려주는 역할

Flex 에서도 이러한 역할을 하는 것들이 존재합니다.

만약 회원가입 화면에서 사용자의 이름을 입력 받는다고 할 때에 사용자의 이름을 넣는 TextInput에 숫자가 입력될 필요는 없겠죠? 한글과 영어만 입력되도록, 또는 한국인만을 대상으로 한다면 한글만 입력받아야 하겠습니다. 이러한 것을 실수방지장치라고 부를 수 있겠네요.

상기 사항에 대해서는 입력받는 글자들에 대해 제한을 걸 수 있는 restrict 라는 속성이 있습니다.




또한 TextInput 컴포넌트를 상속해서 만든 PromptingTextInput 같은 유용한 컴포넌트 있습니다. 오픈소스 컴포넌트들을 모아놓은 FlexLib 에 있는 컴포넌트 중에 하나 입니다. 사용자가 입력하기 전에 프롬프트를 통해 무엇을 입력해야 되는지 입력할 수 있습니다. 개인적으로 매우 좋아하는 컴포넌트 입니다.





그리고 오류탐색기로는 Validator 가 있습니다. 사용자의 잘못된 입력을 메세지로 알려주는 방식입니다. JavaScript 에 익숙한 분들은 각 컴포넌트에 값이 비어있는지 확인하여 Alert을 출력하는 식으로 작성하는 경우도 많은데, 보다 직관적으로 유효성을 컴포넌트에 표시해주는 Validator가 상당히 더 좋은 방법임에 틀림 없습니다.이러한 Validator를 상속받아 새로운 Validator 를 작성하는 것은 제가 이전에 쓴 포스트인 [Flex] 주민등록번호 Validator 를 참고하시면 되겠습니다.

책의 15장 '불량 제로 실수방지장치'에 나오는 스프링노트의 회원가입페이지의 예제를 보면 아래와 같은 이미지가 있습니다.


사용하고자 하는 아이디를 입력 시 아이디로 쓰이기에 적합한지 알려주고 있습니다.  Flex에서는 Validator를 사용하면 비슷한 효과를 얻을 수 있습니다만, 사용자가 입력하는 도중에는 Validator가 작동하지 않습니다. 마우스를 오버해야지만 툴팁이 화면에 나타나게 되는데, 이를 제어할 방법은 없습니다.
이런 상황이 생기는 이유를 알기 위해 Validator 와 UIComponent 와의 동작방식에 대해 알아보도록 합시다.

Validator 에서 입력받은 데이터를 검증하여 ValidationResultEvent 를 발생시키게 되는데 이 때 Validator에 등록해 놓은 UIComponentvalidationResultHandler(event:ValidationResultEvent)로 리스너를 등록해놓아 결과를 전달해줍니다.
이 메소드가 받는 ValidationResultEvent에는 에러메세지가 들어있는데, 이를 UIComponent에서는 _errorString 이라는 변수에 담고 ToolTipManager의 mx_internal로 선언되어 있는 registerErrorString(target:DisplayObject, errorString:String) 메소드를 이용하여 에러메세지를 등록합니다. ToolTipManager에 에러메세지를 등록하게 되면 ToolTipManager에서 해당 컴포넌트에 MOUSE_OVER, MOUSE_OUT 이벤트 핸들러를 등록해놨다가,  해당 UIComponent에 마우스 오버시 에러메세지가 적힌 툴팁이 출력되게 됩니다.


이로인해 마우스를 해당 컴포넌트에 올려놓지 않으면 툴팁이 보이지 않는다는 문제가 생기게 됩니다. 해당 문제점은 어도비의 Bug and Issue Management System(이슈트래킹 시스템)이슈로 등록이 되어 있는 상태입니다. 꼭 해당 속성이 생겼으면 좋겠네요. (투표 많이 해주세요~)
해당 문제를 해결하기 위해 세계 각국의 Flex 개발자들이 내놓은 방안 중에는, CustomToolTipManagerImpl 를 작성하여 직접 속성을 추가한 분들도 계시고 간단하게 다음과 같이 해결한 분들도 계십니다.



하지만 저는 테스트 해보니 제가 원하는 동작은 되질 않네요 =ㅁ=;; 아마도 ToolTipManager 에서 해당 컴포넌트를 찾아 이전과 다른지 비교하는 구분에서 단순히 MOUSER_OVER 이벤트로는 정상적인 교체가 이루어 지지 않는 듯 합니다.

Validator 를 사용하지 않고, Flex 에서 유효성을 검사하는데 좋은 방법에 대해서는 Aral balkan의 블로그에 Better form validation in Flex 라는 포스트를 참고하시면 좋겠습니다. 글의 요지는 TextInput에 값이 비어있을때 경고메세지를 담은 ToolTip을 직접 화면에 생성해주는 식이네요. 참 좋은 아이디어 같습니다.

또 다른 Flex에서의 포카요케가 있다면 트랙백으로 남겨주시면 감사하겠습니다. ;)

ps. 왠지 쓸 때 없는 글을 쓴듯한.. ^^;;




신고
Favicon of http://koko8829.tistory.com BlogIcon 열이아빠 | 2009.04.17 09:26 신고 | PERMALINK | EDIT/DEL | REPLY
제목만 보고 포카 요케란 단어를 어디선가 들어본것 같은데..라고 생각했는데
책에 있는 내용이군요. 마침 그부분까지 보고 있습니다. ^^
그리고 위에 올려주신 샘플을 끄적거리다가 알게 된 새로운 사실..ㅠㅠ
티스토리에서는 키보드로 네비게이션이 가능한 코드가 있더군요.
Q, A, S, Z, X, C가 각각 다른 액션을 담당하고 있는데
이게 html 폼에 입력이 되는 경우에는 이벤트를 처리하지 않는데
swf폼에 입력하는 항목은 이벤트가 처리가 되네요. ㄷㄷ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.17 10:18 신고 | PERMALINK | EDIT/DEL
티스토리에 swf 파일 올리면 wmode 가 transparent 로 들어가서 문제가 되었던 듯 합니다.
파폭에서 한글입력이 안되어서 window 로 바꿨더니 swf 안에서 Q, A 같은 네비게이션 작동 안하네요 ㅎ
Favicon of http://okgosu.tistory.com BlogIcon okgosu | 2009.04.17 11:23 신고 | PERMALINK | EDIT/DEL | REPLY
인터렉션 디자인도 아직 못읽었는데...빨랑 봐야겠네요...^^

with okgosu (-..-)a
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.18 22:02 신고 | PERMALINK | EDIT/DEL
인터렉션 디자인은 회사 도서로 신청했는데 5월이나 되야 올듯 하네요 ㅎㅎ
위키북스에서 나온 UX 디자인 커뮤니케이션도 같이 샀는데 이제 읽어야될듯 ㅎ
Favicon of http://randorno.tistory.com BlogIcon 란도르노 | 2009.04.17 15:24 신고 | PERMALINK | EDIT/DEL | REPLY
프로젝트 중 맞닥뜨린 버그가 아직 해결이 안됐네요.
restrict를 이용해서 영문만 타이핑 가능하도록 제한을 둔 상태에서 영문을 작성한 후
한/영 변환키를 누르고 한글을 입력하면 백스페이스를 누른 것 같이
입력된 텍스트가 지워지는 버그가 있습니다.
결국 alwaysShowSelection으로 우회하기 신공를 시전해서 넘겼었지요.. ㅠ_ㅠ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.18 22:03 신고 | PERMALINK | EDIT/DEL
저도 같은 버그를 겪어봤는데, 문제시 되지 않아서 그냥 넘어갔던 기억이 ^^;
버그 보고를 해야겠네요 ㅎㅎ
Favicon of http://hhjae84.tistory.com BlogIcon 모지씨 | 2009.04.20 06:10 신고 | PERMALINK | EDIT/DEL | REPLY
두번째 줄에 구석수석이란 오타를 보고...
잠시 구석이가 수석인가...멍때렸다는 -,.-
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.21 16:00 신고 | PERMALINK | EDIT/DEL
오타났네 ㅋ =ㅁ= ㅋㅋ
수정했음. 감사!!
Favicon of http://jidolstar.com/blog BlogIcon 지돌스타 | 2009.04.21 15:04 신고 | PERMALINK | EDIT/DEL | REPLY
아~ 글 멋쪄라
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.21 16:00 신고 | PERMALINK | EDIT/DEL
형님이 더 멋지십니다. ㅎ
박스농사 | 2009.04.30 10:38 신고 | PERMALINK | EDIT/DEL | REPLY
아~ 글 멋짐
Favicon of http://cafe.naver.com/codestudy BlogIcon 이정칠 | 2009.04.30 12:17 신고 | PERMALINK | EDIT/DEL | REPLY
UX에 대해 무척 관심이 많은 1인 ^^
이미 예상되는 유저의 실수을 사전에 미리 차단해주는 배려가
요즘 개발자들이 고려해야할 필수 사항이죠 ^^

언제 시간되면 읽어봐야겠습니다.
감사합니다.
무명소녀 | 2009.07.02 10:06 신고 | PERMALINK | EDIT/DEL | REPLY
포카요케는 예전에 통계학강의 들을 때 품질관리 과목 들을때 나왔던 거였는디... (올해는 결혼땜시 1년 휴학 --ㅋ)
오랜만에 다시 보네. ㅎㅎ 나도 이책 한번 봐야겠다. 전산과 이수할때 4학년 과목에 있었는데. HCI 과목 넘 재밌음.
- 덧글 좀..(굽신굽신) : 장문의 덧글은 트랙백을 이용해주세요 ;^)
Name
Password
Homepage
Secret
2009.04.12 17:49
안녕하세요? 검쉰입니다.
Flash Platform 한글문제 공동대응팀 해오름 모임을 무사히 잘 치뤘습니다.



사용자 삽입 이미지

온오프믹스로 103명 참가신청 해주셨고, 그중 80분 정도가 참석해주셨습니다.
토요일에 하는 모임이라 출석률이 저조할 것이라 생각을 했는데, 예상 밖의 많은 참여가 고마웠습니다. ;)

아쉽게 참석을 못하신 분들을 위해 사진으로 나마 행사때의 모습을 전달해드리려고 합니다.

0. 행사 준비중


1. 한글 대응팀 소개 및 기조연설 (이희덕)


2. Flash Platform 게임개발 노하우 (이정웅)


3. FlarToolKit으로 구현하는 증강 현실 (옥상훈)


4. Flash Platform 한글문제 (이희덕)


5. 토론의 장 (대응팀 전원)


6. Flex Skin for Developers (김학영)


7. Creating Visual Experiences with Flex (이준하)



8. Q&A 및 폐회


9. 경품 추첨




행사를 마치고 뒷풀이 하러가기전 단체사진!! 모두들 수고 하셨습니다 ;)



많이 참석해 주셔서 감사드립니다.

넓은 강의실 지원해주신 숭실대학교 측에 감사드리고, (캠퍼스가 참 이쁘더군요. 숭실대에서 특강 한번 해야되는건가요? ^^)
도서 후원해주신 월간 마이크로소프트웨어위키북스 측에 다시 한번 감사드립니다. ;)

다들 좋은 시간이었다고 해주셔서 감사했습니다.

발표자료는 저희 팀 블로그인 http://flashteam.kr/ 로 공유될 예정입니다.

다음에 더 좋은 자리로 좋은 시간 가질 수 있었으면 좋겠네요. :)

신고
이전 댓글 더보기
차차 | 2009.04.13 09:44 신고 | PERMALINK | EDIT/DEL | REPLY
오라버니 간만에 봐서 반가웠죠?ㅋㅋ
많은분들 뵐 수 있는 즐거운 자리였어요^ㅁ^
뒷풀이 참석 못해서 아쉽네여;ㅅ;
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.13 10:21 신고 | PERMALINK | EDIT/DEL
차차는 경품으로 마소도 받고 좋았겠네 ㅋ
다음에 또 봐~ ;)
Favicon of http://randorno.tistory.com BlogIcon 란도르노 | 2009.04.13 09:57 신고 | PERMALINK | EDIT/DEL | REPLY
검쉰님 잘 들어가셨나요?(형님이라고 부른다고 했던것 같지만 ㄷㄷ)
저도 블랙키즈랑 좀 더 마시고 집으로(블랙키즈 집이라는...)
다음에 회사 놀러오실때 연락하세요~ ㅎㅎ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.13 10:22 신고 | PERMALINK | EDIT/DEL
OK!! 담에 봅시다!
Favicon of http://dgluna.tistory.com BlogIcon 루나군 | 2009.04.13 10:33 신고 | PERMALINK | EDIT/DEL | REPLY
좋은 세미나에 초대해 주셔서 감사했어용~ ^-^
담에 술한잔 해요~
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.13 18:27 신고 | PERMALINK | EDIT/DEL
담에 한번 다들 모이자고~ ㅎㅎ
realbj | 2009.04.13 11:41 신고 | PERMALINK | EDIT/DEL | REPLY
전 아는 사람도 없고 ㅠㅠ
선배가 추천해 줘서 무작정 참석했었습니다.
솔직히 Adobe나 RIA에 아는 내용이 아무것도 없이
참석을 했는데 나름 그쪽 분야에 대한 이해도를 한껏 높일 수가 있어서
너무 좋았습니다.
뒷풀이는 참석하지는 않았지만 다음 모임에 다시 참석해서
안면텄으면 좋겠습니다
저는 9번 사진 좌측 상단에 머리 단발(?)로 보이고
뭔가 고민하고 있는 표정을 짖고 있는 사람입니다. ^^:;
근데 .................. 저 상품 못 타서 너무 아쉬없음 ^^:
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.13 18:27 신고 | PERMALINK | EDIT/DEL
아는 사람 없으면 이렇게 참가하셔서 알게되면 되는거죠 :)
Favicon of http://rduk.tistory.com BlogIcon Kduks | 2009.04.13 11:45 신고 | PERMALINK | EDIT/DEL | REPLY
좋은거 많이 배우고 듣고 왔습니다.
앞으로 시간되는한 많이 참여하고 싶네요^^
여친이 보채는바람에 추첨까지만하고 갔지만..
다음엔 뒷풀이도 한번 ㅎㅎ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.13 18:28 신고 | PERMALINK | EDIT/DEL
다음에는 뒷풀이까지 함께 하시죠 ;)
Favicon of http://www.wzd.com/mydreamdba BlogIcon 비만짱구 | 2009.04.13 11:50 신고 | PERMALINK | EDIT/DEL | REPLY
저도 아는 사람 없는데. 무작정 참석했었어요. ㅋ
뒷풀이때 몇분 알게 됐는데... 다음에 뒷풀이 꼭 오세요. 좋더라고요.
2차때 중간에 갔지만, 잘 노셨나요????
다음모임있으면 알려주세요.
참고로 전 2차때 검쉰님 좌측에 앉았던 사람입니다. ㅋ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.13 18:29 신고 | PERMALINK | EDIT/DEL
다음에 또 뵙겠습니다~ ;)
Favicon of http://suritam9.pe.kr BlogIcon 박영식 | 2009.04.13 12:42 신고 | PERMALINK | EDIT/DEL | REPLY
감사합니다. ㅋㅋ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.13 18:29 신고 | PERMALINK | EDIT/DEL
마음의 소리는 재미있으신가요? ㅎㅎ
Favicon of http://improgrammer.com BlogIcon 케이 | 2009.04.13 20:38 신고 | PERMALINK | EDIT/DEL | REPLY
반가웠어요. 근데 아직도 믿기지 않는게 있습니다. 그게 사실인가요? 야꼬형이랑 동갑이라는게... 흐미;;
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.13 20:46 신고 | PERMALINK | EDIT/DEL
제가 더 들어보이나요? ㅜ_ㅜ 굴욕인데요 ㅋㅋㅋ
Favicon of http://wooyaggo.tistory.com BlogIcon 우야꼬  | 2009.04.13 23:01 신고 | PERMALINK | EDIT/DEL
구...굴욕...이라니!!
Favicon of http://hangunsworld.com BlogIcon Han Sanghun | 2009.04.14 00:59 신고 | PERMALINK | EDIT/DEL | REPLY
일이 있어서 참석하지 못했는데, 이렇게 친절하게 포스팅까지 해주시다니...
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.14 09:42 신고 | PERMALINK | EDIT/DEL
다음에 한번 뵈어요~ ;)
데스티한테 자리 좀 마련하라고 찔렀는데 대답이 없네요 ㅋ
Favicon of http://okgosu.tistory.com BlogIcon okgosu | 2009.04.14 03:31 신고 | PERMALINK | EDIT/DEL | REPLY
그날 제대로 얘기도 못나누고 갔네요....
언제 날 한번 잡죠...한잔 하게요...


with okgosu (-..-)a
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.14 09:43 신고 | PERMALINK | EDIT/DEL
넵. 조만간 자리를 마련해서 ;)
연락드리겠습니다!
Favicon of http://okgosu.tistory.com BlogIcon okgosu | 2009.04.14 13:35 신고 | PERMALINK | EDIT/DEL
아넵...기대할께요^^
Favicon of http://adnaru.tistory.com BlogIcon 희희덕 | 2009.04.16 01:14 신고 | PERMALINK | EDIT/DEL | REPLY
쉰님은 그날 동갑친구 두명을 만드시고
든든하고 즐거운 하루였겠어요 ㅠ_ㅠ.. 부럽당..
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.16 14:17 신고 | PERMALINK | EDIT/DEL
친구 2명 생겼습니다. ㅋㅋ 부럽죠? ㅋ
Favicon of http://lazyartist.tistory.com BlogIcon lazyartist | 2009.04.16 04:45 신고 | PERMALINK | EDIT/DEL | REPLY
유익하고 재미있는 시간이었어요~
다음 세미나도 기대되네요~
저도 아는 사람 없이 혼자갔는데...
블로그에서 본 검쉰님을 알아보고 위안이 좀 됐었죠~ ^^;
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.16 14:17 신고 | PERMALINK | EDIT/DEL
알아봐주셔서 감사합니다 :)
세미나 같은 건 챙겨서 다녀야 도움도 많이 되고 그렇더라고요 ㅎ
Favicon of http://www.grotesq.com BlogIcon Mr.Unknown | 2009.04.16 10:48 신고 | PERMALINK | EDIT/DEL | REPLY
국방부의 언노운이 와쪄염. 뿌우 >_<
(...)
미, 미안해요 형 (...)
자주 놀러올게요. 음하하
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.16 14:19 신고 | PERMALINK | EDIT/DEL
솔직히 난 국방부 프로젝트 쪽 사람인 줄 알았다는.. ㅋ
Favicon of http://rainlethe.tistory.com BlogIcon 레인레테 | 2009.04.16 14:02 신고 | PERMALINK | EDIT/DEL | REPLY
안녕하세요 검쉰님.
발표 잘 들었습니다. ^^

부탁이 잇는데요.

세미나 중간에 말씀해 주신 '위자드 닷컴의 액션스크립트 rss 리스트 ' 좀 다시 말씀해 주실 수 있나요? ^^;;
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.16 14:19 신고 | PERMALINK | EDIT/DEL
http://www.wzd.com/warkyman.myid.net
입니다 ;)
『RJ』철현 | 2009.04.16 14:12 신고 | PERMALINK | EDIT/DEL | REPLY
자기야~

아힝~♡
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.16 14:19 신고 | PERMALINK | EDIT/DEL
살만한가베.. ㅋㅋ 덧글도 달고 ㅋ
김용일 | 2009.04.16 14:37 신고 | PERMALINK | EDIT/DEL | REPLY
정말 많은 도움이 된 세미나 였습니다.
이런 세미나를 추진해주신 분들께 감사의말씀을 드리고 싶습니다.
뒤풀이 때도 많은 분들과 이야기 잘 나누었고요. 앞으로 이모임의 활동에 적극적으로 참여를 하고 싶습니다.
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.17 02:03 신고 | PERMALINK | EDIT/DEL
도움이 많이 되셨다니 고맙습니다 ;)
다음에 또 좋은 자리로 뵙겠습니다 ;)
Favicon of http://www.jinhokim.com BlogIcon 찌노 | 2009.04.16 15:52 신고 | PERMALINK | EDIT/DEL | REPLY
좋은 시간이었네요~
하필 교육시간과 겹쳐서 참석도 못하고.. 그저 아쉬운 마음뿐이네요~ ㅠ.ㅠ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.17 02:03 신고 | PERMALINK | EDIT/DEL
교육!!! +_+ ㅋ
메타콰이어 | 2009.04.16 20:16 신고 | PERMALINK | EDIT/DEL | REPLY
사진 잘 봤습니다!! 크크
다음에 또 뵈면 좋을꺼 같아요~ :)
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.17 02:03 신고 | PERMALINK | EDIT/DEL
다음에 또 뵈어요~ ;)
Favicon of http://7zelkova.tistory.com BlogIcon 성주 | 2009.04.27 22:13 신고 | PERMALINK | EDIT/DEL | REPLY
형님. 오랜만에 들르는 바람에 이제서야 봐버렸어요
참석못해 몸둘바 모르는 한 영혼, 모른척하지 말아주세요.
박스농사 | 2009.04.30 15:34 신고 | PERMALINK | EDIT/DEL | REPLY
인상이 왜그럼?
- 덧글 좀..(굽신굽신) : 장문의 덧글은 트랙백을 이용해주세요 ;^)
Name
Password
Homepage
Secret
2009.04.01 21:45
안녕하세요? 검쉰입니다.

제가 Flex를 처음 접하고, '이거 정말 멋지다!' 라고 생각을 했습니다. 그 뒤로 이어지는 생각은 '이거 한글 입력은 왜 이리 느려?'. 몇 년이 지난 아직도 한글 입력은 느리기만 한데, 언제 수정될지는 아무도 모른다죠. 비 영어권의 설움이라고 할까요? 과학적이고 독창적인 자랑스런 한글을 쓰는게 죄(?)가 되는 이상한 상황.

이런 상황을 헤쳐나가고자 지난 1월 이희덕님의 제안으로 'Flash Platform 한글문제 공동대응팀'이 생겼습니다. (짝짝짝)
그간 오프모임을 진행하면서 팀원간 의견도 나누고, 최근 Flex SDK 3.2 + FP 10 에서의 한글 입력문제가 해결되는 기쁨을 맛보기도 하였습니다.

사용자 삽입 이미지

이제 다른 많은 Flash Platform 개발자 분들과 만나, 한글문제와 개발 노하우를 이야기해보고자 합니다.

 *행사 개요

     날짜 : 2009년 4월 11일 (토)
     장소 : 숭실대학교 벤처관 3층 대강의실
     시간 : 오후 2시 ~ 6시
     주최 : Flash Platform 한글문제 공동대응팀
     주관 : 숭실대학교 글로벌미디어학부
     후원
Agenda

     14:00 ~ 14:10 : 학교 시설 사용과 관련된 안내 (이희덕)
     14:10 ~ 14:30 : 한글 대응팀 소개 및 기조연설 (이희덕)
     14:30 ~ 15:00 : Flash Platform 게임개발 노하우 (이정웅)
     15:00 ~ 15:30 : FlarToolKit으로 구현하는 증강 현실 (옥상훈)
     15:30 ~ 16:00 : Flash Platform 한글문제 (이희덕)
     16:00 ~ 16:40 : 토론의 장 (대응팀 전원)
     16:40 ~ 17:20 : 잡부 Flex 개발자를 위한 Flex 스킨 (김학영)
     17:20 ~ 17:50 : Creating Visual Experiences with Flex (이준하)
     17:50 ~ 18:00 : 정리 및 폐회




행사 참석 신청 및 자세한 소개는 온오프믹스 를 통해 신청해주시면 감사하겠습니다. ;)
많은 참석 부탁드립니다 !!!
함께해요~ ㅎㅎ


저작자 표시 비영리
신고
차차 | 2009.04.02 10:17 신고 | PERMALINK | EDIT/DEL | REPLY
ㅋㅋ이번달은 행사가 많아서..
담주에 스케쥴비면 참석할께요~ 기대되네여^ㅁ^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.02 18:08 신고 | PERMALINK | EDIT/DEL
꼭 와~ ;)
Favicon of http://okgosu.tistory.com BlogIcon okgosu | 2009.04.02 14:10 신고 | PERMALINK | EDIT/DEL | REPLY
오늘 okgosu.net 전체 메일 날렸어요~

11일날 뵈요~

okgosu (-..-)a
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.02 18:08 신고 | PERMALINK | EDIT/DEL
메일 잘 봤습니다 ;)
11일날 뵙겠습니다. ㅎㅎ
Favicon of http://hhjae84.tistory.com BlogIcon 모지씨 | 2009.04.02 23:20 신고 | PERMALINK | EDIT/DEL | REPLY
저도 11일에 뵈요~ 헤헤
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.03 10:31 신고 | PERMALINK | EDIT/DEL
11일에 봐~ ;)
Favicon of http://inthewhite.net BlogIcon july.fool | 2009.04.05 01:38 신고 | PERMALINK | EDIT/DEL | REPLY
기대 기대 중입니다 :)
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.05 18:40 신고 | PERMALINK | EDIT/DEL
제 발표는 기대하지 마세요 ㅎㅎㅎ
Favicon of http://rainlethe.tistory.com BlogIcon 레인레테 | 2009.04.06 10:49 신고 | PERMALINK | EDIT/DEL | REPLY
저도 구경갑니다요 ^^

잘부탁드려용
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.06 12:44 신고 | PERMALINK | EDIT/DEL
네~ 11일날 뵙겠습니다. ;)
아는 척 해주세요 :)
Favicon of http://wooyaggo.tistory.com BlogIcon 우야꼬  | 2009.04.06 18:46 신고 | PERMALINK | EDIT/DEL | REPLY
토요일날 뵈요~~
뒤풀이는 한시간정도 있다 일어나야되지만 이번에 뵐 수 잇겠네용^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.06 23:15 신고 | PERMALINK | EDIT/DEL
드디어 얼굴 뵙겠네요~ ;)
BlogIcon actionshin | 2009.04.07 23:16 신고 | PERMALINK | EDIT/DEL | REPLY
검쉰님 안녕하세요. 모임 신청을 하려고 하는데 온오프가 신청이 되지 않네요. 거기 신청이 되지 않아도 방청가능한가요?
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.08 00:04 신고 | PERMALINK | EDIT/DEL
행사진행을 맡고 있는 희덕군에게 문의하니
성함 / 소속 / 뒷풀이 참석여부를 알려주시면 추가하겠다고 하네요 ^^

희덕군 블로그 http://adnaru.com/ 에 비밀글로 적어주시면 될꺼 같습니다. ;)
11일날 뵐께요!
Favicon of http://egg.pe.kr BlogIcon egg | 2009.04.07 23:26 신고 | PERMALINK | EDIT/DEL | REPLY
꼭 비영어권의 설움을 해결해주시고
한글의 독창성을 널리 알려주세요. ㅎㅎㅎㅎ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.08 00:04 신고 | PERMALINK | EDIT/DEL
독창성까지 널리 알릴 실력은 없어서... ㅎㄷㄷ
Favicon of http://cafe.naver.com/codestudy BlogIcon 이정칠 | 2009.04.08 09:57 신고 | PERMALINK | EDIT/DEL | REPLY
그날 가서 봅시다 .. 간만에 얼굴 보겠구만 ㅋㅋ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.08 15:15 신고 | PERMALINK | EDIT/DEL
네~ ㅎㅎ 오랫만에 얼굴 뵙겠네요 형님 ㅎ
Favicon of http://7zelkova.tistory.com BlogIcon 성주 | 2009.04.08 10:13 신고 | PERMALINK | EDIT/DEL | REPLY
3시쯤에 연습이있어서 중간에 나가야하기땜시 신청하기가 거시기해요
이건 희덕님에게 말해야하나... ㅡㅡ;;
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.08 15:15 신고 | PERMALINK | EDIT/DEL
신청하고 중간에 나가면 되지 뭐 ㅋㅋ
| 2009.04.08 17:06 | PERMALINK | EDIT/DEL | REPLY
비밀댓글입니다
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.08 18:25 신고 | PERMALINK | EDIT/DEL
네~ 안녕하세요. 란도르노님 ㅎ
모임때 인사 나누어요~ ;)
Favicon of http://inthewhite.net BlogIcon july.fool | 2009.04.11 17:10 신고 | PERMALINK | EDIT/DEL | REPLY
발표 잘 들었습니다~~
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.12 16:38 신고 | PERMALINK | EDIT/DEL
감사합니다. ;)
변상윤 | 2009.04.11 21:19 신고 | PERMALINK | EDIT/DEL | REPLY
안녕하십니까? 오늘 마지막에 Flex에서 Textarea 내용을 카피해서 메모장에 붙여 넣을 경우 엔터가 전부 없어지는 것 질문했던 사람입니다. 오자마자 검쉰님의 블로그를 찾아보니 내용이 있네요^^ 정말 감사드립니다. 한달간의 고민을 해결해 주신셔^^ 앞으로 자주 들리겠습니다
변상윤 | 2009.04.11 22:26 신고 | PERMALINK | EDIT/DEL | REPLY
추가로 질문 하나 있습니다. 저희 회사에서 글입력을 나모 엑티브스퀘어를 사용하는데 ActiveX라서 IFrame을 사용해서 띠우다 보니 문제가 있습니다. 혹시 Flex로 그림도 바로 첨부하는 웹에디터 같은 것을 만들어 본적이나 본 것이 있나요?
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.12 16:40 신고 | PERMALINK | EDIT/DEL
기존에 에디터는 한계가 있었습니다. 그래서 FTE 라는 녀석이 나왔는데, 기존 Flex SDK 3.2 + FP10 에서의 한글입력 버그때문에 개발을 전혀 못했네요. =ㅁ=;;
이제 한번 해보려는 중입니다.

FTE 예제를 찾아보시면 딱 하고 감이 올 것이라 생각합니다. ;)
- 덧글 좀..(굽신굽신) : 장문의 덧글은 트랙백을 이용해주세요 ;^)
Name
Password
Homepage
Secret
2009.03.27 15:36
안녕하세요? 검쉰입니다. 오랫만에 블로그 포스트로 인사드립니다.
그동안 티스토리에서 문제가 되었던 Flash Player 10에서 swf 로드가 안되던 문제가 해결이 되었네요. ;) 기존의 제 포스트들도 정상으로 보이고요. 이사하려다가 그 것또한 귀차니즘에 의해 좌절. ^ㅂ^; 아무튼 다시 오랫만에 글로 인사드려요. ;^)

흔히 자주 쓰시는 Flash로 만든 네비케이터 바 에서 메뉴정보를 외부의 XML 로 받아오는 경우와 같이 외부의 데이터를 읽어오는 과정에서 한글이 깨지는 경험을 한번쯤은 하셨을 겁니다. 이런 경우 커뮤니티에서 검색해보시면 System.useCodePage = true; 를 넣어라. 라는  답변을 많이 볼 수 있습니다. 심지여 이 것을 "한글 깨짐 방지 코드"라고 부르는 경우도 있더군요. 옛 속담에 '선무당이 사람잡는다'라는 이야기가 있습니다. 정확하게 이해하지 못하고 쓰게 되면 뒷일 감당하기 힘들게 되는 법!!. 왜 System.useCodePage = true; 를 넣으면 한글이 안꺠지는지 알아보도록 하겠습니다.

'EUC-KR' 이라고 많이 보셨을 겁니다. 한글을 정의한 캐릭터 셋(charset)입니다. 보통 한글 윈도우에서 제작한 파일은 'EUC-KR' 캐릭터 셋으로 저장되는 경우가 많습니다. 이 때 캐릭터 셋이란 글자들의 집합을 정의한 것이라고 생각하시면 됩니다. (보다 자세한 건 위키백과의 설명을 참조하시길 바랍니다.)
이러한 캐릭터 셋이 다르게 되어 있는 데이터를 읽어오게 되면 한글이 깨지게 되는데요, Flash 내부에서는 유니코드(UTF-8)를 기본으로 사용하기 때문입니다. 'EUC-KR'로 제작된 파일을 'UTF-8'로 읽었으니 당연히 서로 다른 캐릭터 셋을 사용하게 되므로 한글이 깨지게 되는 겁니다. 이러한 경우에 바로 System.useCodePage = true; 를 사용하면 한글이 깨어지지 않는데, 그 이유는 LiveDocs 에도 잘 나와있습니다.

useCodePage 속성  
useCodePage:Boolean  [읽기/쓰기]
언어 버전: ActionScript 3.0
런타임 버전: AIR 1.0, Flash Player 9

Flash Player에서 외부 텍스트 파일을 해석하는 데 사용할 코드 페이지를 지정하는 부울 값입니다. 이 속성을 false로 설정하면 외부 텍스트 파일이 유니코드로 해석됩니다. 이러한 파일은 저장할 때 유니코드로 인코딩되어야 합니다. 이 속성을 true로 설정하면 외부 텍스트 파일이 Flash Player가 실행되는 운영 체제의 일반 코드 페이지로 해석됩니다. useCodePage의 기본값은 false입니다.

flash.display.Loader.load(), flash.net.URLLoader, flash.net.URLStream 또는 XML 클래스를 사용하여 외부 파일로 로드하는 텍스트를 Flash Player에서 유니코드로 인식하려면 이러한 파일을 유니코드로 저장해야 합니다. 외부 파일을 유니코드로 인코딩하려면 Windows 2000의 메모장과 같이 유니코드를 지원하는 응용 프로그램에서 파일을 저장해야 합니다.

유니코드로 인코딩되지 않은 외부 텍스트 파일을 로드하려면 useCodePagetrue로 설정합니다. 이렇게 하려면 데이터를 로드하는 SWF 파일의 첫 번째 프레임에 다음 코드를 첫 코드 행으로 추가합니다.

System.useCodePage = true;

이 코드를 추가하면 외부 텍스트가 Flash Player가 실행되고 있는 운영 체제의 일반 코드 페이지로 해석됩니다. 영문 Windows 운영 체제의 경우 대개 CP1252이고 한국어 운영 체제의 경우 EUC-KR입니다. 만약 useCodePagetrue로 설정하면 Flash Player 6 이상 버전은 Flash Player 5와 같은 방법으로 텍스트를 처리합니다. Flash Player 5에서는 모든 텍스트를 Flash Player 실행 운영 체제의 일반 코드 페이지를 사용하는 것으로 간주하고 처리했습니다.

useCodePagetrue로 설정하는 경우 플레이어가 실행되는 운영 체제의 일반 코드 페이지에 외부 텍스트 파일에 사용되는 문자가 포함되어 있어야 텍스트가 표시됩니다. 예를 들어 중국어 문자가 포함된 외부 텍스트 파일을 로드하는 경우 CP1252 코드 페이지에는 중국어 문자가 없으므로 이 코드 페이지를 사용하는 시스템에서 중국어 문자가 표시되지 않습니다.

모든 플랫폼에서 SWF 파일에 사용된 외부 텍스트 파일을 볼 수 있게 하려면 모든 외부 텍스트 파일을 유니코드로 인코딩하고 useCodePagefalse로 설정된 상태로 두어야 합니다. 이렇게 하면 Flash Player 6 이상에서 텍스트가 유니코드로 해석됩니다.


LiveDocs 에도 나와 있는 것 처럼 useCodePage 를 true로 설정하면 유니코드가 아닌 운영체제의 codepage로 해석이 되는 것이죠. 한글 윈도우의 기본 codePage는 'EUC-KR(51949)' 입니다. 그래서 외부의 'EUC-KR'로 되어있는 문서가 깨지지 않고 읽히게 되는 것입니다.

더 이상의 문제가 없어보입니다만,  실제 그렇지 않습니다. 해당 swf 를 로드하는 사용자가 외국어 OS를 사용하고 있다면 어떨까요? 열심히 만든 어플을 정식으로 런칭했는데, 그걸 외국의 한국인이 본다면???

이론적으로 보면 'EUC-KR'로 되어 있는 문서를 해당 OS의 codePage로 읽게 될텐데, 다른 언어의 OS는 codePage가 설마 'EUC-KR(51949)'일까요?? 위의 livedocs의 설명에도 나와 있듯, 다른 나라의 OS는 한국어 OS와 codePage가 다르다는 군요. (다른 나라 언어의 캐릭터 셋에 대해서 궁금하시다면 여기에서 확인해보시면 되겠습니다.)

실제로 그런지 확인을 위해서 아래와 같은 간단한 swf 파일을 만들어 봤습니다. 소스코드는 다음과 같습니다.
Flex 로 만든 App.

로드한 XML 파일



동일한 XML 파일을 'UTF-8', 'EUC-KR'로 각각 저장해서 useCodePage를 각각 false, true 로 설정해 영어, 일어 Windows 에서 IE로 읽어봤습니다.
클릭하셔서 확인해보세요.
Windows XP 영문판에서 swf 로드

Windows XP 영문판에서 swf 로드

Windows XP 일어판에서 swf 로드

Windows XP 일어판에서 swf 로드



UTF-8로 되어있는 파일은 어떤 OS든지 간에 잘 로드가 되고 있고, 'EUC-KR'로 되어있는 것을 System.useCodePage = true; 로 설정한 것은 한글이 여지없이 깨져보이는 것을 확인 할 수 있습니다. 외국에 서비스 할 생각이 없는 어플이라 하더라도, 기본적으로 'UTF-8'로 파일들을 저장해 놓으시면 한글문제를 잘 피해가실 수 있다고 생각합니다. 단순이 파일만이 아니라, HTTPService로 load 하는 데이터 또한 'UTF-8' 로 제작되어야 하겠죠?

하지만 할 수 없이 'EUC-KR'을 사용해야 할 때가 있습니다.네이버 카페의 경우 'EUC-KR'로 되어 있는데요, 이 것 때문에 useCodePage를 true로 설정할 수 는 없는 것 아니겠습니까? 이런 고민을 제가 존경하는 원강민님께서 블로그에 이미 포스팅 하신 적이 있습니다.
System.useCodePage 대신 이렇게.. 이 포스트를 참고 하시면 좋겠습니다.

간만에 글을 썼더니 꽤나 길어졌네요 :-) 다들 좋은 주말 되시길!
저작자 표시 비영리 변경 금지
신고
Favicon of http://okgosu.tistory.com BlogIcon okgosu | 2009.03.27 17:59 신고 | PERMALINK | EDIT/DEL | REPLY
컴백 하셨네요...
잘 보고 갑니다~

with okgosu (-..-)a 저도 굽신 굽신~
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.03.29 22:19 신고 | PERMALINK | EDIT/DEL
방문 감사합니다 ;)
Favicon of http://jidolstar.com/blog BlogIcon 지돌스타 | 2009.03.28 13:03 신고 | PERMALINK | EDIT/DEL | REPLY
좋아요~~~ 블로그의 세계로 돌아오신것을 환영합니다.
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.03.29 22:20 신고 | PERMALINK | EDIT/DEL
다음 포스팅은 언제일 줄 모른다는... ㅎㅎ
박스농사 | 2009.03.30 09:39 신고 | PERMALINK | EDIT/DEL | REPLY
영어는 왜 다 잘나올까요?
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.03.30 09:43 신고 | PERMALINK | EDIT/DEL
비 영어권의 슬픔. =ㅁ=
Favicon of http://zommoc.tistory.com BlogIcon 좀모씨 | 2009.03.30 11:52 신고 | PERMALINK | EDIT/DEL | REPLY
많은 도움이 되었습니다^^

.....지식인 질문자 채택글 같은;;;;;;
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.03.31 09:46 신고 | PERMALINK | EDIT/DEL
채택해주셔서 감사합니다?! ;)
Favicon of http://7zelkova.tistory.com BlogIcon 성주 | 2009.03.31 10:05 신고 | PERMALINK | EDIT/DEL | REPLY
좋은 글 잘 보고 갑니다.
저도 System.useCodePage = true; 로 해 놓은게 있는데 수정해야겠네요
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.03.31 22:06 신고 | PERMALINK | EDIT/DEL
방문 감사감사 ;)
Favicon of http://lovedev.tistory.com BlogIcon lovedev | 2009.03.31 20:47 신고 | PERMALINK | EDIT/DEL | REPLY
^^ 다시 돌아 오셨군요 ^^)/ 화이팅
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.03.31 22:06 신고 | PERMALINK | EDIT/DEL
열심히 달려 보겠습니다 ;)
모지씨 | 2009.04.01 09:34 신고 | PERMALINK | EDIT/DEL | REPLY
좋은글 잘보고 갑니다 : )
이름 입력하라는곳 없어서 한참 찾았는데... 새로고침하니까 나오는군요 :-(
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.01 16:03 신고 | PERMALINK | EDIT/DEL
로그인 하면 좀 편함 ㅋ
Favicon of http://zommoc.tistory.com BlogIcon 좀모씨 | 2009.04.03 17:49 신고 | PERMALINK | EDIT/DEL
그럴 때 Q 를 눌러보시면 새로운 세계가~
Favicon of http://hangunsworld.com BlogIcon Han Sanghun | 2009.04.02 18:02 신고 | PERMALINK | EDIT/DEL | REPLY
명쾌하게 정리해 주셨네요 ^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.02 18:10 신고 | PERMALINK | EDIT/DEL
방문 감사드려요~ ;)
데스티 좀 잘 부탁드립니다? ㅋ
퍼플린 | 2009.04.10 11:02 신고 | PERMALINK | EDIT/DEL | REPLY
굿잡~
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.04.10 18:47 신고 | PERMALINK | EDIT/DEL
오예~ ㅋ
Favicon of http://me2day.pe.kr BlogIcon 이태호 | 2009.05.27 13:49 신고 | PERMALINK | EDIT/DEL | REPLY
검쉰님 오랫만에 들어와봤는데
이런 피같은 정보가. ^^
저도 이런 문제가 있어 어찌어찌 그 원인이란거 알고 해결은 했는데 내막이 이러하군요.
잘봤습니다.^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.06.02 10:13 신고 | PERMALINK | EDIT/DEL
언제 얼굴 한번 봐야죠~ ㅎㅎ
Favicon of http://www.ddongkang.com BlogIcon 동강 | 2009.06.02 13:16 신고 | PERMALINK | EDIT/DEL | REPLY
딱 찾는 정보 였어요.ㅋㅋ 잘 보았습니다.ㅎ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.06.15 18:31 신고 | PERMALINK | EDIT/DEL
감사합니다 ;) ㅎㅎ
Favicon of http://stemp.tistory.com BlogIcon 문정환 | 2010.02.17 17:06 신고 | PERMALINK | EDIT/DEL | REPLY
System.useCodePage = true;에 대해서 찾아보다가 좋은글 읽고 갑니다 ~
유익한글 감사드립니다.
태우 | 2010.03.20 07:48 신고 | PERMALINK | EDIT/DEL | REPLY
감사합니다.
Favicon of http://blog.naver.com/yell301 BlogIcon 기절이 | 2010.09.11 13:02 신고 | PERMALINK | EDIT/DEL | REPLY
명쾌한 좋은 정보 감사합니다~도움 많이 되었습니다~링크 담아가겠습니다~감사합니다~^^
- 덧글 좀..(굽신굽신) : 장문의 덧글은 트랙백을 이용해주세요 ;^)
Name
Password
Homepage
Secret
2008.12.30 14:41
오늘도 어김없이 위자드닷컴에 등록해 놓은 RSS 들을 훓어보고 있던 참에 Flex 에 관심있으시면 다 아실법한 옥고수(옥상훈)님의 블로그 에 새로운 글이 있는 것을 발견했습니다. 포스트의 이름하야 천국과 지옥을 넘나드는 소프트웨어 개발 이야기 였습니다. 도대체 뭐가 천국과 지옥을 넘나든다는 거지? 라고 의문을 가진 저는 냉큼 클릭을 했더니

사용자 삽입 이미지

드리밍 인 코드
천국과 지옥을 넘나드는 소프트웨어 개발 이야기
스콧 로젠버그 지음 | 황대산 옮김 | acornLoft 시리즈
456쪽 | 25,000원 | 2009년 1월 2일 출간 예정 | 978960770706

위의 책을 소개하시더라고요. 오홋..
습자지 처럼 얇은 지식과 경험을 자랑하는 저로써는 일명 '고수'님들의 개발철학이라던가 하는 실 생활이 항상 궁금할 수 밖에 없습니다. 마치 관음증(症)을 충족시키는 것 마냥 다른 개발자들을 탐닉하는 저의 행동강령(?)상 이와 같이 은밀한 유혹은 뿌리칠 수 없었다죠.

감사의 댓글을 달고 냉큼 yes24 로 달려갔더니(적립금이 많아서) 예약판매중이더군요.. ;^(
 

마침 생일(지난 27일이 생일-_-v)이라고 회사에서 주신 3만원 문화상품권도 있던 차에 바로 질러주려 했으나 실패하고 아쉬운 마음만 가지고 있던 차에 옥상훈님만큼 흠모에 마다하지 않는 열이아빠님께서도 동일한 책을 소개하는 글(자고 일어나서 프로그램이 완성되어있다면)을 올리신 것을 발견했습니다. 이건 뭐임? 하고 봤더니 에이콘측에서 트랙백 이벤트를 걸고 있던 겁니다!!!!! +_+

자고로 저도 책 욕심은 무한하기에 저도 트랙백을 걸려고 유령처럼 관리안하는 블로그에 간만에 글을 쓰고 있습니다. ;)
(살짝 민망- 글 쓸꺼리는 있는데, 티스토리는 언제 FP10 관련 버그 고쳐주나효?)

에이콘에서는 정말 좋은 책들이 많이 쏟아져나오는 듯합니다.
제가 가진 책중에도 에이콘출판사의 책도 많은데요, 에이콘 책들은 죄다 굿~ 잡~!!! ;)
일전에 옥상훈님이 쓰신 "예제로 배우는 플렉스"의 발간 2주년 기념 파티 참석해서 잠시 에이콘 관계자 분들도 뵈었는데, 그 때에 말씀해주신 예플이 나오기까지 비하인드 스토리가 참 재미있기도 하고 고맙기도 했습니다. 부사장님의 부인사칭 사건은 계속 기억에 남네요 ㅎㅎ
(그 때 오창훈님이 집필중이라는 말씀도 살짝 들었는데 그 책은 언제 나올라나요?? 완전 궁금)

번역은 저도 한권 가지고 있는 "웹 개발 2.0 루비 온 레일스"를 쓰신 황대산님께서 번역을 해주셨네요. 저서보다 더 공을 들이셨다고 하는데, 대단히 기대중입니다. 저서도 상당히 좋았거든요 ;) 번역도 아주 깔끔할 것 같은 느낌입니다.

실제 책이 발간 전이니 책설명을 제가 하기는 상당히 힘들(?)고, 자세한 책 설명은 여기를 참고하시면 좋겠습니다. 저와 같이 고수들의 걸어간 발자욱을 쫓고 싶으신 분들이라면 기대하셔도 좋을 것 같습니다. +_+


ps. 열이아빠님 블로그에 덧글로 에이콘 측근은 안뽑힌다... 라는 말씀을 적어놓으셨으니 열이아빠님은 안 뽑히시겠군요 ;) 저는 꼭 뽑혔으면 하는 바램이... 뭐 안되면 예판해야죠 뭐 ;)

신고
Favicon of http://7zelkova.tistory.com BlogIcon 성주 | 2008.12.30 16:31 신고 | PERMALINK | EDIT/DEL | REPLY
형님도 하셨군요
다섯명 뽑는다고했는데 이거 경쟁자수가 점점...
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.12.30 17:13 신고 | PERMALINK | EDIT/DEL
이벤트는 응모해야 제 맛! +_+
Favicon of http://egg.pe.kr BlogIcon egg | 2008.12.30 22:15 신고 | PERMALINK | EDIT/DEL | REPLY
앗. 유용한 정보입니다. 감사해요 검쉰님~
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.12.30 23:17 신고 | PERMALINK | EDIT/DEL
ㅎㅎ 이벤트 응모용이라 ㅋ
Favicon of http://hoyajigi.com BlogIcon 호야지기 | 2008.12.31 20:57 신고 | PERMALINK | EDIT/DEL | REPLY
사칭사건 정말 충격적이였죠ㅠ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.01.05 17:05 신고 | PERMALINK | EDIT/DEL
그러게요~ 충격적 사건!!! +_+
Favicon of http://www.7zelkova.pe.kr BlogIcon 이성주 | 2009.01.05 00:33 신고 | PERMALINK | EDIT/DEL | REPLY
형님. 당첨되셨군요. 축하드려요~ 전 인터파크로 신청하러 갑니다~
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.01.05 17:06 신고 | PERMALINK | EDIT/DEL
내가 당첨될꺼라 했자나~ ㅎㅎㅎ
Favicon of http://lostsin.tistory.com BlogIcon 시난 | 2009.01.05 17:31 신고 | PERMALINK | EDIT/DEL | REPLY
루비스트 황대산씨 번역서네. 나도 조금 전에 강컴 들렸다가 이 책을 클릭했었는데.. 시간이 나면 꼭 읽어보면 좋겠더군 :)
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.01.07 13:19 신고 | PERMALINK | EDIT/DEL
언제 오려나~~ 벌써 수욜인데~ ㅎㅎ
Favicon of http://leejangsuk.tistory.com/ BlogIcon 이장석 | 2011.03.29 14:48 신고 | PERMALINK | EDIT/DEL | REPLY
개발자간의 소통에 대하여 공감가는 이야기를 담고 있군요. 좋은 하루 되십시오.
- 덧글 좀..(굽신굽신) : 장문의 덧글은 트랙백을 이용해주세요 ;^)
Name
Password
Homepage
Secret
2008.12.03 15:14
TextInput 으로 사용자에게 어떤 입력을 받게 되는 경우가 있습니다. 이때에 보다 많은 내용(예를 들어 사용자의 자기소개 같은 값)을 입력 받아야 하는 경우가 생기는데, 이때 사용하면 좋은 컴포넌트가 TextArea 입니다. TextArea 컴포넌트로 여러줄로 입력을 받게되면 사용자는 필연적으로 엔터키를 눌러 개행(줄바꿈)을 하게 되는데 오늘 이야기해보고자 하는 것은 이 개행에 대한 처리입니다.

문자열에 엔터를 처리하기 위해서 이스케이프 문자인 백슬래시(\)를 사용하여 처리를 하게 되는데, 보통 흔히 알고 있기로는 엔터를 처리하기 위해 \r\n 을 문자열에 포함시키면 된다고 아실 겁니다. 저도 학교에서 C수업을 들을때 그렇게 배웠습니다.

\r   : 캐리지리턴(carriage return) -  커서를 해당 줄의 처음으로 옮김
\n   : 라인피드(linefeed) - 커서를 해당 줄의 다음줄로 옮김

커서를 해당줄의 왼쪽으로 옮겨 다음줄로 내리면 엔터키를 친 것과 동일한 효과가 나오게 됩니다.
하지만 TextArea 에서는 \r 만으로 엔터키 처리를 하고 있습니다.




위와 같이 엔터키를 넣게 되면 실제로 TextArea의 text 속성에서 받는 문자열에는 "텍스트\r입력" 이라고 들어있게 되는 것이죠.

사용자에게 입력받은 해당 데이터를 서버에 저장하고 불러와 다시 TextArea 에 넣어줄때에 아무런 처리를 하지 않아도 상관없습니다. 어짜피 넣어진대로 다시 넣는 것이니까요. 하지만 서로 다른 언어에서 같은 데이터를 사용시에는 문제가 됩니다. 언어들마다 엔터의 처리가 다르기 때문이죠.

위에서 처럼 \r\n 으로 엔터키를 처리하는 경우도 있고, \r 만으로도, \n 만으로도 처리하는 경우가 있습니다. 만약 \r\n으로 엔터를 처리하는 시스템에서 만들어 놓은 문자열을 TextArea 에 대입하면 어떻게 될까요? "텍스트\r\n입력" 이라고 TextArea의 text 속성에 넣으면 아래와 같은 현상이 발생합니다.


위에서 보시는 것 처럼 \r\n 둘다 엔터키로 인식되네요.

참고로 말씀드리자면 MXML 상에서 위의 이스케이스 문자를 인식시키실때는 아래와 같이 하시면 됩니다.


아무튼, 저는 이와 같은 문제를 자바로 구성된 서버를 이용하면서 겪게 되었습니다. 해당 서버를 이용하는 또다른 쪽이 델파이로 구성되어 있는데, 델파이에서는 \r\n 으로 엔터키를 표현하는데, 플렉스에서 받아오니 엔터가 2번 입력되는 것 처럼 보이는 것은 물론 Flex 쪽에서 생성한 문자열은 델파이에서 엔터키가 없는 상태로 출력되는 것이었습니다.
물론 더 좋은 방법들이 있을꺼라 생각되지만, 저는 플렉스쪽에서 변환해서 쓰고 저장시에도 변환해서 보내기로 결정을 했습니다.
그래서 아래와 같은 코드를 구현하였습니다.



네이밍이 좀 별로네요.. ;;
엔터키의 처리가 다르다는 것을 알아두시면 좋겠네요. ;)


ps. Flash Player 10 이 공개된 이후 FP10 이 설치된 브라우저에서 이전 포스트의 swf 파일을 로드하지 못하는 경우가 생기네요.
정확하게 이유는 모르겠습니다. 티스토리 포럼에 같은 내용의 버그신고가 이어지고 있는데, 자세히 알아봐야겠습니다.

신고
Favicon of http://minsangk.com BlogIcon 민상k | 2008.12.08 02:11 신고 | PERMALINK | EDIT/DEL | REPLY
예전에 asp.net 과 연동하면서 저거 때문에 골치가 좀 아팠는데, \r 을 그냥 리턴으로 인식하는 것이었군요. 당시의 저도 안 되는 정규식 실력으로 힘겹게 깨작이던 기억이 나네요. 저런 함수 하나 만들어 놓으면 편하게 쓸 걸 그랬군요; 연동하는 언어가 동일하다면 change 이벤트 핸들러에 같이 물려 놔도 좋을 것 같습니다.

좋은 정보 감사합니다.

ps: 이제 RSS 로 들어와도 바로 글이 걸리네요? 예전엔 올블 배너 같은 것이 떴었거든요 -.-.-
ps 하나더: 코드 컬러 마스킹 해주는 녀석은 플러그인인가요?;
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.12.08 11:37 신고 | PERMALINK | EDIT/DEL
올블 배너가 떴던가요? ^^;; 왜 떴지. .ㅎㅎ
코드 출력해주는 것은 구글에 있는 syntaxhightlighter 를 사용했습니다.
열이아빠님의 http://koko8829.tistory.com/305 글 참고하시면 좋겠네요 ^^
Favicon of http://adnaru.tistory.com BlogIcon 희희덕 | 2008.12.11 01:49 신고 | PERMALINK | EDIT/DEL | REPLY
이야.. ㅎㅎ 멋진 정보 감사합니다.
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.12.14 18:00 신고 | PERMALINK | EDIT/DEL
방문 감사합니다 ;)
Favicon of http://cafe.naver.com/codestudy BlogIcon 이정칠 | 2008.12.11 08:26 신고 | PERMALINK | EDIT/DEL | REPLY
좋은 정보 감사합니다. ^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.12.14 18:00 신고 | PERMALINK | EDIT/DEL
오우~ 형님 여기까지 방문해주시고 감사합니다.;)
서비짱 | 2008.12.12 13:10 신고 | PERMALINK | EDIT/DEL | REPLY
검쉰님 블로그에 첨온건가....^^
몰랐네요.. 좋은정보들이 많네요...
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.12.14 18:00 신고 | PERMALINK | EDIT/DEL
^^ 자주 방문해주세요 ㅎ
Favicon of http://egg.pe.kr BlogIcon egg | 2008.12.14 20:00 신고 | PERMALINK | EDIT/DEL | REPLY
아이팟 터치 2세대...
그것도 여친님이...
ㅡㅠ 부럽습니다.
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.12.15 10:34 신고 | PERMALINK | EDIT/DEL
저는 카메라를 사줬... ㅋ
Favicon of http://orochi77.egloos.com BlogIcon 꼬출든남자 | 2008.12.25 02:19 신고 | PERMALINK | EDIT/DEL | REPLY
첨부파일로 첨부한 플래시 파일을 FP10에서 로드를 못하게 되는 경우가 있죠..
네이버의 게시판들도 유사한 문제가 있는데 그게 HTTPHeader에서 attach 머시기 하는 값과 관련이 있다고 합니다.
헤더 정보에 그 값이 있으면 FP10에서는 SWF를 다운로드 할 파일로 인식을 하여 플레이어에서 반사시킨다는..
어도비 테크노트에 있는것 같던데요.. (자세한건 저도 회사 가서 찾아봐야 할 듯 합니다)

ps. 게릴라군이랑 지금 같이 근무하시나요?? ㅎㅎ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.12.25 15:21 신고 | PERMALINK | EDIT/DEL
아하 그렇군요 ;) 찾아보겠습니다. ;)
티스토리 사용중이라 원인을 안다해도 제가 할 수 있는 건 없겠군요 ^^;;;

게릴라님이랑 같이 근무는 아니고요.
온라인에서 쭉 알다가 얼마전에 오프라인에서 실제로 만나뵈었어요 ㅎㅎ
담에 꼬출든남자님도 함께 뵈었으면 좋겠네요~ ^^;
Favicon of http://orochi77.egloos.com BlogIcon 꼬출든남자 | 2009.01.16 00:33 신고 | PERMALINK | EDIT/DEL
http://www.adobeflex.co.kr/iwt/board/board.php?tn=pds_tech&id=213&mode=view
여기에서

어떤 HTTP 서버들은 다음과 같은 응답 헤더를 보내기도 한다:



Content-Disposition: attachment


이 내용이 관련있을것 같아요
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.01.16 10:16 신고 | PERMALINK | EDIT/DEL
저도 살펴봤는데 이거 뭐 제가 어떻게 할 수 있는 문제가 아니더군요..;;
티스토리 언제 고쳐줄래나.;;
미유 | 2009.01.07 15:50 신고 | PERMALINK | EDIT/DEL | REPLY
리눅스에 쓰는과정에서 한참 고생했는데 정말 감사합니다~
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.01.08 23:41 신고 | PERMALINK | EDIT/DEL
도움이 되셨다니 정말 다행입니다. ;)
좋은 하루되세요~
Favicon of http://blog.naver.com/gohappy81 BlogIcon Douglas9 | 2009.01.16 11:39 신고 | PERMALINK | EDIT/DEL | REPLY
오 좋은 정보 감사드려요^^
그리고 꼬출든남자 형님 회사에서 조용하시더니 여기 계셨군요 -0-
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.01.16 11:51 신고 | PERMALINK | EDIT/DEL
방문 감사드립니다. ;)
트랙백은 더더욱 감사드립니다. ;)
장문영 | 2009.01.20 11:21 신고 | PERMALINK | EDIT/DEL | REPLY
Air에서는 파일을 읽어서 "\r\n"으로 열심히 파싱하는데도 불구하고 안되었는데 "\n"으로 해결함 -_-; Air에서는 enter값이 \n인가요?
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.01.20 17:04 신고 | PERMALINK | EDIT/DEL
FlashPlayer이건 AIR 위에서 이건 간에 TextArea에서 사용자가 입력한 문자열의 개행은 \r로 처리합니다.
본문에서 있다싶이 \n도 개행으로 처리하기도 합니다.

질문으로 유추해보건데 파일을 읽으셨다니 파일에 있는 문자열에 \r\n이 동시에 사용되었을 경우에는 \r 하나만 사용하도록 변경해서 TextArea에 올려주는 것이 필요합니다.
아마도 거꾸로 작업하신듯 싶네요. ^^
퍼플린 | 2009.06.15 17:09 신고 | PERMALINK | EDIT/DEL | REPLY
움.. 나도 똑같은 내용을 블로그에 썼었는데 여기도 있넹 ㅎㅎ

플레시쪽 작업하면서 똑같은 문제가 나와서 고민했던적이 -ㅅ-;;;
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.06.15 18:31 신고 | PERMALINK | EDIT/DEL
다들 비슷한 문제를 겪는데 공유가 안되니 계속 삽질만... ㅋ
- 덧글 좀..(굽신굽신) : 장문의 덧글은 트랙백을 이용해주세요 ;^)
Name
Password
Homepage
Secret
2008.10.01 13:05
Adobe AIR에 대해 자세히 다루고 있는 AIR in Action 의 한글 번역판이 우여곡절(원서 출간 전에 번역 작업이 시작되었는데, 중간에 책 내용이 죄 바뀌였다는 슬픈 이야기)을 겪고 드디어 예약판매에 들어갔습니다. 절찬리에 판매중입니다.

현재 예스24, 강남컴퓨터, 인터파크, 알라딘, 교보문고 에서 예약판매 중이라고 출판사인 위키북스의 블로그에서 공개하고 있네요. 글 쓰고 있는 현재는 24일부터 배송되도록 예약판매중인 곳은 강컴, 인터파크, 교보문고 입니다.

에이레네 라는 닉네임으로 친숙한 유윤선님께서 열심히 번역해주셨습니다. 우연찮게 베타리더로 활동하게 되어 원본과 번역본을 번갈아 보게 되었네요. 물론 번역의 피드백을 드린다는 명목이었습니다만, 오히려 제가 더 도움이 되었습니다.

책 내용은 아주 만족스럽습니다. 책을 관통하는 AirTube 라는 어플을 제작하면서 AIR에서 제공되는 중요 API를 빠짐없이 설명하고 있습니다. 기존에 원서라서 제대로 이해하지 못했던 기술적인 내용들도 이 책을 통해 알게된 것이 엄청납니다. 그만큼 내용 굿!!! AIR에 관심있으시다면 꼭 한번 읽어보길 권해드립니다.

이 책 한권을 쫙 읽으시면 AIR로 뭔가 만들고 싶어 손가락이 근질근질해질 것이 틀림없습니다. ;)


베타리더 서평을 책에 싣는다고 하셔서 서평을 보내드렸는데, 지면관계상 못 싣었다는 안타까운 이야기가 들리네요. ;^0 위키북스 블로그에는 서평을 적어주셨네요. 쪼금 아쉽지만 뭐....

제가 정식출간된 책을 받아보지는 못했기때문에, (그야말로 프리뷰) 라서 책의 상태는 알길이 없네요. 너무 무겁지만 않았으면 좋겠습니다. ;) (외쿡 책들은 가볍고 좋던데 말이죠.) 책을 받아서 전체적으로 훓어보았습니다만, 아주 만족스럽습니다. ;) 뒷표지에 너무 산소 드시는거 뺴고는.. ^^;
편집상태도 좋고, 제 원대로 무게도 적당합니다. ;) 위키북스 측에서 대단히 신경 많이 쓰신듯 하네요.

다만, 책 구매하신 분들이 의아하실 수도 있겠습니다. '책에 나오는 그 많은 소스들은 어떻게 하라고 부록 시디 한장 없냐'고 말이죠. 책에는 실리지 못했지만 역자이신 유윤선님께서 네이버에 AIR IN Action 카페를 운영하고 계십니다. 소스 및 관련 의문사항은 카페에서 해결하시면 되겠네요. 책 사신 분들께서는 가입하셔서 많은 정보 구하시면 좋겠습니다. ;)
현재 책 내용에 관련된 공지들이 올라오고 있으니 참고하시면 좋겠네요.


저작자 표시 변경 금지
신고
Favicon of http://koko8829.tistory.com BlogIcon 열이아빠 | 2008.09.19 14:36 신고 | PERMALINK | EDIT/DEL | REPLY
어디선가 본 내용인데 문화적 차이가 아닐까 싶습니다.
출판사에서는 가볍고 눈에도 좋은 종이를 쓰고 싶지만
그러면 저질 종이를 쓴다더라, 제작비 아끼려고 별짓을 다하는구나 라는 등의 이야기를 듣는다더군요.
국내에서는 번쩍거리는 종이들을 좋아라 해서...ㅎㅎ
그리고 차라리 분책이라도 해서 나오면 좋을것 같아요. 좀 들고다닐 수 있게...
기술 서적도 소설처럼 한손에 들 수 있는 크기면 좋겠는데요..
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.19 18:37 신고 | PERMALINK | EDIT/DEL
분책 괜찮네요. ^^;
너무 무거워서 일부러 인쇄소까지 가져가 분책했던 기억도 나네요. ㅎ
Favicon of http://www.sukhyun.com/blog BlogIcon 빨빤 | 2008.09.19 15:04 신고 | PERMALINK | EDIT/DEL | REPLY
그러잖아도 AIR 에 관심이 생겼던 차였는데...
좋은 책을 추천해주시네요. 감사합니다. ^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.19 18:37 신고 | PERMALINK | EDIT/DEL
AIR는 할수록 재미난거 같습니다 ;)
Favicon of http://2rang.tistory.com BlogIcon 꽃녀 | 2008.09.19 15:07 신고 | PERMALINK | EDIT/DEL | REPLY
베타리더..완전 좋겠네요 ㅜㅜ
좋은책 먼저보는 즐거움..
부럽습니다 +_+
쉰님이 책이 갠잔다니깐
꼭 사서 봐야겠어용 !!
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.19 18:37 신고 | PERMALINK | EDIT/DEL
책 정말 내용 굿. ㅎ
Favicon of http://yurinamu.tistory.com BlogIcon 레몬에이드 | 2008.09.19 16:43 신고 | PERMALINK | EDIT/DEL | REPLY
뭐니뭐니 해도 가장 부러운건 베타리더 셨다는 점이죠 ㅎ
열이아빠님도 부럽고 =ㅅ=

웹 개발자는 아니지만 며칠전 AIR 베이스 어플을 보고 그 재미남에 눈이 번뜩였는데
현실이 허락하는 때까지 좀 기다렸다가 구매 좀 해봐야 할듯 하네요 ㅎ
참 동원은 어디로 가시는지? 설마 같은 지역? 전 일산입니다만 ㅎ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.19 18:38 신고 | PERMALINK | EDIT/DEL
베타리더 하면서 도움이 많이 되었어요 ;)

전 동원훈련 원주로 갑니다.
특기가 특이해서 원주밖에 없는터라..;;
원주까지 어떻게 가죠? ㅡㅡ;
Favicon of http://mudchobo.tomeii.com/tt/ BlogIcon 머드초보 | 2008.09.19 17:00 신고 | PERMALINK | EDIT/DEL | REPLY
국내IT서적과 노트북(2KG)의 조화는 허리고통의 시작이죠.
노트북을 하나사야지-_-;
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.19 18:39 신고 | PERMALINK | EDIT/DEL
노트북에 IT서적은 너무 엄청난 조합..;;
외쿡서적은 도움말로 되어있는게 있어 좋던데 말이죠 ㅎ
Favicon of http://okgosu.net BlogIcon okgosu | 2008.09.19 18:01 신고 | PERMALINK | EDIT/DEL | REPLY
오옷...나도 사봐야겠군요....Ajax in Action도 아직 다 못봤는데..^^;;;
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.19 18:39 신고 | PERMALINK | EDIT/DEL
저도 못본책이 한가득~ 하네요 ㅎㅎ
그래도 책욕심에 좋은 책이 나오니 좋습니다 ;)
Favicon of http://www.ddongkang.com BlogIcon 동강 | 2008.09.19 19:36 신고 | PERMALINK | EDIT/DEL | REPLY
기대 되는 책입니다. 빨리 나왔으면 좋겠네요.
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.21 09:02 신고 | PERMALINK | EDIT/DEL
저도 기대중입니다 ;)
Favicon of http://wikibook.co.kr BlogIcon 위키북스 | 2008.09.20 11:03 신고 | PERMALINK | EDIT/DEL | REPLY
검쉰님 베타리딩하시느라 고생하셨습니다.
화요일쯤에 책이 나올 것 같습니다.
책 나오면 나중에 베타리더 모임이라도 한번 하겠습니다...^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.21 09:02 신고 | PERMALINK | EDIT/DEL
오~ 모임도 하나요? ㅎㅎ
드디어 에이레네님 용안을 뵙겠군요 ㅋ
Favicon of http://hangunsworld.com BlogIcon Han Sanghun | 2008.09.20 17:07 신고 | PERMALINK | EDIT/DEL | REPLY
저도 차일피일 미뤘던 에어 공부나 시작해 봐야겠네요 ^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.21 09:02 신고 | PERMALINK | EDIT/DEL
재미있는게 나오겠군요! ;)
기대하겠습니다!
Favicon of http://wooyaggo.tistory.com BlogIcon 우야꼬  | 2008.09.20 23:49 신고 | PERMALINK | EDIT/DEL | REPLY
제 블로그 채팅에 왜 말걸고 나가셨어요? ㅋㅋ 자리 있었는데 ㅋ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.21 09:03 신고 | PERMALINK | EDIT/DEL
전 설마 그 시간에 있으실 꺼라곤... ㅋ
Favicon of http://lovedev.tistory.com BlogIcon lovedev | 2008.09.21 02:37 신고 | PERMALINK | EDIT/DEL | REPLY
앗싸 베타리더 한명 확보~
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.21 09:03 신고 | PERMALINK | EDIT/DEL
음? ㅋ
책 쓰신다더니, 리딩 시킬정도 되셨나봐요~ ㅎㅎ
저도 환영입니다 ㅎ
Favicon of http://www.jinhokim.com BlogIcon 찌노 | 2008.09.23 11:29 신고 | PERMALINK | EDIT/DEL | REPLY
오.. 드디어... 함 봐야겠어요 ㅎ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.24 21:14 신고 | PERMALINK | EDIT/DEL
드디어 나왔네요 ;)
Favicon of http://chocodonut.tistory.com BlogIcon comburger | 2008.09.26 17:28 신고 | PERMALINK | EDIT/DEL | REPLY
제 블로그에 책 출간을 귀뜸해주셔서 감사의 말씀을 드리고저 찾아왔는데
'관계자' 분이셨군요!!! ^^
내일 당장 서점에 가서 집어봐야겠습니다.
감사합니당~
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.27 11:08 신고 | PERMALINK | EDIT/DEL
일명 '관계자' 라고 볼 수도 있겠군요 ㅎㅎ
책을 받아서 보았는데, 편집도 깔끔하게 잘 되었습니다 ;)
Favicon of http://blog.jidolstar.com BlogIcon 지돌스타 | 2008.10.01 15:55 신고 | PERMALINK | EDIT/DEL | REPLY
기대가 완전 만땅이라는~
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.01 22:17 신고 | PERMALINK | EDIT/DEL
후회 안하실꺼예요~ ㅎ
이태호 | 2008.10.01 22:40 신고 | PERMALINK | EDIT/DEL | REPLY
만나뵈서 반가웠습니다. ㅎㅎ 오우 먼가 차곡차곡 정리해줄 책을 찾고 잇었는데 책 잘 보겠습니다.^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.03 21:02 신고 | PERMALINK | EDIT/DEL
보시고 멋진 애플을 만드셔서 공개해주세요! ㅎ
(소스까지. ㅋㅋ)
Favicon of http://joshy21.com/weblog BlogIcon 에이레네 | 2008.10.08 19:44 신고 | PERMALINK | EDIT/DEL | REPLY
베타리더 활동 다 끝났는데도 책 홍보에 카페 홍보도 해 주시고, 감사합니다.
위키북스에 말씀드려서, 검신님 책 하나 더 보내드리라고 해야 겠네요 +_+
일등 공신이십니다 ㅇㅇ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.09 13:32 신고 | PERMALINK | EDIT/DEL
출간기념 파티한다더니 언제합니까? ㅎㅎㅎ
얼굴 좀 보여주시라고요~\ㅎㅎ
Favicon of http://adnaru.tistory.com BlogIcon 희희덕 | 2008.10.14 13:38 신고 | PERMALINK | EDIT/DEL | REPLY
한권 지르고싶지만..... 역시 돈이 문제네요.. ㅠㅠ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.15 17:52 신고 | PERMALINK | EDIT/DEL
희덕님이시라면 제가 한권 선물해드릴께요! ㅎ
Favicon of http://vdesire.wordpress.com BlogIcon 이태호 | 2008.10.17 02:14 신고 | PERMALINK | EDIT/DEL | REPLY
허허..검쉰님 새 포스팅 한번 하실때 되지 않으셨나요? ^^
처음 댓글 남긴 이후로 검쉰님 블로그를 찾았는데 그대로 네요 ㅎㅎ 책광고 넘 오래 하신당ㅎㅎ
언제고 또 뵈면 좋겠는데 말이예요 ^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.19 14:03 신고 | PERMALINK | EDIT/DEL
새로운 글 하나 올리고 싶습니다만, 요즘 엄청 바빠서 글쓸 시간이 없네요..;
글 하나 쓰는게 몇시간씩 걸리는 일이라.. ㅎㅎ
곧 새로운 포스트로 뵙겠습니다 ㅋ

언제 한번 뵈죠? ㅋ
Favicon of http://vdesire.wordpress.com BlogIcon 이태호 | 2008.10.19 19:49 신고 | PERMALINK | EDIT/DEL | REPLY
네 아이구..저도 지금 싱숭생숭한 일이 겹쳐서 일단은 좀 있다가 알아서 찾아뵙겠습니다. ^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.20 09:59 신고 | PERMALINK | EDIT/DEL
무슨 일인지 잘 모르겠습니만, 잘 해결되시길 빌께요! ;)
- 덧글 좀..(굽신굽신) : 장문의 덧글은 트랙백을 이용해주세요 ;^)
Name
Password
Homepage
Secret
2008.09.30 23:32

RIA Camp 2nd in Seoul(제 2회 Flex Camp) 에 참석하고 왔습니다. 이번 캠프부터 명칭이 RIA Camp로 변경되었어요. Flex에 국한되지 않고 Flex, Flash, AIR와 같은 RIA에 대한 열린 공유의 장이 되고자 하는 의지가 담겨있는 명칭이 아닌가 합니다. ;) 이번 행사는 강남 교보타워 23층에서 진행되었는데 준비된 좌석이 꽉 차서 뒤늦게 오신분들은 뒤에서 서서 들으셔야될 정도로 많은 분들이 오셨습니다.(공지사항의 참가신청 덧글은 400번대가 넘었네요!) 1회 캠프때 자리가 텅텅 빈 것 생각하면 평일인데도 불구하고 놀라운 참석률!!! 아마 라이언 스튜어트(Ryan Stewart)와 마이크 챔버스(Mike Chambers)가 방한하여 발표를 한 것 때문이 아닌가 합니다.

이번 행사에 사회는 1회때와 같이 ACC(Adobe Community Champion)이신   이정웅(블루메탈)님 께서 보셨습니다.



행사는 다음과 같은 순서로 진행되었습니다.

1. 기조연설 - 한국 어도비시스템즈 박민형 전무
2. Adobe RIA Technology - Ryan Stewart, Mike Chambers
3. AIR로 만드는 매쉬업 애플리케이션 이야기 - 오창훈 (ActionDev)
4. 덕글 쿨럭 - AIR로 만드는 모두의 브라우져 - 이희덕
5. Pixel Bender소개와 사용 - 김춘경 (딴동네)

우선 한국 어도비시스템즈의 박민형 전무님께서 Welcome Speech 를 하셨습니다.



그 후에 본격적인 발표시간이었는데요,
라이언 스튜어트(Ryan Stewart)와 마이크 챔버스(Mike Chambers)가 교대로
Flash Player 10, AIR 1.5 , Flex 4(Gumbo), Thermo
에 대해서 이야기를 하였습니다. :)
우선 라이언 스튜어트(Ryan Stewart)가 먼저 올라와 RIA의 미래에 대해서 발표를 하고, 마이크 챔버스(Mike Chambers)가 각 기술들의 데모시연을 하였습니다. 그 후에 마지막으로 라이언 스튜어트(Ryan Stewart) Thermo 데모시연을 하였습니다. 데모시연을 한 것들은 마이크 챔버스(Mike Chambers)블로그에 있거나 올릴 예정이라 하니 참고하시면 되겠네요.


위의 사진에도 있듯, 곧 Flash Player 10AIR 1.5, 그리고 Flex 3.2 업데이트가 있을 예정이고, Flex4는 내년 하반기쯤으로 계획되어있다고 하네요. 두근두근~ 합니다. ;) 이번 발표에서 특히나 강조되던 Pixel Bender는 CS4에 포함될 'Pixel Bender Toolkit'으로 필터를 제작할 수 있다고 하더군요. 이후 CS4의 제품군에서 동일하게 사용할 수 있데나~ 어쩐데나~ ㅎㅎ 참 재미있을 것 같더군요.
그리고 Flex4 에서 FXG와 데모를 보여준 MXML로 되어 있는 <SKIN> 의 구현은 참 흥미로웠습니다. 한번 다시 봐야될 것 같아요 ;) 맨 마지막으로 Thermo 데모를 시연했는데, (라이언의 말대로라면) 초창기버전이라 에러가 좀 나긴 했는데, 실제 데모는 처음 보는 것이라 재미있었습니다. 전체적인 생각은 실버라이트의 블렌드랑 비슷하네~ 랄까. 그런 생각이 들더군요. 사실 좀 드로잉 노드들이 늘어나면 가독성이 떨어질텐데, 그게 좀 걱정스럽더군요.(단지 오른쪽으로 좀 움직였는데 만들어진 엄청난 코드들... ㄷㄷ)

한가지 의문점은 MXML이 빌드가 되면 우선 AS 클래스로 변환이 된다음, SWF로 만들어지는데요, FXG로 만들어진 코드들은 AS 클래스가 되는건가요? 그렇다면 FXG 도 클래스로 불러드릴 수 있는건가.? (이건 오창훈님께 부탁드렸으니 잊지 않으셨다면 물어보시겠지요 ㅎㅎ)

마이크 챔버스(Mike Chambers) 가 마지막 쯤에 toString() 라는 프로젝트를 소개하였습니다. 현재 2권의 책이 올라와있는데요, 이 책들을 각국의 언어로 번역하는 프로젝트인데 아시아권 최초로 열이아빠님께서 'Adobe AIR for JavaScript Developers Pocketguide' 의 1, 2장을 한국어로 올려주셨다고 하더군요.(정작 열이아빠님은 일이 바쁘셔서 참석 못하셨...ㅡㅡ) 혹시 영어잘하시고 공헌을 해보시겠다는 분은 마이크에게 메일 보내셔서 동참해보시는 것도 좋겠어요~ ;)

발표가 끝나고 잠시 쉬는시간(던킨도넛과 커피를 제공해주셔서 맛있게 먹었습니다.) 후에 바로 다음섹션이 진행되었습니다.
오창훈님께서 'AIR로 만드는 매쉬업 애플리케이션 이야기' 라는 주제로 발표를 하셨습니다.


매시업에 대한 정의를 내려주시고 AIR를 통한 매쉬업시 유용한 것들에 대해서 말씀하셨습니다. 맨 마지막에 말씀하신 VoIP를 사용한 AIR LG Phone 이라는 어플을 보여주셨는데요, 발표말씀처럼 부동산 정보가 출력되는 맵에 각 건물에 클릭하면 바로 전화를 걸어준다면 얼마나 유용할까? 하고 저도 동감했습니다. 매쉬업이란 정말 상상의 산물인 것 같아요 ;)

그 다음으로는 이희덕님의 '덕글 쿨럭'이라는 AIR로 만든 웹브라우저에 대한 발표가 있으셨습니다.


특유의 네이밍센스에 찬사를 보내면서, 이전과 마찬가지로 재미있게 발표를 해주셨습니다. AIR에서 제공되는 SQLite와 WebKit Browser를 이용하여 기본적인 웹브라우저를 만드셨더군요. 함께 같이 만들어나가면 재미있는 웹브라우져가 탄생할지도 모르겠습니다. ;)
다른 유용한 이야기들도 많이 하셨습니다. SVN을 이용하기 위한 Subclipse 와 trac 설치 및 ASDoc 생성시 주의사항 등..
마지막에 오픈소스 쿠디(Kudeeh) 홍보도 하셨는데, 국내 OPEN API서비스를 AS3 라이브러리 형태로 제공하는 프로젝트라고 하네요. 관심있으신 분들은 구경해보셔도 좋겠습니다. ;)

마지막으로 김춘경(딴동네)님께서 Flash Player 10에 포함된 Pixel Bender 에 대해서 말씀해주셨습니다.



제가 워낙 그래픽 관련 쪽은 잼병이라 이해는 많이 못했습니다만, 게임 관련 일하시는 분들께는 상당히 좋은 발표였던거 같습니다. 진행하신 이정웅(블루메탈)님께서도 게임쪽 일을 하시고 계셔서 상당히 흥미있어 하시는 듯 했습니다. Pixel Bender는 '하드웨어 독립 기반의 이미지 프로세싱에 사용되는 프로그래밍 언어' 라는거 하나 배웠네요! ;) 나중에 프리젠테이션 자료 공개되면 다시 한번 공부해봐야겠습니다. ;) 동영상 강좌도 올려주시고 좋은 것들 많이 공개해주셔서 도움이 많이 되었는데 실제 뵌건 처음이었네요. 워낙 사진 같은 것도 없어서 상당히 궁금했는데 말이죠. ;) 오늘은 경황이 없어서 인사도 못드렸는데, 다음에는 꼭 인사드려야겠습니다. ㅎ

오늘 그동안 뵙고 싶어도 못뵈었던 분들 많이 뵙고 인사 나누었습니다. 행사할때 이렇게 한분씩 알게된다는게 참 좋은 것 같습니다. ;) 저녁시간 괜찮으신 분들과 함께 저녁식사까지 하고 집에 들어왔네요. 저녁 함께 해주셔서 감사하고 다음에 시간내서 또 뵈어요~ ;)



오늘 관계자여러분 정말 수고하셨고요! 발표하신 분들도 정말 수고하셨습니다. ;)
다음 캠프때는 발표 꼭 하고 싶네요 ㅎ (이번에는 시간이 짧아서 ㅎㅎ)

신고
Favicon of http://koko8829.tistory.com BlogIcon 열이아빠 | 2008.10.01 07:56 신고 | PERMALINK | EDIT/DEL | REPLY
우왕. 재미있었겠네요.
이곳사무실에서도 꽤 많은 분들이 신청은 하신걸로 아는데
정작 아무도 못가셨다는..ㅎㅎ
toString() 은 어떻게 소개가 되었는지 궁금하네요.
나중에 동영상 올라오면 봐야겠습니다.
현장감 넘치는 스케치 잘 보고 갑니다.^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.01 12:53 신고 | PERMALINK | EDIT/DEL
에구. 일이 너무 바쁘신가봐요 ^^;
일부러 리뷰 올리려고 작정하고 사진 찍었더니 괜찮은 스케치가 된듯 ㅎㅎ
Favicon of http://www.jinhokim.com BlogIcon 찌노 | 2008.10.01 09:46 신고 | PERMALINK | EDIT/DEL | REPLY
헐.. 행사 중 사진에 제 뒤통수가 나와버렸네요 ; 뭔가 ㅈㅅ 해야하는건가 ㅋㅋㅋ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.01 12:54 신고 | PERMALINK | EDIT/DEL
계속 나오셔서 사진찍기 힘들었음... ㅋ
Favicon of http://2rang.tistory.com BlogIcon 꽃녀 | 2008.10.01 12:46 신고 | PERMALINK | EDIT/DEL | REPLY
리뷰 잘봤어요..
쉰님 생각보다 덩치가 있으셔서.. 조금 놀랬다는.. 찬익 님도..ㅎ
전 서점 잠깐 들렀다가 다시 회사로 왔어요.. ㅜㅜ
다른 반가운 분들도 인사하니..
좋더라고요.
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.01 12:54 신고 | PERMALINK | EDIT/DEL
ㅎㅎ 제가 덩치가 좀 있죠 ㅋ
담에 또 뵈요!! ;)
무명소녀 | 2008.10.01 13:59 신고 | PERMALINK | EDIT/DEL | REPLY
KTF에 감금당해있다가 오랜만에 이것저것 수다 떨고 나니 기분이 상큼해졌음. ㅋㅋ
검쉰군이 싱글 사인온 역할을 잘 해줘서 넘 고마워. 안그랬으면 우리 회사 사람들 밖에 몰랐을거야. ^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.01 22:20 신고 | PERMALINK | EDIT/DEL
제가 개발자들 매쉬업 하는게 취미가..... ㅋㅋㅋ
Favicon of http://blog.jidolstar.com BlogIcon 지돌스타 | 2008.10.01 15:33 신고 | PERMALINK | EDIT/DEL | REPLY
잘 들어갔어요? ^^
찬익님이 참 밝게 찍혔네요 ㅎㅎㅎ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.01 22:21 신고 | PERMALINK | EDIT/DEL
앗. 정곡을 찌르시는! ㅋㅋ
잘 들어갔답니다 ;)
뒷풀이 재미있어보이네요 ㅎㅎ 뒤늦게 심보형씨가 같이 하시지.. 이러셨다는.. ㅋ
Favicon of http://lovedev.tistory.com BlogIcon lovedev | 2008.10.01 15:39 신고 | PERMALINK | EDIT/DEL | REPLY
저도 검쉰님 보고 덩치가 있으시더라고요.. 음..블로그 사진은 참 날씬해 보이는데..
검쉰님하고 이야기좀 해보고 싶어요..재미있을거 같던데!! 진짜 한잔해요!
재미있는 뒷풀이 자리를 가지셨네요..
만나뵈서 반가웠습니다.. 너무 짦은 순간이었지만 정말 반가웠습니다 ^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.01 22:22 신고 | PERMALINK | EDIT/DEL
담에 술 사시겠다는 말씀 잊지 않고 있습니다. ㅋ
제가 요즘 살이 쪄서 더더욱 덩치가 커보였을 것 같은...;;
Favicon of http://www.ddongkang.com BlogIcon 동강 | 2008.10.01 19:57 신고 | PERMALINK | EDIT/DEL | REPLY
내용부터 해서 뒷풀이까지 정말 알찬 자리 였습니다. 조만간 다시 자리가 생길꺼 같은
예감이?? ㅋㅋ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.01 22:23 신고 | PERMALINK | EDIT/DEL
다시 모이시죠 뭐! ㅎㅎ 전부터 동강님 한번 뵙고 싶었는데 ㅎㅎㅎ
개발자들끼리 좀 모여서 서로 돕고 살아야죠! ㅎㅎ
Favicon of http://egg.pe.kr BlogIcon egg | 2008.10.02 10:06 신고 | PERMALINK | EDIT/DEL | REPLY
이번에는 못갔지만 다음엔.ㅡㅠ 흑흑..
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.03 21:03 신고 | PERMALINK | EDIT/DEL
담에는 꼭 뵈어요~ ㅎㅎ
(그나저나 신촌은 언제 놀러갈까나.. ㅋ)
Favicon of http://adnaru.com BlogIcon 이희덕 | 2008.10.02 10:36 신고 | PERMALINK | EDIT/DEL | REPLY
부족한 발표인데도 즐겁게 봐 주셨다니 감사합니다 (__)
검쉰님 이번엔 꼭 뵙고 싶었는데 시간이 여의치않았나보네요 ㅠ
담번 캠프땐 꼭 뵈었으면 합니다 ㅋㅋㅋ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.03 21:04 신고 | PERMALINK | EDIT/DEL
발표자분들 뒷풀이에 이야기는 늦게 들어서 참석을 못했습니다 ^^;
다른 개발자분들과 매쉬업중이었거든요 ㅋㅋ
담에 한번 뵈어요!
- 덧글 좀..(굽신굽신) : 장문의 덧글은 트랙백을 이용해주세요 ;^)
Name
Password
Homepage
Secret
2008.09.28 22:30
단도직입적으로 말씀드리자면, new 키워드는 비용이 비쌉니다. 많은 리소스를 사용하게 된다는 말이죠. 물론 안쓸 수야 없죠. 새로운 객체를 생성하려면, 당연히 써야됩니다. 하지만, 사용하게 되면 그만큼의 연산과 메모리의 차지는 어쩔 수가 없습니다. 이런 문제들로 인해 좀 더 효율적인 객체의 사용을 위해 객체 풀(Object Pool) 을 구성하여 사용한다던가 하는 방법을 고민하게 되죠.
본 포스트에서는 객체 풀에 대해서 설명하지는 않겠습니다. 위에 링크로 걸어놓은 영구기님의 포스트를 참고하시도록 하시고요, 이번 포스트에서 제가 설명하고자 하는 것은 new 키워드를 사용하지 않고서도 사용할 수 있는 타입들에 대한 사용방법입니다.

데이터형태는 아래와 같이 2가지의 데이터형이 존재합니다.

Primitive Data Type : Boolean, int, uint, Null, Number, String, void
Complex Data Type : Object, Array, Date, Error, Function, RegExp, XML, XMLList


기본적인 데이터 형태(Primitive Date Type)의 변수선언시에는 물론 new 키워드는 사용하지 않습니다. 하지만 사용하지 못한다는 것은 아닙니다.
문자열을 저장할 때에 String 를 사용하게 됩니다. 이 String 형 변수는 다음과 같이 선언하게 됩니다.

하지만 아래와 같이 new String() 이라고 할 수도 있습니다.

int, uint, Number, Boolean 도 마찬가지로 new 키워드를 이용하여 변수에 할당해줄 수 있습니다. 허나 그렇게 사용하지는 마십시오. 기본적인 데이터 형태의 변수는 new 키워드를 사용하지 않아도 메모리가 할당되게 됩니다. 게다가 더 빠르고 간편합니다.

그래도 확인하고 넘어가는 차원에서 Number 형태의 변수의 할당에 대해 살짝 실험해보도록 하겠습니다. 아래의 코드를 보시면 Number 변수를 할당시에 new Number()를 사용하는 것과 직접 값을 입력하는 것에 대해서 속도를 비교해보고 있습니다. new 키워드를 사용하지 않는 것이 더 간편합니다. 그 아래에는 실제 결과물입니다. 테스트 버튼을 클릭하셔서 테스트 해보시기 바랍니다.







그렇다면 보다 복잡한 데이터 형태(Complex Data Type)의 변수를 선언시에는 new 키워드를 어떻게 쓰지 말라는 말일까요?
가장 먼저 많이 사용하는 Array에 대해서 말씀드려보겠습니다. 우선 Array를 선언시에 아래와 같이 선언할 수 있습니다.

이전 포스트에 살짝 언급하였습니다만, Array의 경우는 [] 를 이용하여 새로운 Array를 할당할 수 있습니다.

이와 비슷하게 Object를 할당할 때에도 new Object()  대신에 {} 를 이용하여 새로운 Object 할당이 가능합니다.
아래와 같은 선언을 다른 예제 소스코드에서 흔히 보셨을겁니다.

위에서 설명드린 것과 같이 Array 를 할당시에 [] 를 이용하고 Array 내부의 값을 {}를 이용하여 Object 형태로 정의하였습니다.
만약 [], {} 없이 선언하려고 한다면 아래와 같이 하여야할 것입니다. (물론 이렇게 사용할 일은 거의 없죠. 매우 극단적인 예랄까요? )


RegExp 같은 경우도 new 키워드를 사용하지 않고 선언 가능합니다.


XML 도 마찬가지입니다. 아래와 같이 흔히 사용하시고 있죠?
2번째 라인에 있는 것처럼 사용하실 일은 없을 듯합니다. 물론 String 형태의 XML 데이터라면 XML 로 변환하려면 2번째 라인처럼 해야겠죠.


마지막으로 위에서 말씀드린 Array와 Object 의 new 키워드 사용 유무에 대한 속도차 테스트를 해보고 마무리 짓겠습니다.
(RegExp 는 속도차가 거의 없어서 생략하였고,  XML은 쓸일이 없을 것 같아 생략하였습니다. ㅎ)

아래는 Array를 테스트한 코드입니다.

아래는 Object를 테스트한 코드입니다.




뭐 결론은 new Array() 대신에 [], new Object() 대신에 {} 를 사용하자는 것입니다. ;)
긴 글 읽어주셔서 감사합니다. ;) 다 읽으신 후에는 덧글 하나 써주시는 센스!!

참고자료 :
객체 풀[Object pool]을 이용해 보자.  - 영구기님 블로그
ActionScript3.0 너는 누구냐? - 엄진영님 Flex 챔피언 블로그

신고
Favicon of http://wooyaggo.tistory.com BlogIcon 우야꼬  | 2008.09.29 09:45 신고 | PERMALINK | EDIT/DEL | REPLY
Best Practice에서도 new 보다는 [] 나 {} 를 쓰라고 나와있더라구요.
좋은 내용 ㄳ~
(인액션 책에 추천사 넣으셨더라구요~ ㅋㅋ 서점가서 보고 왔는데 많이 듣던 이름이여서 내심 반가웠다능~)
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.29 13:12 신고 | PERMALINK | EDIT/DEL
제가 쓴 서평은 짤렸.. .ㅋ
매번 방문해주셔서 감사합니다. ;)
신준섭 | 2008.09.29 10:01 신고 | PERMALINK | EDIT/DEL | REPLY
항상 좋은 자료 잘보고갑니당.^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.29 13:12 신고 | PERMALINK | EDIT/DEL
네~ 좋은 하루 되세요~ ;)
Favicon of http://lovedev.tistory.com BlogIcon lovedev | 2008.09.29 11:01 신고 | PERMALINK | EDIT/DEL | REPLY
ObjectPool을 잘 사용하면 필시 좋은 건 사실입니다.
다만 GC에 대한 고민이 있어야 겠죠. GC관리를 풀관리자가 잘 해주면 관계는 없겠지만..
Java에서도 ObjectPool은 신중하게 사용되어야 한다고 논의 되고 있습니다.
때론 메모리에서 인스턴스화를 하지 않은 상태로 객체를 가지고 있는 자체가 문제가 될 때가 있습니다..그 상태야 말로 GC를 할 수도 없는
메모리 할당만 받고 있는 누수의 원인이 되기 때문입니다.
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.29 13:13 신고 | PERMALINK | EDIT/DEL
매번 좋은 말씀 감사합니다. ;)
저도 ObjectPool 은 실제로 개발시에는 사용해본 적은 없네요 ^^;
보다 좋은 방법들이 고려되고 나타나기를 기대합니다 ;)
Favicon of http://bnufactory.com/ BlogIcon BNU | 2008.09.29 16:35 신고 | PERMALINK | EDIT/DEL | REPLY
자바스크립트에서도 Flex에서처럼 큰 폭은 아니지만 [], {}가 좀 더 빠르네요.
좋은 정보 감사합니다. :)
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.29 19:20 신고 | PERMALINK | EDIT/DEL
아무래도 리터럴이니까요 ;)
좋은 정보 되셨다니 기분 좋습니다 ㅎ
Favicon of http://www.jinhokim.com BlogIcon 찌노 | 2008.09.29 16:59 신고 | PERMALINK | EDIT/DEL | REPLY
무의식적으로 Array 선언시 [] 를 사용하고 있었는데 더 좋은방법이라니.. 왠지 모를 뿌듯함이.. ㅎ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.29 19:21 신고 | PERMALINK | EDIT/DEL
좋은 습관!! ㅎㅎ
Favicon of http://2rang.tistory.com BlogIcon 꽃녀 | 2008.09.30 00:09 신고 | PERMALINK | EDIT/DEL | REPLY
항상 연구하시는 쉰님..
자알~ 배우고 갑니당 ^^
new가 뽀대가 나긴 한데 ㅎㅎ
내일 보면 쌩까지 마셈~
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.30 09:40 신고 | PERMALINK | EDIT/DEL
오늘이군요!! ;)
좀 있다 뵙겠습니다 ㅎㅎ
Favicon of http://okgosu.tistory.com BlogIcon okgosu | 2008.09.30 01:19 신고 | PERMALINK | EDIT/DEL | REPLY
좋은 정보 잘 보고 갑니다...
담에 세미나 있으면 발표 의뢰해야겠습니다...^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.30 09:40 신고 | PERMALINK | EDIT/DEL
영광이죠! ;)
찾아주셔서 감사합니다 ㅎ
Favicon of http://blog.jidolstar.com BlogIcon 지돌스타 | 2008.09.30 10:19 신고 | PERMALINK | EDIT/DEL | REPLY
멋진 글입니다.
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.01 12:52 신고 | PERMALINK | EDIT/DEL
지돌스타님이 더 멋지시면서! ㅋ
차차 | 2008.10.09 09:58 신고 | PERMALINK | EDIT/DEL | REPLY
좋은내용 감사해요.
센스있어 보이려고 덧글 남겨요ㅋㅋ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.09 13:32 신고 | PERMALINK | EDIT/DEL
센스 만점이신데요! ^-^
연월태생 | 2008.10.09 16:57 신고 | PERMALINK | EDIT/DEL | REPLY
좋은 글이에요~
코딩 습관을 바꾸던지 해야 할듯하네요 ㅎㅎ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.10.13 10:00 신고 | PERMALINK | EDIT/DEL
좋은 쪽으로 바꾸는 것이니 즐거운 마음으로 ㅎㅎ
수채화 | 2008.11.05 11:02 신고 | PERMALINK | EDIT/DEL | REPLY
좋은글 잘보고갑니다~
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.11.07 16:58 신고 | PERMALINK | EDIT/DEL
방문 감사드려요~ :)
덧글은 더 감사드립니다 ㅎ
Favicon of http://orochi77.egloos.com BlogIcon 꼬출든남자 | 2008.11.12 00:47 신고 | PERMALINK | EDIT/DEL | REPLY
아.. 정말 주옥같은 내용들이에요..
검쉰님 포스트 주욱 보고 공부해야게써요~ ^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.11.13 18:27 신고 | PERMALINK | EDIT/DEL
칭찬 감사합니다. ;)
Favicon of http://shinlucky.tistory.com BlogIcon shinlucky | 2008.11.27 17:54 신고 | PERMALINK | EDIT/DEL | REPLY
이거 플래쉬 viewer 10으로 바뀌면서 티스토리내에 올린 파일들은 안보이는거죠?
(다른 계정에서 링크한건 보이던데...)

안보임 ㅠ.ㅜ;
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.12.02 01:17 신고 | PERMALINK | EDIT/DEL
제 회사 컴에 10이 설치되어 있는데 제대로 나옵니다 ^^;
뭔가 다른 문제인듯 싶네요;;
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.12.06 23:13 신고 | PERMALINK | EDIT/DEL
다시 확인해보니 10 설치후에 나타나는 문제인듯 싶군요;
한동안 바빠서 정신없다가 이제서야 문제점을 인식했습니다;
김병건 | 2008.12.03 13:02 신고 | PERMALINK | EDIT/DEL | REPLY
좋은정보 감사합니다.
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.12.03 14:28 신고 | PERMALINK | EDIT/DEL
방문 감사드려요~ :)
도움이 되셨으면 좋겠네요 ㅎ
모험가 | 2008.12.23 18:37 신고 | PERMALINK | EDIT/DEL | REPLY
좋은 글 잘 보고 갑니다~~ ㅋㅋㅋ 감사합니다.
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.12.25 15:18 신고 | PERMALINK | EDIT/DEL
덧글감사합니다~ :)
Favicon of http://shallaazm.tistory.com BlogIcon shallaa | 2009.01.27 02:16 신고 | PERMALINK | EDIT/DEL | REPLY
저도 이제 기왕이면 싼거 애용해야 겠네요- ㅎ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.01.28 10:34 신고 | PERMALINK | EDIT/DEL
방문 감사드려요~ :)
어쩔수 없이 비싼거 써야될때도 있겠죠? ㅎ
Favicon of http://7zelkova.tistory.com BlogIcon 성주 | 2009.04.29 10:51 신고 | PERMALINK | EDIT/DEL | REPLY
역시 형님 블로그랑 강민형님 블로그에 제가 원하는 자료들이 많아요
Favicon of http://www.iruis.net BlogIcon ☆~ | 2009.08.17 14:39 신고 | PERMALINK | EDIT/DEL | REPLY
Nunber나 String, RegExp같은 불변 객체는 new를 생략시엔 미리 생성 된 객체 또는 풀링을 이용하여 컴파일러 차원에서 값이 대입(결과적으로 new는 되지만 한번만)만 되도록 변형 되지만 Array라든지 Object, XML객체와 같은 값이 변하는 객체마저도 new를 않쓰는 경우 빨라진다는 것이 신기하네요. 값이 변하는 객체마저 속도가 빨라지는 근본적인 이유는 연구할만한 내용이네요.
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2009.08.19 10:42 신고 | PERMALINK | EDIT/DEL
연구하셔서 내용을 공유해주시면 많은 분들께 도움이 될 것이라 믿습니다 ;)
OneLove | 2009.09.03 16:18 신고 | PERMALINK | EDIT/DEL
전역메서드를 사용함으로..빠르겠죠
array = new Array() Array 클래스를 이용
array = [] 전역메서드를 이용
자세한 내용은 여기를 참조해보세요
http://help.adobe.com/ko_KR/ActionScript/3.0_ProgrammingAS3/WS5b3ccc516d4fbf351e63e3d118a9b90204-7f3f.html#WS5b3ccc516d4fbf351e63e3d118a9b90204-7f1b
- 덧글 좀..(굽신굽신) : 장문의 덧글은 트랙백을 이용해주세요 ;^)
Name
Password
Homepage
Secret
2008.09.07 02:05
본 포스트는 Adobe Flex 공식사이트에서 진행하는  8월 RIA EVENT - 기술문서 리뷰 이벤트, Flash편 응모하기 위하여 작성 된 글입니다.


제가  리뷰하려고 하는 기술문서는 오창훈님께서 작성하신 'Flex와 Flash간의 파라미터 주고 받기' 라는 제목의 기술문서입니다. (이 글을 읽지 않으신 분께서는 링크를 클릭하셔서 우선 기술문서를 읽으신 후 제 포스트를 읽으시면 도움이 되실 것이라 생각됩니다. ) 위 기술문서에서는 swf 파일끼리의 파라미터의 전달에 대해서 다루고 있습니다. 크게 2가지 관점에서 이야기를 전개하고 있는데요, 해당 그림을 인용하자면 아래와 같습니다.
1. swf에서 다른 swf파일을 로드하는 경우

1. swf에서 다른 swf파일을 로드하는 경우

2. 서로 다른 영역에서 파라미터를 공유해야 하는 경우

2. 서로 다른 영역에서 파라미터를 공유해야 하는 경우


위의 문서에는 '1. swf에서 다른 swf파일을 로드하는 경우' 에서
  • url 을 통한 데이터 전달 (파라미터)
  • ApplicationDomain
'2. 서로 다른 영역에서 파라미터를 공유해야 하는 경우' 에서는
  • ExternalInterface를 이용하는 방법
  • LocalConnection을 이용하는 방법
들을 알아보고 있습니다. 이미 완성된 기술문서인만큼 서로간의 파라미터 주고 받기에 대해서는 더할나위 없이 탄탄한 내용이라 할 수 있겠습니다. 처음의 예를 들어주신 URL 뒤에 파라미터를 넣는 방법은 아주 유용한 방법입니다. swf 의 상호간의 파라미터전달 뿐만이 아니라 저 같은 경우에는 WebService나 HTTPService를 사용하는 Flex 어플에서 접속해야 할 서버주소를 파라미터를 통해서 지정하는 방법을 주로 쓰고 있습니다. 이 때 장점은 코드 내에 서버접속 주소를 하드코딩하지 않아도 된다는 장점이 있죠.

이 리뷰를 쓰게된 이유는 기술문서에서 언급하고 있지는 않지만 Flex에서 swf 파일을 로드한 경우 간편하게 swf에 접근할 수 있는 방법이 있기에 그 것을 언급하기 위함입니다. (물론 물질에 눈이 멀어서라는 이유도...) Flex에서 swf 를 SWFLoader를 통해 로드시, 해당 swf 가 ActionScript 3.0 으로 제작된 것이면 간편하게 SWFLoader 객체의 content 속성을 통해서 Flash 의 경우 MovieClip, Flex 의 경우 SystemManager 형태로 접근이 가능합니다.

Flash와 Flex 두 경우 모두 소개해보고자 합니다. 로드되는 swf 파일들은 동일하게 아래와 같이 간단하게 메소드를 제공하고 있습니다.

위의 코드에서 보이시는 myImage 라는 것은 Flex 의 경우 Image 객체, Flash 의 경우 MovieClip의 인스턴스명입니다. iconVisual 라는 속성을 통해 현재 myImage 가 visible 상태를 제어할 수 있게 됩니다. 위의 swf 를 로드하는 예제코드는 아래와 같습니다.



실제 결과물을 보시려면 이미지를 클릭하여주세요.
swf 경로명 관련, 티스토리에 직접 업로드가 힘들어 링크를 걸었습니다.

위의 코드에서 보실 수 있 듯
, Flex 에서 만든 swf 는 SystemManager 로 접근하게 되어 SystemManager 의 application을 불러온 swf 명으로 캐스팅 하여 해당 메소드에 접근하시면 되겠습니다. Flash 의 경우는 MovieClip 형태로 들어오게 됩니다. 직접 메소드를 호출하셔도 됩니다.
물론 메소드를 호출하고 있는 예제입니다만, 각 객체들을 직접 접근하시는 것도 가능합니다. 다만, 다른 개발자와 협업이 이루어져야 된다면 특정 메소드를 구현하기로 사전에 정해놓고 그대로 사용하는게 더욱 좋겠죠? ;)
여기서 살짝 짚고 넘어가야 되는 부분은 swf가 SWFLoader에 embed 되어있는 경우는 위의 방법대로는 사용이 안된다는 것입니다. (코드를 확인해보세요. embed 안되어있죠?) embed 시에는 MovieClipLoaderAsset 형태로 들어있기때문에 위의 방법으로 접근이 불가합니다. embed시에는 어떻게 해야되는지는 잘 모르겠네요 ;^(

안타깝게도 AS2.0 으로 제작된 swf 또한 위와 같은 방법으로 접근이 불가합니다. AS 3.0 부터는 기존의 AS1.0 및 AS2.0에서 사용되던 AVM(Actionscript Virtual Machine) 과는 다른 AVM 을 사용하고 있습니다. 이전버전의 AVM을 AVM1, AS3.0 이 실행되는 AVM은 AVM2 이라고 명명합니다. (물론 Flash Player 9 버전 이후부터는 AVM1, AVM2 가 둘다 포함되어 있습니다.) AS 1.0 이나 AS 2.0으로 제작된 swf 파일의 경우 Flex(AS 3.0) 에서 로드될 경우 AVM1Movie이라는 이름의 객체로 할당이 되게 되는데요, AVM1Movie 객체와 AVM2 객체 간에 호환성(메서드 호출 또는 매개 변수 사용 등)이 없기때문에, 접근이 불가한 것이죠.
이럴때에 기술문서에서 설명하여주신 LocalConnection을 사용하시면 되겠습니다. LocalConnection에 대해서는 기술문서에 충분히 자세히 설명하고 있으니 더 이상 언급은 하지 않겠습니다. ;)
또 다른 방법도 있는데요, Flash Interface라는 것이 있습니다. 저도 검색하여 찾은 것이라 자세한 내용은 패스~^^;


ps. 코드가 필요하신 분은 위의 swf 에서 마우스 우클릭하셔서 View Source 하시면 다운로드 하실 수 있습니다 ;^)
신고
Favicon of http://2rang.tistory.com BlogIcon 꽃녀 | 2008.09.11 09:17 신고 | PERMALINK | EDIT/DEL | REPLY
헐헐... 역시 부지런함..

쉰님 조만간 뵐수도 있겠네여 ^^
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.11 15:25 신고 | PERMALINK | EDIT/DEL
넵. 캠프때 뵙겠습니다 ;)
Favicon of http://egg.pe.kr BlogIcon egg | 2008.09.11 09:46 신고 | PERMALINK | EDIT/DEL | REPLY
검쉰님 포스팅을 보면서 공부좀 해야겠다는 생각이 절로 듭니다.하하하;
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.11 15:25 신고 | PERMALINK | EDIT/DEL
우리 모두 열공~ ㅎ
Favicon of http://lovedev.tistory.com BlogIcon lovedev | 2008.09.11 12:39 신고 | PERMALINK | EDIT/DEL | REPLY
검쉰님 잘 지내시죠?
와...정리 정말 잘하시네요 ^^;
근데 조금 부끄럽긴 하네요 :)
ApplicationDomain을 이용한 접근 방법이죠.. 맞아요 기술문서에서 언급하지 않았어요 저 방법은 ^^
ApplicationDomain에 대한 이해를 하고 넘어가야 하는 부분이라 이야기가 길어질거 같더군요.

그래서 문서내용에 http://www.adobeflex.co.kr/iwt/board/board.php?tn=pds_tech&id=169&mode=view 이 부분을 참고하라고 넣어 놨었습니다 ^^;;

내용 보충해주셔서 너무 감사드려요~.. 복 받으실꺼에요 ^^
좋은 하루 되세요~

ps: SWFLoader로 swf를 로드하게 되는 경우도 마찬가지로 ApplicationDomain을 활용해서 접근이 가능해요 ^^ SystemManager는 그런 일을 대신 해주는 역할을 하고 있습니다..
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.11 15:27 신고 | PERMALINK | EDIT/DEL
물론 아실꺼라고 생각했습니다. ^^; ApplicationDomain 관련 링크 거신거 보고 말이죠 ㅎ

알면서도 언급한 것은 사실 ApplicationDomain에 대한 이해가 쉽지 않다는 겁니다. ㅎㅎ 저또한 완벽하게 이해하고 있다 하기 어렵고요. 그래서 보다 알기 쉽게 접근할 수 있는 위의 방법을 소개해보았습니다 ;)

그리고 이벤트 응모하려고 쓴거기도..... ;^(
ps. 캠프때 발표 기대하겠습니다 ㅎㅎ
찌노 | 2008.09.12 10:02 신고 | PERMALINK | EDIT/DEL | REPLY
움.. 결국엔 AS2.0 은 접근이 불가한거네요 ; 아주 안되는건 아니지만 .. 번거러운 부분이 없지않아 있네요 ;;
뭐.. 억울하면 AS 3.0 으로 만들어버리라는.. ㅋ
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.12 13:20 신고 | PERMALINK | EDIT/DEL
본문에 있는 Flash Interface 를 이용하면 되는 듯 합니다. 아직 자세하게 살펴보진 않아서 정확하게 말씀드리기가 힘드네요 ㅎ
박스농사 | 2008.09.18 22:10 신고 | PERMALINK | EDIT/DEL | REPLY
음..설마이거 나땜에 쓴거 아니겠죠?
위방법은 아니지만 해결했지롱~
Favicon of http://blog.flashplatform.kr BlogIcon 검쉰 | 2008.09.19 14:13 신고 | PERMALINK | EDIT/DEL
다른 방법도 가르켜주시라요~
- 덧글 좀..(굽신굽신) : 장문의 덧글은 트랙백을 이용해주세요 ;^)
Name
Password
Homepage
Secret

티스토리 툴바