jin_u as blog

새로운 블러그로 이동

(엄진우) — Sat, 25 Oct 2008 11:03:06 +0900

호스팅을 바꾸면서 워드프레스로 갈아 탔다. 앞으로 이쪽으로 글을 남기진 않을듯 싶다.

기존 데이타 때문에 이곳을 남겨두는 것뿐...

아래쪽으로 블러그 이동

http://jinustudio.com/blog/

기존의 웹하드를 다 날려서 볼 수 없는 것들이 생겨 났다. 최근 데이터는 되돌려 둘 것이다.

정신없는 하루하루

(엄진우) — Fri, 24 Oct 2008 15:51:12 +0900

회의하고 인터페이스 정의하느라 하루가 너무 바쁘다.
말하는걸 좋아는 하지만 너무 많이 하는것도 역시 힘들군...

그래도 내 말을 잘 이해하고 들어주는 사람들과 이야기를 해서 기분이 좋다.
앞으로 더 의사소통이 잘 되어 프로젝트가 마무리 되길 바란다.

이현정대리 말 좀 잘들어!!
부용운대리 잘하고 있다~

사장형 사람들 좀 잘 챙겨!!

엄진우 말 좀 그만해!!

...

난 일을 해야 살 수 있는 인간형인가 보다. 일을 안하면 아픈게...영~ㅋㅋ

[펌] Flash Player10 보안샌드박스 변경에 따른 이슈 해결방법

(엄진우) — Tue, 21 Oct 2008 22:17:35 +0900

Flash Player10은 15일 비교적 조용한 분위기에서 정식 런칭되었습니다. Flash Player가 없는 클라이언트들이 Flash Player을 설치하게 되면, 가장 최신버전인 10을 설치하게 됩니다. 또, 어도비의 본사 및 각지역 지사의 Flash Player 설치버전도 10으로 높여졌습니다.

그런데, Flash Player10에서는 총 8가지의 보안샌드박스 변경/추가가 발생하였고, 이들 변경에 대한 파급력도 큽니다. 하지만, 이런 Flash Player10의 보안샌드박스 변경사항에 대해 Flash/Flex 제품군을 쓰는 고객에 사전 안내가 없었고, 또 출시된 이후에도 변경사항에 대한 공지 및 해결방법에 대한 한국어 문서 또한 아직 내놓고 있지 않은 실정입니다.

그래서 이 문서는, 현재 많은 웹사이트에서 사용하고 있는 개발방법이 Flash Player 샌드박스 변경으로 작동하지 않는 원인과 해결방법에 대해 다루어보고자 합니다.

먼저, Flash Player10의 보안샌드박스 변경사항은 아래의 문서에서 살펴보시길 바랍니다.
문서보기

아울러, 어도비에서도 이런 보안샌드박스 변경 및 해결방법에 대해 빠른시일 내로 해당 제품군들을 사용하는 고객사들에게 안내해주었으면 하는 바람입니다.

more..

사례1. 업로더 시스템에서 UI는 HTML로 구현되어있고, 업로더는 Flash로 만들어진경우

문제
현재 많은 웹사이트에서, 업로더 시스템을 구현할때 Flash는 1x1으로 숨겨놓고, 파일 선택, 업로드부분은 자바스크립트로 Flash의 함수를 호출해 실행하고, UI는 HTML로 구현하는 방법을 사용하고 있습니다.

이 방법을 이용해 얻을수 있는 장점은, Flash를 모르는 개발자 혹은 코더라도, Flash의 구속 없이 업로더의 UI를 자유 자재로 꾸밀수 있다는 장점이 있습니다.

또, 다중 파일을 쉽게 업로드 할 수 있다는 장점도 있습니다.

하지만, 이 방법은 Flash Player10 출시 이후로, 정상적으로 작동하지 않으며, 위와 같은 보안샌드박스 경고가 발생하게 됩니다.

원인
Flash Player10의 Filerefrence API의 보안샌드박스가 변경 되었습니다.

파일선택과 다운로드시 사용자의 직접적인 인터렉션을 필요로 합니다.
Filerefrence.browse를 통해 사용자의 로컬의 파일을 찾는 창을 띄울수 있고, Filerefrence.download를 통해 파일을 내려 받을수 있습니다.
두 메서드의 경우 종전엔 사용자의 UI 인터렉션을 필요로 하지 않았습니다만, Flash 10에서는 사용자가 직접 UI인터렉션을 취해야 작동하게 됩니다.

Filerefrence의 browse와 download 메서드를 실행할때에는 사용자가 Flash 상에서 직접 UI인터랙션을 취해 줘야 작동하게 됩니다.

따라서, 위의 방법은 UI를 HTML로 구현되어있고, 사용자의 인터랙션이 Flash 상이 아닌곳에서 browse, download 메서드를 호출하였기 때문에, 보안샌드박스 에러가 발생하게 됩니다.

해결방법
해결방법은 간단하게도, 기존 1x1 플래시 파일에서, 파일을 선택하거나 다운로드 하는 버튼은 HTML로 구현하지 않고, Flash로 구현해 주면 해결됩니다. 다만 업로드 버튼은 이번 보안샌드박스 변경사항에 반영되지 않았기 때문에, 기존처럼 HTML로 구현해서 사용하실수 있습니다.

사례2. 클립보드 지정에서 UI는 HTML로 구현되어있고, 클립보드를 지정하는 부분은 Flash로 만들어진 경우

문제
위의 사례1처럼 UI는 HTML로 구현되어 있고, 클립보드를 지정하는 부분은 1x1 플래시로 구현되어, 클립보드를 지정할때 JS로 플래시의 함수를 호출하는 방법은 현재 많은 웹2.0 사이트 혹은, 위젯 관련 사이트에서 클립보드를 지정할때 사용하고 있습니다.

이방법을 이용해서 얻을 수 잇는 장점은, 위처럼 Flash를 모르는 개발자나 코더도 UI를 HTML로 손쉽게 꾸밀수 있습니다. 그중 제일 강력한 장점은, JS로 클립보드를 지정하는것에 비해 거의 모든 크로싱플렛폼을 완벽히 지원한다는 점입니다.

하지만, 이 방법은 Flash Player10 출시 이후로, 정상적으로 작동하지 않으며, 위와 같은 보안샌드박스 경고가 발생하게 됩니다.

원인
Flash Player10에서 System.setClipboard 메서드의 보안샌드박스가 변경 되었습니다.

클립보드를 지정할시 사용자의 직접적인 인터렉션을 필요로 합니다.
System.setClipboard를 통해 사용자의 클립보드에 텍스트를 지정할 수 있습니다. 종전엔 사용자의 직접적인 UI 인터렉션을 필요로 하지 않았습니다만, Flash 10에서는 사용자가 직접 UI인터렉션을 취해야 작동하게 됩니다.

위의 내용처럼, 클립보드를 지정할때엔 반드시 사용자가 직접 Flash 상에서 UI인터렉션이 발생해야 작동하게 됩니다.

따라서, 위의 방법은 UI를 HTML로 구현되어있고, 사용자의 인터랙션이 Flash 상이 아닌곳에서 System.setClipboard 메서드를 호출하였기 때문에, 보안샌드박스 에러가 발생하게 됩니다.

해결방법
해결방법은 사례1과 같이 간단하게도, 클립보드를 지정하는 부분에 대한 버튼을 Flash로 구현하면 정상적으로 작동합니다.

사례3. Policy File

문제
두개 이상의 사이트에서 어느 한 사이트의 정보를 활용하기 위해 crossdomain.xml 정책을 사용하는경우, Flash Player 9에서는 정상적으로 정보를 받아왔지만, Flash Player 10에서 일부환경에서는 정보를 받아오는데 실패하거나 보안 샌드박스 오류가 발생하게 됩니다.

원인
Flash Player의 Policy file strictness Phase2의 보안샌드박스가 변경되었습니다.

Policy File
Flash 10에서는 meta-policy의 기본값이 all에서 master-only로 바뀝니다. 이 설정은 해당 swf파일이 존재하는 도메인 루트의 crossdomain.xml을 읽어옵니다. 그러나, meta-policy를 바꿔서 예전처럼 쓸수도 있습니다.

meta-policy의 all 속성은, 모든 곳에 위치한 policy-file를 허용하지만, master-only 속성은 파일이 위치한 도메인 루트의 crossdomain.xml을 읽어오게 됩니다. meta-policy의 속성값은 아래링크를 참조하시기 바랍니다.
(참조)

해결방법
Policy File의 meta-policy의 기본 설정이 master-only로 변경되지만, crossdomain.xml의 값을 설정하여 기존 all 을 그대로 사용할 수 있습니다.

<cross-domain-policy>
<site-control permitted-cross-domain-policies="all"/>
</cross-domain-policy>

아직, Flash Player 10의 설치율이 낮은만큼, 미리미리 파악하시어 빠른시기 내로 해결될수 있길 바랍니다.
유익한 정보가 되길 바랍니다. 감사합니다.

출처 : 희희덕하며 웃어보자(http://adnaru.com)

Price Effect :: 가격 카운팅 효과

(엄진우) — Sun, 19 Oct 2008 22:29:51 +0900

"신세계몰"에서 사용한 가격 카운팅 효과이다. 카운팅에 가장 어울리는 효과는 "Quintic.easeOut"로 뽑아서 사용하였다. 효과를 적용한 곳은 "신세계 백화점 브랜드", "신세계 이마트 베스트 셀러"에 사용되었다.

아래는 카운팅 효과를 3가지 이징 타입으로 적용시켜 본 것이다.

현재 엔진은 0부터 시작하게 되어있는데 하나의 파라메터를 받아 현재의 값에서 차이값을 계산하는 부분을 확장할 생각이다. 확장 후에 다시 업뎃해야 겠다.

[Flash] http://www.jinustudio.com/portfolio/ShinsegaeMall/PriceEffect/JCountingEffect.swf

좌측 "신세계 백화점 브랜드"는 '부용운 대리', 우측 "신세계 이마트 베스트 셀러"은 '이현정 대리'가 작업하였다.

Wings 3D - Open Source 3D Modeling

(엄진우) — Sun, 19 Oct 2008 20:30:05 +0900

"ponoko blog"에서 간략한 정보를 볼 수 있다.

애니메이션은 안되지만 나름 괜찮은거 같다

신세계몰 백화점 메인 오픈

(엄진우) — Sat, 18 Oct 2008 02:41:01 +0900

"신세계몰 백화점 메인 리뉴얼" (CS4로 작업하고 싶지만 몰에는 너무 이른감이 있어 아쉽다.)
요번에도 신세계몰에서 새로운 시도를 해보았다. 근래에 관심을 갖고 있는 3D 효과를 아코디언(Accordian) 효과에 적용하되 조금의 변화를 주어 새로운 모습으로 만들어 보았다. 사용자 마우스의 방향에 따라 이미지에 변화를 주어 사용자가 재미를 느낄 수 있도록 감성적인 설계를 하였다. 큰 변화는 아니지만 약간의 다른 시각으로 보게 만드는 것이 크리에이티브라 생각하며, 내가 추구하는 모션의 연결성이 적절히 잘 조합이 된 효과이다. 사이트가 무거워 제대로된 효과를 볼 수가 없어서 내 블러그에 따로 올리게 되었다. 근래에 욕심을 냈더니 피곤하다.

이미지 클릭시 사이트로 이동하게 된다.

[Flash] http://www.jinustudio.com/portfolio/ShinsegaeMall/DepartMainImagesPanel/PortfolioImagesPanel.swf

토시(tossi.com) 테스트 서버 퍼가기 테스트

(엄진우) — Fri, 17 Oct 2008 20:29:48 +0900

현재 네이버 빼고 다 되는거 같다. 현재 테스트 서버에서 운영되고 있는걸 연결해 두었다. 현재 퍼가기를 할때 기본적으로 사이즈를 조절할 수가 있다. 사이즈는 최초에 한번만 가능하다. 그 이후 부터는 정해진 태그 및 링크를 가져가는 형태만 가능하다. 태그에 대해서 좀만 안다면 수정이 가능하다. ㅋㅋ
그런데 네이버는 안된다. 아는 사람은 다 알겠지만 자동 태그 때문에 짜증나게 한다. 하지만 구멍은 찾았다. 그건 그렇고, 네이버에서 태그를 넣으면 아래와 같은게 추가적으로 삽입이 된다.

type=application/x-shockwave-flash allowNetworking="internal" allowScriptAccess="never" autostart="false" invokeURLs="false"

아직도 독점을 하려고 하는 모습이 왠지 모르게 안습이다. 전형적인 옛날 옛적의 한국의 모습을 그대로 살리고 있는 회사인거 같다. 현대와는 동떨어진 사회라 생각을 들게 한다. 미련한 모습이라고도 판단이 되고, 이렇게 비판해도 될려나? 머.. 작업자로써 재수없다고 느껴지는걸 어쩌겠는가??

Flash CS4 3D Properties

(엄진우) — Wed, 15 Oct 2008 00:37:56 +0900

플래시 CS4 3D 프로퍼티를 사용해 보았다.

객체가 갖고 있는 기본적인 "rotationX", "rotationY", "rotationZ", "z" 프로퍼티들을 사용했다.

(그 외의 것들도 있지만 여기서는 4개의 프로퍼티만 사용한다.)

현재 중심점은 스테이지에 두었기 때문에 스테이지 중앙을 0,0으로 보면 된다. 사용법이 상당히 편해서 어느정도 효과들을 만들어 낼 수 있다고 생각한다. 기본적으로 이정도 효과면 타 퍼포먼스 좋은 3D 엔진을 사용하지 않아도 UI를 충분히 만들어 낼 수 있다고 생각해본다.

좀 더 다양한 효과를 원한다면 "away3D"나 "pv3d beta2" 같은 것들을 사용하는 것도 좋다.

[Flash] http://www.jinustudio.com/portfolio/ShinsegaeMall/DepartMainPV3/rotationXYZ.swf

이미지 클릭시 사이트로 이동하게된다. 효과만 보려고 한다면 스테이지를 클릭해야 한다.
효과를 볼 수 없다면 여기를 클릭하여 플레이어 설치를 해야 한다.

Flash CS4 :: MotionTweens at FlashCamp

(엄진우) — Mon, 13 Oct 2008 01:24:03 +0900

Flash CS4 files for motion tween presentation at FlashCamp

Filed under: ActionScript 3.0, Flash CS4 animation, Flash CS4: motion runtime, Flash CS4: new features, animationAuthor: Jen deHaan

Here are the FLA and SWF files (Flash CS4 and Player 10) for today’s presentation at FlashCamp on new motion in Flash and using Tween instance (contains that ActionScript).

FlashCamp files for motion tween presentation

The next post will be a bit more about these files and the stuff used in them.

Enjoy!

----------------------------------------------------------------------------------------------------------------------

플래시 캠프에서 Flash CS4를 위한 모션 트윈 프리젠테이션을 했다. 플래시에서 인스턴트를 어떻게 사용하는지를 확인 할 수 있다. 우리 나라에서도 이러한 것들이 있다면 나도 참석하고 싶군.

WOW Insider :: art gallery

(엄진우) — Mon, 13 Oct 2008 00:24:42 +0900

http://www.wowinsider.com/photos/blizzcon-2008-art-gallery/

MMORPG를 상당히 좋아했었다. 아직도 관심이 많이 있는 것 중에 하나이다. 캐릭터에 관심이 있는 사람들에게는 좋은 자극을 줄 수 있는 갤러리라 생각된다.

이미지를 다시 올릴려고 하니 스팸이란다. 이노무 "TEXTCUBE" 짜증나네..