머드초보의 블로그

[Flex] Php와 쉽게 연동할 수 있는 Flash Builder4 Beta를 이용한 Php+Flex 간단방명록만들기

(머드초보) — Thu, 25 Jun 2009 21:14:38 +0900

초간단 방명록 시리즈~!-_-

예전에 포스팅한 Zend Amf사용후기- http://mudchobo.tomeii.com/tt/398
Zend Amf가 이번에 출시된 Flash Builder4 Beta에서 기능으로 포함되어있습니다. 사용하기도 더 편해졌구요. 설정 같은 것은 전혀 안해줘도 Flash Builder4가 알아서 다하네요.

우선 Flash Builder4 Beta를 설치해야합니다.(회원가입 후 받을 수 있음!)
http://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_flashbuilder4
30일밖에 못쓰는데, 기존에 Flex Builder 3 라이센스 있는 사람은 계속 쓸 수 있는 라이센스를 줍니다. 아래페이지에서 하면 되심!
https://freeriatools.adobe.com/flashbuilder4beta/

New Flex Project -> Project Name은 FlexGuestBook, Application type은 Web, Server technology는 PHP!
Next하면 서버 셋팅을 해야하는데요. 우선 Apache와 Mysql깔려있다는 가정하에 진행!-_-
Server location에서 Web root는 htdocs위치, Root URL은 http://localhost.
Output folder는 냅둬도 돼요^^ 바로 Finish!

htdocs/FlexGuestBook-debug생기면 성공!

아...디비부터 만들어야겠군요.

DROP TABLE IF EXISTS `mudchobo`.`guestbook`;
CREATE TABLE  `mudchobo`.`guestbook` (
  `idx` int(10) unsigned NOT NULL AUTO_INCREMENT,
  `author` varchar(45) NOT NULL,
  `content` text NOT NULL,
  `date` datetime NOT NULL,
  PRIMARY KEY (`idx`)
);

그럼 PHP코딩해봅시다.
저같은 경우 NetBeans를 사용해서 하는데, 그게 정신건강에 좋아요-_- PHP는 NetBeans와 함께-_-
아까Web root에서 FlexGuestBook폴더를 만듭니다.
PhpClass파일을 하나 만듭니다.
GuestBookService.php

<?php
class GuestBookService {
    private $connection;

    private function connect()
    {
        $this->connection = mysqli_connect("localhost", "root", "mudchobo", "mudchobo")
            or die(mysqli_connect_error());
    }

    public function getList()
    {
        $this->connect();
        $sql = "SELECT * FROM guestbook order by idx desc limit 0, 10";

        $result = mysqli_query($this->connection, $sql)
            or die("Query failed: " . mysqli_error($this->connection));

        $rows = array();
        while($row = mysqli_fetch_object($result))
        {
            $rows[] = $row;
        }

        mysqli_free_result($result);
        mysqli_close($this->connection);

        return $rows;
    }

    public function insert($author, $content)
    {
        $this->connect();
        $sql = "INSERT INTO guestbook (idx, author, content, date) VALUES (null, '" .
            $author . "', '" . $content . "', now())";

        $result = mysqli_query($this->connection, $sql)
            or die("Query failed: " . mysqli_error($this->connection));

        mysqli_close($this->connection);
    }
}
?>

클래스에 초간단 insert함수와 getList()함수가 있어요. 여기서 잠깐! NetBeans6.7의 새로운 기능-_-
쿼리문의 코드힌트가 가능해요!!! idx, author, content, date가 다보여요. guestbook 테이블명도 보이는군요.

Flash Builder설명하다 튀어나온 NetBeans...-_-

뭐어쨌든, 이제 진짜 FlashBuilder로 가는거임.
FlashBuilder에서 하단에 Data/Services가 있는데요. Connect Data/Service를 클릭하면 PHP가 있는데, 클릭하고, ServiceName은 GuestBookService로 하고, Php Location은 아까 작성한 GuestBookService.php를 선택합니다.
이 과정에서 Zend Amf가 설치가 안되어있으면 설치할꺼냐고 물어봅니다. 설치해야합니다^^
설치할 때 htdocs/ZendFramework폴더에 자동으로 설치됩니다.
Finish! 그려면 services.guestbookservice패키지에 뭔가 생겼을 겁니다.
그럼 getList와 insert가 보이는데요. 리턴타입을 설정해야해서 getList에 오른쪽버튼 누르면, Configure Return Type이 있는데, Create a new custom data type에서 GuestBook을 입력하고, Finish를 하면 모든 타입이 String으로 된 Bean같은 것을 만듭니다-_-(Bean마다 타입은 지정이 안되는데, 왜그런지 모르겠음 ㅠ)
insert는 기존에 있는 타입에서 void로 고르고!^^

그럼 이제 진짜 Flex로 와서 Design모드로 바꾸고, DataGrid를 넣어봅시다.

왜 한글로 나오지...한글화가 되다 말았네-_-

데이터그리드에 대고 오른쪽 버튼을 누르면 Bind To Data라는 메뉴가 생겼습니다. 누르면 아래와 같은 메뉴가 나옵니다.

OK누르면 자동으로 코드도 입력해주네요.
예전에는 Php로 Service랑 설정파일 작성하고 그랬는데, 그럴필요가 없어요. 알아서 다 만들어주거든요.
Insert하고 getList하는 것도 다 추가하면 아래와 같은 코드를 완성할 수 있어요.

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768" xmlns:guestbookservice="services.guestbookservice.*">
    <fx:Script>
        <![CDATA[
            import mx.events.FlexEvent;
            import mx.controls.Alert;

            protected function dataGrid_creationCompleteHandler(event:FlexEvent):void
            {
                getListResult.token = guestBookService.getList();
            }

            protected function btnWrite_clickHandler(event:MouseEvent):void
            {
                if (inputAuthor.text.length < 1)
                {
                    Alert.show("글쓴이를 입력하세요");
                    return;
                }
                if (taContent.text.length < 1)
                {
                    Alert.show("내용을 입력하세요");
                    return;
                }
                
                guestBookService.insert(inputAuthor.text, taContent.text);
                inputAuthor.text = "";
                taContent.text = "";
                
                getListResult.token = guestBookService.getList();
            }

        ]]>
    </fx:Script>
    <fx:Declarations>
        <s:CallResponder id="getListResult"/>
        <guestbookservice:GuestBookService id="guestBookService" destination="GuestBookService" endpoint="http://localhost/PhpFlexGuestBook/gateway.php" fault="Alert.show(event.fault.faultString)" showBusyCursor="true" source="GuestBookService"/>
    </fx:Declarations>
    <mx:DataGrid x="72" y="21" width="489" height="307" id="dataGrid" creationComplete="dataGrid_creationCompleteHandler(event)" dataProvider="{getListResult.lastResult}">
        <mx:columns>
            <mx:DataGridColumn headerText="content" dataField="content" showDataTips="true" dataTipField="content"/>
            <mx:DataGridColumn headerText="author" dataField="author" showDataTips="true" dataTipField="author"/>
            <mx:DataGridColumn headerText="idx" dataField="idx"/>
            <mx:DataGridColumn headerText="date" dataField="date"/>
        </mx:columns>
    </mx:DataGrid>
    <mx:Label x="70" y="370" text="내용 :"/>
    <s:TextArea id="taContent" x="111" y="369" width="447"/>
    <s:Button id="btnWrite" x="279" y="524" label="글쓰기" click="btnWrite_clickHandler(event)"/>
    <mx:Label x="59" y="344" text="글쓴이 :"/>
    <s:TextInput id="inputAuthor" x="112" y="343"/>
    
</s:Application>

위에 부분 댓글인줄 알고 낚이는 사람 있겠다-_-

참고자료 : http://sujitreddyg.wordpress.com/2009/06/01/building-flex-application-for-a-php-class-using-flash-builder-4/

[유틸리티] 무료 오픈소스 프로젝트 관리 서비스 - Project Kenai

(머드초보) — Sun, 21 Jun 2009 23:35:13 +0900

Sun에서 대단한 것을 준비했네요(근데, 오라클이 먹어버리다니-_-) 무료로 SVN+Trac서비스로 유명한 assembla보다 훨씬좋습니다. 아래는 이전에 썼던 assembla소개글^^

[유틸리티] 무료로 SVN + TRAC 개발공간 제공해주는 사이트.

Project Kenai는......음 우선 Kenai는 어떻게 읽는거지....케나이라고 읽는건가.....아....여기서 제공하는 ScreenCast를 보니 키나이라고 발음을 하네요. 키나이가 맞는듯-_-
암튼 Project Kenai는 소스코드관리, 이슈트래킹, 위키, 포럼 등을 지원을 합니다(프로젝트 단위로^^)

assembla랑 비교하면 assembla는 온니 SVN만 되고, Project Kenai는 다양한 소스코드관리시스템을 지원을 합니다. 보니까 Subversion, Mercurial, Git를 지원하네요(외부에 있는 것도 가져올 수 있는 External도 있는 듯 합니다).
또한 assembla는 Trac과 자체적 Ticket시스템을 이슈관리시스템으로 사용하고 있는데, Project Kenai는 Bugzilla와 Jira를 지원하더군요.

음...단점은 프로젝트를 5개밖에 못만드는데요. 테스트하느라고 2개날렸습니다 젠장....

암튼, 테스트를 해봅시다.
이 Kenai는 NetBeans하고 쉽게 연동할 수 있습니다. 이클립스에 비하면 Mylyn같은 것이 NetBeans에 통째로 들어있습니다. 아...넷빈즈는 6.7 RC1이상에서만 됩니다. 곧 있으면 넷빈즈6.7나옴 ㄷㄷ 지금은 RC3버전! 이클립스3.5출시시기와 비슷하게 출시하겠군요^^ 둘다 참 매력적인 IDE죠^^ (얘기가 샜군-_-)

그럼 NetBeans 6.7 RC3버전을 설치해봅시다.
메뉴에 Team -> Kenai - > Login to Kenai를 합니다. 아.....-_- 가입을 먼저 해야합니다-_-
http://kenai.com/ 이곳에서 가입을 하면 됩니다.
가입한 뒤 로그인을 합니다. 로그인하면 넷빈즈에 Kenai탭에서 자신의 프로젝트를 볼 수 있습니다. 회원가입 후 처음로그인이라면 아무것도 없죠^^ 아무 프로젝트를 생성 후 Kenai에 올려봅시다.
File -> New Project -> Java -> Java Application선택, Project이름은 PrintFucking으로 해봅시다. 프로젝트가 생성이 되었으면 프로젝트 이름에 대고, 마우스오른쪽버튼을 누르면 Share on Kenai라는 게 있습니다.
프로젝트 이름 및 설명 등을 입력할 수 있어요. 그리고, Project License를 꼭 입력해야 해요. 익숙한 라이센스들이지만, 다 뭐가 틀린지는 모르겠네요-_-

라이센스를 정하면 finish를 할 수 있어요. 그리고 Kenai탭에서 보면 프로젝트에 대해서 Kenai와 연동해서 작업을 할 수 있는 메뉴가 보입니다. 이슈를 찾을 수 있고, 이슈를 여기서 직접 생성할 수 있어요. 자신에게 할당된 이슈도 볼 수 있구요^^ wiki도 볼 수 있네요^^ (아....젠장.....3번째꺼 이름을 Fucking을 해버리다니.....)

소스코드를 고쳐서 커밋해볼까요?

System.out.println("Fuck!");

를 main함수에 추가하고 커밋을 해봅시다.
커밋은 프로젝트메뉴 -> Subversion -> Commit을 선택하면 됩니다.

Project Kenai웹페이지에서 해당 프로젝트가 커밋되었는지 확인할 수 있어요.
안타까운 점은 한글이 깨지네요-_-

어쨌든, 매우 쉽게 오픈소스프로젝트 개발환경을 구축할 수 있게 해준 Kenai에 찬사를 보내야겠네요. 게다가 넷빈즈는 Java뿐만 아니라 다양한 언어 개발환경을 제공하거든요. C/C++, PHP, Python, Ruby, JavaFX 등! 더욱 활용도가 높아졌으면 좋겠네요. 국내에서는 대세가 이클립스여서 이클립스를 많이 쓰는 듯 한데, 넷빈즈도 그에 못지않은 기능을 가지고 있어요^^ 6.7나오면 사용해보도록 하세요 ^^

[Flex/AIR] ANT를 활용해 RSL(Runtime Shared Library)컴파일 삽질후기...

(머드초보) — Sat, 20 Jun 2009 21:05:55 +0900

Flex ANT관련 자료는 지돌스타님이 자세히 써주셨기때문에 참고해주세요.
http://blog.jidolstar.com/505

mxmlc로 컴파일을 해본적이 없어서 작성하는데에 욕봤습니다.
우선 ANT에서 제공하는 태그들이 있는데요. 그걸 이용해서 하려고 하는데 잘 안돼서-_- 그냥 exec로 작성했습니다 ㅠㅠ

그냥 rsl을 사용하지 않은 프로젝트는 ant로 매우 쉽게 할 수 있는데, RSL을 사용하면 조금 복잡해집니다.

RSL로 사용할 Flex Library Project를 하나 만듭니다. 그리고 클래스나 MXML을 추가하게 되면 bin디렉토리에 *.swc파일이 생깁니다. 이걸이용해서 메인프로젝트에서 컴파일을 해야합니다. 또한 *.swc파일을 이용해서 optimizer된 *.swf를 만들어야합니다.

<target name="optimizer">
    <unzip src="${SWC파일}" dest="${SWC파일을 풀어놓을 디렉토리}" />
    <exec executable="${optimizer.exe파일 경로}">
        <arg line="-input '${SWC파일 풀어놓은 디렉토리}/library.swf'" />
        <arg line="-output '{아웃풋할 파일명.swf}'" />
    </exec>
</target>

몰랐는데, SWC파일 풀면 library.swf가 나오는데, 그걸 optimizer.exe한 것이 Flex Builder에서 나오는 swf파일이랑 같은것이더라구요(알고보니 나만 몰랐던거....다 알고있었음!-_-)
이렇게 하면 swf파일이 만들어집니다.
그럼 메인프로젝트 컴파일 하려면 이런식으로 하면 됩니다.

<target name="compile">
    <exec executable="${mxmlc.exe파일 경로}">
        <arg line="-verify-digests=false" />
        <arg line="-runtime-shared-library-path '${rsl swc파일경로}' '${rsl경로위치url}'" />
        <arg line="-o '${아웃풋 경로}'" />
        <arg line="'${소스mxml메인파일}'" />
    </exec>
</target>

compile하기전에 optimizer target을 depends해야함^^
아마 verify-digests는 properties에서 설정할 때 체크하는 그것일꺼에요. 음..저는 이런식으로 하니까 되더라구요-_- -runtime-shared-library-path에서 swc파일 경로랑 rsl경로위치url(나중에 파일을 올릴 때 해당 위치에 있어야할 url입니다)로 지정하니 되더군요. 이것때문에 고생을 좀 해서-_-
메인프로젝트에 SWC파일을 LIB로 사용한다면 이런식으로 해야하구요^^

<arg line="-library-path+='${basedir}/libs/Mate_08_8_1.swc'" />

ftp올리는 것도 지돌스타님 블로그에 잘 정리 되어있음!
http://blog.jidolstar.com/506
이러면 원클릭 배포가 가능해짐-_- 귀차니즘을 위한 ANT임!-_-

[M.C The Max] 엠씨더맥스 군대가기전 진짜 마지막 앨범 리뷰! Rewind & Remind

(머드초보) — Sat, 20 Jun 2009 11:44:02 +0900

정규앨범은 아닌데, 신곡이 10곡이 있어요(물론 Intro랑 뒤차가경적을 PianoVersion빼면 8곡-_-) 7집은 아닌 듯 합니다. 스페셜앨범이로군요. 그래도 신곡이 10곡이나 있어서 너무 좋아요~ 노래도 너무 좋구요.
앨범명이 Rewind & Remind인데요. 제 나름대로 해석을 하면, 되감아서 조낸 듣고, 군대갔다올 때까지 기억해달라는 뜻인가요?-_-

암튼, 타이틀곡은 '뒤차가 경적을'인데요. 제목이 특이하군요. 노래의 주인공은 뒤차로군요. 항상 그렇듯 엠씨더맥스의 전형적인 발라드곡입니다.

M.C the MAX - Intro
M.C the MAX - Light Zone
M.C the MAX - 뒤차가 경적을
M.C the MAX - 멀어져
M.C the MAX - 눈물아 기다려
M.C the MAX - 난 그래
M.C the MAX,모노토닉 - Fever (Featuring Monotonik)
M.C the MAX - So Many Times
M.C the MAX - Far Away
M.C the MAX - 뒤차가 경적을 (Piano Version)

1. Intro
Intro는 엠씨더맥스 앨범에서 1집과 5집에만 있었던 것으로 기억합니다. 이번 스페셜앨범에도 있군요. 인트로가 게임에서 돈을 넣고 Start버튼을 누르기전에 나오는 음악 같습니다. 뭔가 도전을 해야할 것 같은 느낌을...-_-

2. Light Zone
음....밝은 구역인가요....-_- 노래는 제목과 같이 희망을 주려고 만든 노래인 듯 합니다. 노래의 음악과 가사가 정말 희망을 주는 느낌을 잘살린 듯 합니다. 가사도 희망적이고! 음악도 뭔가 희망을 느낄 수 있는!-_-

3. 뒤차가 경적을
주연은 뒤차로군요. 주연이 욕하면서 지나가죠. 경적도 마구 울려주는군요. 왠지 그런 상황을 떠오르게 만드는 노래군요. 어떤 상황이냐면 앞차가 신호가 바뀌었는데도 불구하고 '가지마~ 가지마~' 이러고 있는데, 뒤차가 경적을 울리며 '야이 썅~ XX야~ 안가!XX놈!'이러고 있는 상황이죠. 하지만, 노래는 왠지 슬픔이 느껴지는군요.

4. 멀어져
그냥 계속 멀어지는 발라드입니다.

5. 눈물아 기다려
제목은 저번 '가슴아 그만해'시리즈의 이어서 자신의 신체부분에게 '아'를 붙여서 지은 제목이군요. 이번엔 눈물이로군요. 여자가 뒤돌아서 간뒤에 그때 울자고 기다리라고 말을 하는 겁니다. 눈물과 인간의 섬뜩한 커뮤니케이션(식스센스 이후의 최고의 반전이죠). 하지만, 노래는 왠지 밝네요. 흘리려는 눈물이 왠지 헤어지는게 잘되었다는 뜻의 환희의 눈물인가.....

6. 난 그래
이 노래는 너때문에 내가 힘을 낼 수 있다는 것을 표현한 노래군요! 아주 밝아요~ 보통 엠씨더맥스에서 앨범마다 염장노래가 한 곡씩 있는데, 이번엔 이 곡입니다. 하지만, 이전에 비하면 염장포스는 약하군요.

7. Fever (Featuring Monotonik)
모노토닉이 피처링을 했네요. 모노토닉의 멤버는 엠씨더맥스의 제이와 Vink(임형빈)으로 알고 있는데... 음악은 강렬하게 어필하는 음이 강하군요. 강한 어필에 내용은 뭔가 벗어나고 싶어하는 내용인 듯 하네요. 알 수 없는 가사로군요.(피처링은 뭘한거지....노래를 부른 건 아닌것같고....)

8. So Many Times
이번에도 밝은 곡이군요. 상대방에 향한 나의 뛰는 마음을 노래로 표현한 듯 합니다. 오랫동안 내가 널 기다려왔다라는 것을 말하는 것 같군요. 분위기에 맞게 밝고 신나군요^^

9. Far Away
뭔가 이별을 표현한 듯합니다. 몽환적인 느낌을 주려고 한 듯 한데.... 잘 모르겠네요-_-

10. 뒤차가 경적을(Piano Version)
순수 피아노로만 반주가 있고 똑같습니다. 하지만, 느낌은 확실히 틀리네요^^ 왠지 더 슬퍼보이는....

[GameOVEN] 초간단 1:1 다이다이 오목게임-_-

(머드초보) — Sun, 14 Jun 2009 13:35:06 +0900

게임오븐을 간단하게 사용해본 결과 네트워크프로그래밍이 매우 잘 되어있는 것 같아요.
아직 깊게 안다뤄봐서 잘 모르겠는데요. 충돌검사나 케릭터움직임 이런 거 메뉴얼을 보니 매우 복잡하더라구요-_- 뭐든 깊게 들어가면 어렵습니다-_-

암튼, 게임오븐을 조금 만져본 결과 재미있네요^^
아직은 좀 어렵지만(조금이 아니라 많이 어려운 듯-_- NHN에서는 이거 조낸 쉬움 이라고 광고하고 다님-_- 조낸쉽지 않은 듯한데-_-), 차후에 버전에는 프로그래밍 지식이 전혀 없어도 게임개발이 가능한 툴을 만든다고 하니 정말 무서운 회사로군요.(프로그래머를 죽이려는....-_-)

암튼, lua를 기본적으로 하질 않아서 그런지 문법이 조금 틀린데, 그것에 대한 적응이 좀 필요하네요.
혹시 필요하신분은 가져가세요(필요한 사람은 없겠지만-_-)

Omok.zip

[JavaFX] XML, JSON파싱하기 - PullParser와 HttpRequest를 이용

(머드초보) — Sun, 14 Jun 2009 13:15:36 +0900

오픈API 등을 이용하려면 XML을 파싱해서 JavaFX로 가져와야 합니다.
HttpRequest를 이용해서 xml을 요청한 다음에 PullParser를 이용해 한줄한줄 파싱해서 데이터로 가져오는 방식을 사용합니다.

음...JavaFX가 1.2로 업데이트 되었는데요. 기존에 HttpRequest에서 요청할 때 enqueue()라는 함수로 실행을 했는데, start()로 함수명이 바뀌었네요. start()가 깔끔하군요.

간단하게 네이버OpenAPI를 파싱해보겠습니다.
실시간 급상승 검색어를 간단히 뿌려주는 소스입니다.

main.fx

package xmlparser;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.scene.text.Font;

var rankingInfo:RankingInfo = RankingInfo{
    onDone: function() {
        var content:String = "";
        for (item in rankingInfo.ranking) {
            content += "{item}\n";
        }
        text.content = content;
    }
};

var text:Text = Text {
    font: Font {
        size: 16
    }
    x: 10
    y: 30
}

Stage {
    title: "Application title"
    width: 250
    height: 300
    scene: Scene {
        content: text
    }
}

RankingInfo.fx

package xmlparser;

import javafx.data.pull.PullParser;
import javafx.io.http.HttpRequest;
import java.lang.Exception;

public class RankingInfo {
    var url:String = "http://openapi.naver.com/search?key=네이버OpenAPI키&target=rank&query=nexearch";
    var p:PullParser;
    var h:HttpRequest;
    public var ranking:String[];
    public var onDone:function() = null;
    
    init {
        ranking = [];
        h = HttpRequest {
            location: url
            onException: function(exception:Exception) {
                exception.printStackTrace();
            }
            onInput: function(input) {
                var i;
                p = PullParser {
                    documentType: PullParser.XML
                    input: input
                    onEvent: function(event) {
                        if (event.type == PullParser.START_DOCUMENT) {
                            ranking = [];
                            i = 0;
                        }
                        else if (event.type == PullParser.END_ELEMENT 
                            and event.level == 3) {
                           if (event.qname.name == "K") {
                               println("{event.text}");
                               ranking[i] = event.text;
                               i++;
                           }
                        }
                        else if (event.type == PullParser.END_DOCUMENT) {
                            onDone();
                        }
                    }
                }
                p.parse();
                p.input.close();
            }
        }
        h.start();
    }
}

PullParser와 HttpRequest를 이용합니다. HttpRequest를 이용해서 url을 지정해서 가져오면 onInput이 발생합니다. 여기에서 input을 PullParser에 지정을 해주면 한줄씩 읽을 때마다 onEvent가 발생하게 됩니다.
onEvent에서는 한줄씩 읽으면서 Parsing을 해주면 됩니다.
해당 엘리먼트를 가져오기위해선 문서의 레벨과 태그의 이름으로 알 수 있습니다.

<result>
<item>
<R1>
<K>투시안경</K>
<S>+</S>
<V>105</V>
</R1>
</item>
</result>

위와 같은 xml이라면 <K>값을 가져오기 위해서는 K의 레벨과 K를 알면 됩니다. K레벨은 result를 0, item을 1, R1을 2, K는 3이 됩니다.

if (event.type == PullParser.END_ELEMENT and event.level == 3) {
if (event.qname.name == "K") {
    println("{event.text}");
}

3이고, qname.name이 K인걸 찾으면 돼요. END_ELEMENT에서 해야하는 이유는 START_ELEMENT에서하면 값이 아직 파싱이 안된 상태여서 그렇습니다-_-

JSON인 경우도 비슷해요.
단지 Pullparser.START_ELEMENT나 END_ELEMENT가 아닌, END_VALUE로 파악을 하면 됩니다.
documentType: PullParser.JSON으로 바꿔주셔야 해요.

[머드초보의 일상] iDoGame League (아이두게임리그) 오리엔테이션 참석후기

(머드초보) — Sun, 07 Jun 2009 23:36:28 +0900

전에 참가 신청하고 한게임에서 전화가 직접 와서 참가하면 추첨해서 경품으로 넷북을 준다고 해서 갔습니다-_- 근데 갔는데, 1000명을 초대했군요...OTL...제가 일찍와서 사람들이 별로 없는 줄 알았는데, 천명을 다 채운 것 같더라구요. 꽤 많았습니다.
그나저나 NHN은 정말 행사준비하나는 끝내주는군요. 저번 DeView인가요? 그 행사일 때도 준비 정말 잘했던데, 이번에도 짱이네요.

게임 개발자가 꿈이였는데, 취미로라도 해봐야겠다는 생각해 해보려고 했는데 쉽지 않은 듯 하네요-_- 오늘 오리엔테이션을 들으면서 느끼는 점이 사람들이 참여는 많이 할 것 같지만, 사용자는 많이 즐기지 못할 것 같다는 생각이 좀 들었는데요. 아직 베타기 때문에 게임개발에도 제약사항도 매우 많고, 정말 재미있는 게임이 얼마나 나올지가 의문이 들어요. 정말 재미있어야 사람들이 많이 하게 될 것 같은데...그래도 앞으로 어떻게 될지는 예측할 수는 없지만, 이 아이두게임이 성공했으면 하는 바램이 있습니다. 국내에서 이런 짓(?)을 할 수 있는 NHN-_- 정말 대단한 것 같습니다.

1. 키노트 - 김정호 한게임 대표
음..우선 발표장소가 너무 캄캄해서 졸린 분위기를 연출해버렸습니다. 상당히 졸리더군요. 암튼, 이 아이두게임을 준비하기 까지는 3년이라는 시간이 걸렸다고 얘기를 했습니다. 앱스토어가 출범하기 훨신전인 2006년부터 기획을 하고 있었다고 했습니다. 앱스토어를 배낀 거라면 1년안에 준비를 다 했다는 건데, 1년안에는 해낼 수 없는 일이라고 얘기를 했습니다. 음...앱스토어 잘되서 더 적극적으로 한 것 같은데-_- 갑자기 그게 생각나는군요. 엠파스의 지식발전소가...-_-
아이두게임리그의 가장 큰 목적이 세계정복인 듯 합니다. 세계정복의 꿈을 표출하셨습니다-_- 아이두게임을 국내에만 국한하지 않고, 중국, 일본, 미국 등의 한게임이 있는 모든 곳에서 서비스를 하겠다는 얘기를 했습니다. 개발자들에게 매우 솔깃한 얘기일 듯 합니다. 한게임같은 든든한 스폰서가 있으니 인디개발자들은 더욱 활동이 왕성해지겠어요.
게다가 한게임에서 게임심사비와 등록비도 1년간은 무료로 제공해주겠다는 더욱 솔깃한 얘기도 했습니다. (국내에서는 게임등급을 심사받아야 합니다-_- 등록비도 당연히 있군요) 개발자들을 많이 끌어들이기 위해 떡밥을 마구 던지고 있습니다.
PPT는 직접 안만드셨는지 모르는 내용은 넘어간 듯 하던데. 왠 독도가 있냐고 막 하면서 넘어갔는데, 그 그림은 빙산의 일각인 듯 했습니다. 즉, 현재 아이두게임이 공개된 부분은 빙산의 일각을 알려주려고 했던 것 같습니다. PPT는 아래사람이 만들고, 대표님은 준비한거 살짝 보시고~

2. 아이두 게임 정책 및 게임랩, 리그 베타 소개
싫어하는 ppt스타일 입니다. 글씨도 조낸 많고-_- 무슨 내용인지도 모르겠고-_-
아! 중요한 것이 있는데, 게임을 올리고 나서 업데이트를 맘대로 못한다고 합니다-_- 업데이트시에 컨텐츠가 변경되면 재심사를 받아야 하는 것이라고 하네요. 하지만, 버그나 기술적인 것을 수정할 때에는 자기들이 카바하겠답니다^^ 이거 버그 많은 게임이 많이 나오겠는데요 ^^ 수많은 게임들도 적어도 한달에 몇번씩 버그수정을 위해서 업데이트를 하는데, 이런 인디게임이 과연 버그가 없이 나올까요?-_- 오히려 더 많이 나올텐데-_- 어떻게 될지 궁금하군요.
아이템샵 얘기도 나왔는데, 정말 한게임이 생각을 많이 한 듯 합니다. 국내의 캐주얼게임의 수익은 대부분 캐시탬에서 얻고 있죠^^ 캐시템은 어렸을 때 패키지게임할 때 마치 에디트를 쓰는 듯한 기분을 줄 수 있어(?) 정말 지르고 싶은 생각이 많이 들죠-_-(요즘 이지투온을 하는데, 레벨이 올라야 잼난 노래를 플레이할 수 있는데, 노래를 다하기위해서는 돈주고 캐시템을 사야지 할 수 있죠-_-)
암튼, 앞으로 어떻게 될지 사업계획을 얘기한 듯 했는데, 앞서 말했듯이 싫어하는 PPT스타일이어서 제대로 못들었네요. 원하는 것만 들은 듯 ^^

3. 게임오븐 소개
저는 게임오븐이 게임을 구워서 바로 만들 수 있다는 것에서 지은 줄 알았는데, Game Online Virtual ENvironment의 약자랍니다. 와 이름 정말 잘 지었다-_-
확실히 게임오븐이 게임 제작하는데에는 어렵지 않습니다. 제가 간단한 오목게임을 만들어본 결과, 네트워크부분은 매우 쉬웠으며, 눈에 보이는 디자인툴로 디자인 하기도 매우 쉬웠습니다.
하지만 보통 쉬운 것에는 단점이 하나 따르는데, 그 단점이 제약이 많다는 것입니다. 그 단점은 게임을 개발하다가 보면 느끼는 것들이 분명 있을 겁니다.
소개를 하는데, 정말 멋진 것은 개발자는 로비시스템이나 온라인 서버구축 따윈 신경쓰지 않고, 클라이언트 프로그램만 개발하면 된다라는 것입니다. 즉, 테트리스나 사천성같은 보드게임에서 방만들고 게임하는 시스템에 국한되긴 하지만, 방만들고 그런 것 개발자가 신경쓸 일이 아니라, 한게임에서 알아서 하고, 개발자는 사용자가 방에 들어왔을 때부터 처리만 개발하면 되는 것이죠. 결론은 MMORPG는 현재 안된다는거-_-(다들 왜 MMORPG에 목메는거지-_-)
암튼, lua언어를 이용해 객체지향, 이벤트기반프로그래밍을 지원하며, 그래픽, 사운드, 네트워킹, 프로그래밍이 매우 쉽게 되어있어서 좋긴 하네요.
차후에는 3D에다가 물리엔진까지 제공해준다고 하네요. 정말 투자를 많이 한 듯 합니다. 한게임이 뭔가 확신이 있는 듯 합니다-_-

티셔츠-_-

4. 게임오븐 데모
그....사내에서 실험을 하나 했다고 합니다. nhn신입사원3명에게(전산전공자) 게임오븐들 던지고 게임을 만들어보라고 했답니다. 일주일만에 세균전을 만들었다고 합니다. 사실.....nhn에 입사할 실력이라서 가능하거라고 보는데-_-
그리고 또 다음으로 현재 공개되지않은 테스트중인 물리엔진을 줘서 게임을 만들어보라고 했더니 장기알까기 게임을 일주일만에 만들었답니다. 역시 nhn에 입사할 실력이라서.....가능했을 것 같은데-_-
또한 테트리스를 현재 한게임에서 서비스하고 있는 것을 그대로 포팅해서 만든 것을 보여줬는데, 정말 높은 이식률(같은 개발자가 만들었다고 하던데-_-)을 보여줬어요. 한달만에 개발을 완료했다고 하더군요.
데모를 보여줬는데, 결론은 빠르고 손쉽게 개발할 수 있다라는 것을 보여주는 세션이였던 것 같네요.
내년에는 개발자 뿐만아니라 일반인들도 손쉽게 만들 수 있도록 툴을 만들겠다고 했습니다. 이건 어떤 형태인지 궁금하네요. 확실히 쯔꾸르형태는 아닐꺼에요. 그건 RPG밖에 안나오니까-_-

5. 외부 개발자 초청 강연 (별바람 교수)
난 뭐 교수라고 해서 나이 좀 있으시고 그런 분인줄 알았는데, 꽤나 젊으신 분이시더군요-_- 초딩때부터 개발해오신 인디게임계 살아있는 전설이신 듯 합니다. 얘기를 들어보니 대단한 업적을 많이 하셨던 분이군요. 나이도 30대중반정도밖에 보이지 않았는데-_- 아.....그녀의 기사단을 이분이 만드셨다고 하더군요.
막판이라 집중력이 떨어져 잘 듣진 못했지만, 좋은 얘기를 해주셨던 것 같네요-_-

앱스토어의 성공사례를 통해 여기저기서 많은 오픈마켓이 생겨나고 있습니다. Sun에서도 만든다고 하던데. SK텔레콤에서도 만들고-_- 안드로이드도 있고....왠지...살짝 불안하기도 합니다 ^^ 하지만, 이미 혼란스러워진 IT세상을 말릴 수 있는 사람은 없는 듯합니다^^
IT신같은 게 나타나서 그냥 깔끔하게 현재 벌려진 것 다 정리 좀 해줬으면 좋겠어요. 뭔가 늘어만 가기만 하는 것 같아요.
결론은 그냥 게임한번 만들어볼까....-_-

[유틸리티] Sony VAIO VGN-Z36LD/X에 Windows 7 RC버전 사용후기.

(머드초보) — Sun, 31 May 2009 10:36:12 +0900

우선 드라이버문제로 고생을 했는데요. 몇몇이 안잡혀요. 하지만 바이오카페에서 누군가 시도를 했을 것 같아서 검색을 해보니 있습니다. 최근에 올라온 강좌로군요(어제네-_-)
http://cafe.naver.com/notevaio/389886 네이버 바이오카페에 가입하셔야지 볼 수 있습니다.

이거대로 따라하니까 드라이버도 다 잡히는데, 저는 이상하게 밝기조절이 안되네요. 잘못 깔았나봐요. 뭐 밝기조절 따윈 필요없어요-_- 암튼 Windows 7의 달라진 점을 보도록 하겠습니다.

1. 가장 눈에 띄는 작업표시줄 인터페이스 변경
이거 처음엔 적응이 좀 안됐는데, 적응되니까 괜찮은 것 같아요. 우선 기존에 있던 빠른실행이 없어졌구요. 작업표시줄 하나만 있습니다. 작업표시줄에 해당 프로그램을 고정시킬 수 있는데요. 고정시키면 기존에 빠른실행처럼 아이콘이 남아있습니다. 신기한 것은 실행할 때 그 아이콘에서 상자만 씌워지면서 실행이 된 것을 작업표시줄에 표시해주죠.
또한 특정프로그램을 실행하면 아이콘이 새로 생기는데, 그것을 고정시킬 수 있어요. 고정시키면 빠른실행이 되는 것이죠. 빠른실행과 작업표시줄의 통합이죠. IE같이 2개를 띄울 수 있는 프로그램은 하나의 아이콘에 마우스르 대면 2개가 실행되고 있는 것을 확인할 수 있구요. 마우스를 오버하면 미리보기가 나오는데, 미리보기에도 마우스를 대면 실제 화면에서 미리보기를 볼 수 있어요. 이건 정말 말로 백번 설명해도 알아듣기 힘든데, 한번 써보면 알 수 있는 기능이에요-_-
기존에 빠른실행에 있던 바탕화면 보기가 없어졌는데, 작업표시줄 맨 우측으로 옮겼습니다-_- 잘 안쓰는 기능이라 구석에 처박아 둔건가....

작업표시줄에 마우스대면 미리보기나오고, 또 위에 미리보기 마우스대면 전체미리보기가 나와요^^

2. 사이드바가 없어지고 바탕화면 가젯으로 변경
기존에 비스타에서는 사이드바 라는 것이 있어서 거기에 가젯들이 모여있었는데요. Windows7에서는 사이드바가 사라졌습니다. 대신 그냥 바탕화면 어디에 배치할 수 있는 가젯을 만들었어요. 기존의 사이드바에서도 밖으로 빼내면 할 수 있는건데...그냥 사이드바만 없어진 것 같아요-_-

바탕화면에서 보입니다. 항상위에 표시할 수도 있어요

3. 다양한 Aero테마
한글팩 설치한 윈도우에서는 대한민국 테마도 있어요. 재미있는 게 소리도 대한민국스타일로 바뀌어서 나오구요. 바탕화면도 시간이 지날 수록 바뀝니다. 이제 바탕화면 1개로 사용하는 것이 아니라 계속 바뀌는 형태로 사용할 수 있군요. 맥에 대항하려고 비주얼에 매우 신경을 쓴 모습입니다-_- 사람들은 비주얼한 것을 좋아하니까요^^ 사실 내부적으로 뭔가 바뀌어도 IT전문가가 아니라면 알기 힘들죠. 그래서 디자인이나 UI에도 신경을 많이 쓴 Windows7입니다.

4. 완전 멋있어진 미디어센터
기존에 미디어센터를 안써봐서 잘 모르겠는데요. 어쨌든 음악, 사진, 동영상(영화)는 컴퓨터와 떼놓을 수 없는 상황이라 MS에서도 이런 미디어센터를 만들게 된 것 같네요. 이 미디어센터에서 음악과 사진과 동영상감상을 한번에 할 수 있어요. 여기서도 매우 비주얼하게 보이려고 매우 고민한 흔적이 보이네요^^

하지만 자막이.....안되네요. 그냥 미디어플레이어에서는 로컬자막 선택하면 나오긴 하는데, 얘는 어떻게 하는거죠-_- 자막때문에라도 다음팟플레이어를 써야겠습니다-_- 음악도 가사때문에라도 알송을 쓰구요. 한국MS가 이 미디어센터를 개조를 하던가 해야할 것 같군요.
근데, 음악재생에서 라이브러리 관리 같은 것에서는 매우 멋지군요. ID3Tag를 이용해서 음악가별 앨범별 장르 등으로 음악을 쉽게 찾을 수 있구요.
이런것도 있네요. 가장 많이 재생한 음악, 지난 달에 재생한 음악, 지난 달에 추가된 음악 등. 아이튠즈를 닮아가는군요.
단점이 있다면...인터페이스가 너무 복잡합니다-_- 뭔가 복잡해요. 비주얼에만 매우 신경을 쓴 것 같아요. 하지만, 그전의 인터페이스(알송 같은)에 적응이 되서 이것이 어렵게 느껴질 수도 있을 것 같네요. 라이브러리만큼은 정말ㄹ 좋아요. 음악이 많아지면 원하는 음악을 찾기가 쉽지 않은데, 그것을 쉽게 해주니 ^^

디씨폐인들이 좋아하는미트스핀의 한국어버전...-_-

5. 유용한 유틸 - 스티커메모, 캡처도구, Windows PowerShell
스티커메모는 그냥 바탕화면에 메모를 띄울 수 있는건데, 그전에도 있었던 건가-_- 예전에 사이드바 가젯에는 있었는데...
캡처도구는 맘에 드네요^^ 손쉽게 캡쳐해서 바로 이미지파일로 저장할 수 있어요. 영역지정도 가능하구요^^ 저는 프린트스크린키를 눌러서 포토샵에서 잘라서 캡처했었는데ㅠ
아...확인해보니 스티커메모랑 캡처도구는 VISTA에도 있네요-_-
PowerShell은 전문가용 도구인 듯 한데요. 이거 예전에 MS SQL설치할 때 필수로 깔았어야 했던 유틸인데, 이제 Windows 7에 포함되어있군요. Unix의 bash, csh 같은 쉘인 듯 합니다. 여기서 ls나 cp나 rm이런게 먹히는군요-_-

아마 간단한 쉘 프로그래밍도 되지 않을까싶네요. 이걸로 DB에 접속하고 막 그랬던 것 같은데. 암튼, 전문가들에게 반가운 유틸이군요.

6. XP가상화 기능....Sony노트북의 미지원으로 테스트불가 OTL...
아 안돼요ㅠ 원래 메인보드는 지원을 하는데, 바이오카페에서 검색해보니 망할 소니에서 VT를 막아놨다고 하네요. 몇몇 모델들은 뚫어서 바이오스를 수정해서 할 수 있는 듯한데, Z시리즈는 아직 모르겠네요ㅠㅠ 뭐 가상화 따윈 VirtualBox로도 충분히 해도 되겠지만, 왠지 MS에서 지원하는 게 더 빠를 듯 하긴 해서 아쉽긴 아쉽군요(누가 아마도 뚫지않을까요-_-)

7. 멀티터치.....하드웨어가 없어서 테스트 불가-_-
Windows7에서는 터치를 제공합니다. 물론 하드웨어가 있어야겠죠-_- 그걸 지원하는 노트북모델이 있긴 있는데, 뭐였지. 델꺼중에 있었던 것 같은데. 암튼, 예전에 MS관련 세미나를 갔을 때 멀티터치를 이용한 애플리케이션을 만들고 그랬던 것 같아요. 나중에 하드웨어같은게 나왔으면 좋겠네요^^

8. 창 스냅(Snap)기능
이거 창을 가지고 오른쪽끝이나 왼쪽끝, 상단으로 가져가면 윈도우를 좌측에, 우측에 전체화면으로 바꿀 수 있는 기능입니다. 왼쪽으로 가져갈 경우 왼쪽에서부터 반크기의 창을 만들구요, 오른쪽으로 가져갈 경우 오른쪽에서 반크기의 창을 만들어요. 상단으로 가져가면 꽉찬윈도우를 만들죠^^
모니터 2개 쓰시거나 해상도 높은 윈도우 쓰시는 분들에게 유용할 듯 ^^

그 외에 문제점이 있는데요. 제 컴에서만 그럴 수도 있는데, Java를 설치하고, 넷빈즈를 설치하려고 하는데, 설치가 안되네요-_- 이클립스도 안되더라구요. jdk를 못찾는데, 왜그런지 모르겠네요.

우선 Windows 7은 빠르고, 매우 시각화적인 요소가 많이 바뀐 것 같아요 매우 맘에 듭니다. 하지만, 아직 RC버전이여서 그런지 아직 안정적이지는 않은 듯해요. 정식버전 나오면 그때 다시 써봐야겠습니다^^

[머드초보의 일상] 소니노트북(Sony Vaio VGN-Z36LD/X) 사용후기

(머드초보) — Sat, 30 May 2009 12:25:48 +0900

큰맘먹고 질렀습니다.
벽에 똥칠할 때까지 써야겠습니다-_-

13.1인치의 큰 화면에 1.48KG이라는 가벼운 무게에 반해서 사게 되었습니다-_- 느낀점은 1.48kg이나 2.4kg이나 1.2kg이나......오래 들고 다니면 무겁다입니다-_-

또한 매력을 느낀점은 STAMINA모드와 SPEED모드가 된다는 것입니다.
STAMINA모드를 사용하면 그래픽카드는 GMA4500HD로 바꿔버려서 더욱 오래 쓸 수 있도록 하구요. SPEED모드는 Geforce 9300mgs으로 해서 빠르게 사용하는데 오래 못씁니다.
스펙에는 최대 5시간이라고 써있는데, 아마 wireless도 끄고, 아무것도 안하는 상태에서 켜놔야 5시간이지 않을까요-_- 네이버바이오카페에서 말을 들어보면 4시간 넘게 가는 듯하네요 ^^ 대용량베터리를 쓰면 7.5시간 간다고 하는데, 대용량베터리는 얼마지-_- 9셀인가......

또다른 큰 매력은 13.1인치에서 1600x900해상도는 소니꺼 밖에 없습니다-_- 해상도에 반해서 구입했습니다-_-

우선 안 좋은 컴퓨터 쓰다가 갑자기 빠른 컴퓨터를 쓰게 되서 그런지 엄청 좋네요. 램도 4기가고 CPU도 2.66듀얼이고^^

단점은 많이 알려진대로 소음이 심하구요(전에 쓰던 도시바 노트북이랑 뭐 비슷하네-_- 그래서 그런지 시끄러운지 잘 모르겠어요-_-),
멀티탭이 문제가 있으면 전기가 온다고 하는데, 터치패드 좌우부분에서 전기가 올라요-_- 찌릿찌릿 합니다.
그리고 다들 노트북이 많이 약하다고 합니다. 딱 봐도 약하게 생겼어요. lcd부분이 굉장히 얇거든요. 이거 부서지만 몇십만원주고 고쳐야한다고 하네요. 노트북값도 장난아닌데......관리 잘해야지ㅜ

얇은 lcd-_-

또 있습니다. USB슬롯이.......2개입니다 OTL.....젠장 1개만 더 있었어도ㅠ 저는 데탑 대산에 사용하는 노트북이라 키보드랑 마우스를 연결해서 쓰거든요. 키보드용, 마우스용 USB를 꽂아버리면 나중에 결제나 USB가 필요할 때....키보드꺼를 뽑아야합니다.......-_- 젠장......

그리고 소니노트북의 특성인 초특급 구린 사운드가 있습니다. 예전 도시바 노트북은 제 2만원 짜리 스피커보다 좋은 소리를 냈었는데(하만카돈인가 하는거라던데 음질이 확실히 좋더군요^^), 이건뭐 라디오 지지직으로 듣는 것 같아요. 그래도 스피커는 뭐 상관없어요^^ 스피커에 연결하면 되니-_-

그래도 가장 큰 장점은 매우 밝고 선명한 lcd겠지요^^ 최고입니다. 게다가 해상도도 높고,집용 모니터lcd를 보다가 노트북 lcd를 보니 집에 있는 lcd가 구리다는 것을 알게 되었어요.

평점을 주자면 ★★★★☆ 별 4개! 별 한개는 다른 거 다필요 없고 usb구녕때문에 깎인겁니다.

노트북 간지는 VAIO랑 맥북이 짱입니다.

[Flex/AIR] air.swf 동시 로딩 할 때 발생하는 문제점.

(머드초보) — Sun, 24 May 2009 20:50:50 +0900

음... air.swf를 이용하면 설치된 애플리케이션을 실행할 수 있으며, Adobe AIR가 설치가 되어있지 않으면 설치도 할 수 있는 기능이 있는 SWF입니다.
http://airdownload.adobe.com/air/browserapi/air.swf

음....문제점이 한쪽에서 air.swf를 로딩하고 나서 getApplicationVersion(애플리케이션이 설치되었는지 확인하는 함수)을 하고 있습니다. 그런데 다른 한쪽에서 air.swf를 로딩해서 getStatus(air가 설치되어있는지 상태값 받기)를 하면 air가 설치 되어있음에도 불구하고 available(AIR설치는 안되어있으나 설치가 가능함)을 받는 경우가 발생합니다.

그래서 더 찾아보니 우야꼬님의 글을 보다가 알았는데요. air.swf 없이도 AIR애플리케이션을 설치하고 실행할 수 있다고 한다는 글을 보았습니다. 그래서 이 현상이 버그인지 확인해보려고 직접 구현하려고 했지만........-_-
생각보다 조낸 어렵네요-_- 우야꼬님께서 ProductManager클래스를 이용해야 한다는 힌트만 주셔서 ㅠ
ProductManger는 뭐하는 놈인지 검색해도 잘 안나와요-_- 어디서 뜯어봐야하는지ㅠ 근데 이놈을 이용해서 AIR애플리케이션을 리스타트하는 프로그램을 만들 수도 있더라구요.
http://www.hufkens.net/2009/03/how-to-restart-an-air-application-from-code/
productmanager가 air프로그램 실행하고 그러는 것 같긴 한데, launch라는 함수가 있는데 이것에 대한 커맨드라인 명령어 같은 게 설명이 잘 안나왔네요 ㅠ

암튼, air.swf를 로딩해서 getApplicationVersion을 무한 반복하는 애플리케이션을 만들고, 그걸 2개를 띄워볼께요-_-
AirService.as

package
{
    import flash.display.Loader;
    import flash.events.Event;
    import flash.events.EventDispatcher;
    import flash.net.URLRequest;
    import flash.system.ApplicationDomain;
    import flash.system.LoaderContext;
    
    public class AirService extends EventDispatcher
    {
        private var _loader:Loader;
        public var _service:Object;
        
        public function AirService()
        {
            _loader = new Loader();
            var context:LoaderContext = new LoaderContext();
            context.applicationDomain = ApplicationDomain.currentDomain;
            _loader.contentLoaderInfo.addEventListener(Event.INIT, initHandler);
            var swf:String = "http://airdownload.adobe.com/air/browserapi/air.swf";
            var request:URLRequest = new URLRequest(swf);
            _loader.load(request, context);
        }
        
        private function initHandler(event:Event):void
        {
            _service = _loader.content;
            dispatchEvent(new Event(Event.COMPLETE));
        }
        
        public function getStatus():String {
            return _service.getStatus();
        }
        
        public function getApplicationVersion(applicationId:String, publisherId:String, callback:Function):void
        {
            _service.getApplicationVersion(applicationId, publisherId, callback);
        }
        
        public function installApplication(url:String, runtimeVersion:String, parameters:Array = null):void
         {
            _service.installApplication(url, runtimeVersion, parameters);         
         }
         
         public function launchApplication(applicationId:String, publisherId:String, parameters:Array = null):void
         {
             _service.launchApplication(applicationId, publisherId, parameters);
         }
    }
}

Main.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="vertical" verticalAlign="middle"
    applicationComplete="applicationCompleteHandler()" width="100%" height="100%">
    
    <mx:Script>
        <![CDATA[
            import adobe.utils.ProductManager;
            
            private var airService:AirService;
            
            private function applicationCompleteHandler():void
            {
                airService = new AirService();
                airService.addEventListener(Event.COMPLETE, completeHandler);
            }
            
            private function completeHandler(event:Event):void
            {
                trace(airService.getStatus());
                ta.text += airService.getStatus() + "\n";
                if (airService.getStatus() == "installed")
                {
                    airService.getApplicationVersion("AirApplication", 
                        "2D0F512A27635B8D26E3FE2622F4AAEDDA9D3CFC.1", 
                        applicationVersion);
                }
            }
            
            private function applicationVersion(version:String):void
            {
                trace("version=" + version + ", status = " + airService.getStatus());
                ta.text += "version=" + version + ", status = " + airService.getStatus() + "\n";
                ta.verticalScrollPosition = ta.maxVerticalScrollPosition;
                airService.getApplicationVersion("AirApplication", 
                    "2D0F512A27635B8D26E3FE2622F4AAEDDA9D3CFC.1", 
                    applicationVersion); 
            }
            
        ]]>
    </mx:Script>
    <mx:TextArea id="ta" height="100%" width="50%"/>
</mx:Application>

두개를 띄워보면

한놈은 available을 받습니다-_- 왜그러지-_-
대체 getApplicationVersion에서 어떤 일을 하는지 궁금해지기 시작했습니다.

그래서 대처 방법으로는....-_- getApplicationVersion을 동시에 하지 않으면 돼요-_- 사용자가 클릭할 때 하면 되는데, 이렇게 되면 launchApplication을 할 때에 또 클릭해줘야 해요. launchApplication은 사용자 액션에 의해서만 되더라구요.

PS. 혹시......이 글을 보게 되시는 분들중에서.....AIR애플리케이션을 launch하는 사이트를 목격 하시면 댓글 달아주세요ㅠ

[JavaFX] JavaFX에서 Swing JTable사용법 및 편집 못하게 막기-_-

(머드초보) — Sun, 24 May 2009 19:14:25 +0900

JTable에 대한 사용법은 여기에 있습니다.
http://jfx.wikia.com/wiki/SwingComponents#Table

그 외에 작년에 preview버전에서 구현한 것 같은 소스도 있군요.
http://www.jroller.com/peter_pilgrim/entry/javafx_reintroduce_swing_jtable

Java에서 사용하는 방법이랑 같은 방법으로 하는군요.
근데, JTable에서는 기본적으로는 편집이 가능하게 되어있습니다.
JTable에서 Model을 구현하는데, AbstractTableModel를 상속받아 구현한 모델을 JTable에 적용하는 방법이 있구요. 기본적인 Table기능만 있으면 되면 DefaultTableModel을 이용하는 것 같습니다.
Java에서 편집이 안되게 막으려면 아래와 같은 방법으로 하면 됩니다.


mod = new DefaultTableModel(data,title) { 
public boolean isCellEditable(int rowIndex, int mColIndex) { 
return false; 
} 
};

출처: http://nkdk.tistory.com/entry/%EC%9E%90%EB%B0%94-jtable-%EC%97%B4-%EC%A1%B0%EC%A0%95-%EC%95%88%EB%90%98%EA%B3%A0-%EB%82%B4%EC%9A%A9-%EC%88%98%EC%A0%95-%EB%AA%BB%ED%95%98%EA%B2%8C-%ED%95%98%EA%B8%B0
근데, 저 문법을 JavaFX에 적용하려고 하니까-_- 안되더군요-_-
그래서 상속받아서 해결했습니다.

DefaultTableModel을 상속받은 MyTableModel


public class MyTableModel extends DefaultTableModel {

    override function isCellEditable(row:Integer, col:Integer): Boolean {
        return false;
    }
}

사용시에는


model = MyTableModel {}
model.addColumn("name");
table.setModel(model);

이렇게 하면 편집 불가능한 JTable을 만들 수 있습니다.

PS. 분명 누군가가 좋은 데이터그리드를 만들꺼야....-_- JavaFX는 역시 컴포넌트가 부족하군ㅠ

[JavaFX] 사운드재생방법 및 내컴퓨터에 있는 음악재생하는 MP3플레이어 예제

(머드초보) — Sun, 24 May 2009 18:52:21 +0900

JavaFX는 신뢰할 수 있는지에 대해서 동의만 얻으면 로컬에 있는 파일에 접근할 수 있습니다. 그렇다는 얘기는 JavaFX로 사용자 컴퓨터를 맛이가게 할 수 있는건가....-_-
JavaFX는 브라우저에서 돌아갈 때 오래전에 영광을 누렸던 Applet기반으로 돌아갑니다. 예전엔 채팅사이트나 왠만한 사이트에 Applet이 꼭 들어갔었죠. 보안문제나 속도문제 때문에 아마 Flash에 밀렸을겁니다.
혹시나 했는데 스카이러브라는 예전에 유명했던 채팅사이트는 아직도 애플릿을 사용하네요-_-

암튼 JavaFX에서 사운드재생은 Flash처럼 매우 간단합니다.
MediaPlayer라는 클래스가 있습니다.
http://java.sun.com/javafx/1.1/docs/api/javafx.scene.media/javafx.scene.media.MediaPlayer.html
그리고 Media라는 클래스가 있습니다.
http://java.sun.com/javafx/1.1/docs/api/javafx.scene.media/javafx.scene.media.Media.html


var mediaPlayer:MediaPlayer = MediaPlayer {
    volume: 0.5
    autoPlay: false
    onError: function(e:MediaError) {
        println("got a MediaPlayer Error : {e.cause} {e}");
    }
    onEndOfMedia: function() {
        println("reched end of media");
        playList.next();
    }
}

mediaPlayer.media = Media {
    source: "URL경로 및 FILE경로",
    onError: function(e:MediaError) {
        println("got a media error {e}");
    }
}
mediaPlayer.play()

이렇게 하면 됩니다. 아....URL은 그냥 http://www.~~~.com/1.mp3 이렇게 하면 되는데요. 로컬에 있는 파일을 읽어올 경우에는 C:\1.MP3 이게 아니더군요.
file:/D:/임재범-비상.mp3 이렇게 해야되더군요.

아 그리고, JavaFX에서는 flash에 있는 DataGrid같은 게 없습니다-_- swing컴포넌트를 이용해서 만들어야해요. 구글링을 해보니 JTable로 만들어 놓은 게 있더라구요. 그걸 이용해서 플레이리스트르 만들었습니다.

근데, 가끔 브라우저(FireFox나 IE, Opeara는 안됨ㅠ)에서 버튼이 클릭이 안될 때가 있습니다-_- 왜그런지 모르겠네요. 근데 크롬은 100%클릭이 잘 됩니다. 왜그럴까요....-_- 테스트 하시는 분들은 크롬으로 하세요 ^^ 크롬짱-_-

이미지에요-_- 주소는 아래에-_-

예제 데모주소입니다(크롬으로....-_-)
http://mudchobosample.appspot.com/JavaFXMP3Player/JavaFXMP3Player.html

소스주소입니다.
http://my-svn.assembla.com/svn/mudchobosample/trunk/JavaFXMP3Player/

[Flex] Mac OS X에서 fontFamily적용 시 플래시 한글 윗부분 짤림현상 문제-_-

(머드초보) — Mon, 11 May 2009 22:19:36 +0900

해결방법 같은 건 아니구요-_- 그냥 이렇게 하니까 짤리지는 않더라 정도 입니다-_-

혹시....맥에서 Flex Builder 쓰시는 분도 그런가요?-_- 맥에선 컴파일을 안해봐서 잘 모르겠네요.
암튼, Windows용 Flex Builder로 컴파일한 swf는 맥에서는 한글이 짤려서 보이네요.
버그리포팅을 하고 싶지만.....영어도 딸리고...말주변도 없고....에이레네님께 부탁을 ㄷㄷㄷ

우선 style에서 fontFamily를 "돋움"으로 주니 맥에서 저렇게 보이더군요.
그래서 fontFamily에다가 Arial을 추가해줍니다-_-(석경씨가 발견! 짱!)

font-family: "돋움", Arial;

그럼 윈도우폰트도 적용할 수 있고, 맥에서는 글씨도 안짤릴 수 있고...하지만, 맥에서는 폰트를 바꿀 수 없습니다-_- 그냥 나오는대로 보셔야합니다ㅠ

PS. 다른 방법 알고 계신 분 알려주세요ㅠㅠ
PS2. 보너스로~ 내 윈도우에서 돌아가는 Mac OS X Leopard.....인터넷 밖에 안된다는...ㅠㅠ

[JavaFX] 해당 가수의 앨범목록을 검색하는 간단한 예제

(머드초보) — Sun, 10 May 2009 23:26:31 +0900

음...아직 JavaFX는 삽질할 것이 못되는군요. 얼마전 세미나에서 실버라이트1.0때 열악함을 말해줬는데 그것이 생각나는군요. JavaFX가 지금 현재 열악함 상태입니다.

우선 이 예제는 ManiaDB의 OpenAPI를 이용한 나름(?) 매쉬업 애플리케이션입니다 ㅠ 해당 가수명을 입력하면 매니아디비에서 앨범목록을 가져와서 앨범이미지를 DisplayShelf형태로 뿌려주는 애플리케이션입니다.

여러가지 문제점이 있었는데요ㅠ

1. JavaFX HttpRequest, PullParser 문제점

이 놈을 알아야지 API데이터를 가져올 수 있습니다. 이걸 사용하면서 뭔가 문제점이 있다면...XML파싱할 때 복잡합니다. Flex의 HTTPService는 축복입니다-_- 그리고, XML의 값이 없는 경우(ex:<description><![CDATA[]]></description>)에는 nullpointException을 내뿜으며 파싱에러를 냅니다-_- 매니아디비는 description이 없는 앨범이 있어서 저런 에러를 내뿜더군요.
그래서 꼼수(?)를 사용했습니다. JSON으로 변환해서 쓰면 됩니다-_- JSON은 에러를 안뿜어요. JSON으로 바꾸려면 역시 야후파이프가 짱-_-
야후파이프주소 : http://pipes.yahoo.com/pipes/
앨범검색파이프 : http://pipes.yahoo.com/pipes/pipe.info?_id=5e24977627eb6c03b1d7e9aeb820aca7
앨범검색파이트에서 Get as JSON으로 받으시면 JSON으로 받을 수 있습니다. 이걸가지고 HttpRequest클래스를 이용해서 파싱하면 됩니다.

파싱할 때 XML같은 경우에는 ELEMENT명과 LEVEL로 구분을 해서 값을 가져올 수 있습니다. PullParser라는 클래스를 이용해서 파싱하는데, XML엘리먼트마다 onEvent함수가 발생합니다. 거기서 해당 엘리먼트명과 level(얼마나 깊이 들어갔는지-_-)를 if문으로 구분해서 맞으면 값을 가져오는 그런 식으로 파싱합니다-_-
JSON도 비슷합니다. 예를 들어 값이 끝날 때 "로 끝나면 END_VALUE인지 확인 후 원하는 이름인지 확인 후 가져오면 됩니다. 생각해보니...뭐 그리 복잡하지도 않군요.

2. 과도한 {}로 불편한 문법-_-

조금 하다보니 이제 익숙해지려고 하는 듯하면서도 헷깔리는 과도한 {}-_- 이건 JSON도 아니고, Javascript도 아니고, Java도 아닌데, 3가지 문법이 짬뽕이 되었습니다. 재미있는 건 Java클래스를 그대로 쓸 수 있는 듯합니다. 어느정도인지는 안해봤는데, URI를 encode해야해서 어떻게 해야하나 생각하던중에 Java클래스에 있는 URIEncoder를 사용하니 그냥 되더군요-_- 예전에 선테크데이에서도 Java를 임포트할 수 있다고 들은 것 같아서^^
이 문법도 계속 보니....적응이 되는군요.

그 외에 문제가 굉장히 많았는데, 기억이 안나네요-_-

이건 스크린샷이에요-_- 낚이지 마세요-_-

실행예제 http://mudchobosample.appspot.com/AlbumSearch/AlbumSearch.html
실행 시 신뢰할꺼냐고 물어보는데, 신뢰한다고 해야 실행됩니다 ㅠ 외부파일을 끌어쓰기에..-_- 그리고 자기 인증서기때문에 6개월 뒤에 만기된다고 합니다 ㅠㅠ 인증서를 사야지 JavaFX를 제대로 쓸 수 있는 듯 합니다.

소스코드입니다.
http://my-svn.assembla.com/svn/mudchobosample/trunk/AlbumSearch/

참고자료
http://www.javafx.com/samples/InterestingPhotos/index.html
http://www.javafx.com/samples/DisplayShelf/index.html

PS. 활성화가 로컬에서 할 때에는 잘 되는데, 올리니까 안되네요. 그래서 TextInput부분을 강제로 활성화를 시켜버렸습니다ㅠ Swing컴포넌트를 써서 그런가....

[Wii] 마리오카트 Wii - 조작도 쉽고~ 재미도 있고~ 친구랑도 하고~^^

(머드초보) — Sat, 02 May 2009 01:19:42 +0900

이거 물건이네요^^
옛날에는 머리쓰는 게임을 좋아했는데, 나이가 들수록 쉽고 재미있는 게임을 더 찾게 되더라구요^^
어렸을 때 삼국지 같은 걸 하고 있었다니-_- 스타도 나이먹어서 못하겠어요 복잡해요!

마리오카트는 아주 어렸을 적에 슈퍼패미콤으로 했었던 기억이 나네요.
Wii버전은 한층 더 업그레이드가 되어서 전세계 친구들이랑도 할 수 있고, 새로운 모드도 생기고 완전히 바뀌었네요^^

시작하게 되면 아래와 같은 메뉴가 있습니다.

싱글플레이는 저같은 사람이 혼자하는거고(아..슬프네-_-), 멀티플레이는 집에서 리모콘 남는 걸로 같이 하는거고, Wi-Fi는 전세계에 있는 사람이랑 하는겁니다^^ 2명까지 있는 거보니 한대의 Wii에서 동시에 같이 2명이서 접속이 되나봅니다^^ 채널은 랭킹이나 친구가 접속해있는지 확인하는 것 같습니다^^

1. 싱글모드
그랑프리, 타임어택, VS, 배틀 4가지메뉴가 있네요.

왼쪽하단의 Wii Fit이 보이는군요-_-

그랑프리는 1등해서 컵을 따는거고, 타임어택은 혼자서 얼마나 빨리도는냐 하는거고, VS는 그냥 맵에서 겨루는거고, 배틀은 말그대로 팀끼리 배틀하는 겁니다-_-

풍선배틀~ 코인~ Wi-Fi에서 많이 하는 듯...

말그대로 쉽습니다. 풍선배틀은 처음에 시작할 때 풍선 3개 가지고 나오는데, 상대방꺼 많이 터뜨리면 이기는겁니다-_- 코인은 코인 많이 모으면 이기는겁니다-_- 저도 한판씩밖에 안해봐서 잘....-_- Wi-Fi가서 이게 뭐지 하면서 캐관광당했던....

카트는 더 멋있어졌네요^^ 돈 모아서 사고 그런건 없나봐요-_-

Wi-Fi들어가서 첫게임을 했는데, 1등해버렸어요 ㅠㅠ 히힛~ Wii의 단점은 게임하고 있는 사람들끼리 커뮤니케이션을 할 수 없어요-_- XBOX는 마이크로 대화를 할 수 있다지만, 이건뭐..-_- 묵묵히 게임만 해야하는 상황-_-

게임하는 장면은 사진으로 못찍었네요-_- 게임하면서 카메라를 들이댈 수 없어서-_-

마리오카트는 확실히 혼자하는 것보단 친구들이랑 하는 게 재미있을 것 같아요. 몬스터헌터도 나온다던데 국내에도 1년뒤에 나오는거 아닌가 모르겠네요 ^^

[Google App Engine JAVA] Spring MVC를 이용한 방명록 예제(기존예제 변환-_-)

(머드초보) — Sat, 02 May 2009 00:15:19 +0900

SpringFramework가 되는지 삽질하던 중 데모에 있는 샘플을 하나잡아서 convert를 시켰습니다-_-
놀랍게도 잘 되네요. 하는 도중 약간의 혈압이 상승했지만요-_-

우선 샘플주소입니다.
http://springguestbook.appspot.com

소스코드 주소입니다. trunk/SpringGuestBook입니다^^
http://my-svn.assembla.com/svn/mudchobosample

마치...그냥 앱엔진에서 제공하는 샘플이랑 같아보여서 사기를 치는 것 같지만, Model2방식의 예제입니다ㅠ

우선 하면서 가장 처음에 겪는 문제점입니다.

Your Web Application Project must be configured to use a JDK in order to use JSPs.

JSP를 쓰려면 jdk를 설정해야한다는 뜻인데요. 보통 JDK를 깔고, 이클립스를 실행하면 디폴트로 JRE가 잡혀있어요. 이걸 JDK로 추가해서 바꿔주시면 돼요.

이클립스에서 Window -> Preferences -> Java -> Installed JREs선택.
Add -> Standard VM -> JRE home에서 Directory선택해서 JDK주소를 찾으세요.
디폴트로 설치하셨다면 C:\Program Files\Java\jdk1.6.0_12 여기에 있을겁니다.
폴더만 선택하고, Finsh를 누르면 추가가 되었습니다. 체크박스를 jdk로 옮겨주세요. 그러면 저 위에 에러 안날꺼에요.

그다음으로 겪는 문제점은....-_- 앱엔진에서 지원안하는 클래스를 쓰는 곳이 있는 것 같아요.
spring mvc를 사용하려면 spring.jar하고 spring-webmvc.jar 두개만 있으면 되는데요. 이거 두개 lib폴더에 넣어놓고 서버에 디플로이 시키면

exception is java.lang.NoClassDefFoundError: javax/naming/NamingException

App engine로그를 볼 수 있는데, 거기서 로그를 보면 클래스를 찾을 수 없다고 나와요. spring-orm.jar에서 쓰는 것 같더라구요. 어차피 구글앱엔진은 jdo만 지원해서 jdo only라이브러리가 있습니다-_- 그걸로 바꿔주시면 돼요.
전 라이브러리복사할 때
spring-beans.jar, spring-context-support.jar, spring-context.jar, spring-core.jar, spring-jdbc.jar, spring-orm-jdo-only-2.5.6.jar, spring-test.jar, spring-tx.jar, spring-web.jar, spring-webmvc.jar를 복사했네요.
여기서 spring-orm-jdo-only-2.5.6.jar는 저도 어디서 받은거라.....-_-
그러고 디플로이하면 잘 됩니다.

또 한가지 문제점은 eclipse에서 제공하는 dynamic web project에서는 WEB-INF/lib에 library파일을 복사하면 자동으로 클래스를 코드힌트로 쓸 수 있는데, 이놈은 코드힌트를 할 수 없어요-_- 그래서 수동으로 추가를 해줘야해요.
프로젝트 이름에 Properties를 선택하고, Java Build Path에서 Add JARs에서 추가한 spring파일 등을 선택해서 추가해줘야 에러가 안나네요^^(이건 뭐 다른 방법이 있을 지도.....-_-저에게 최선의 방법이였다는 ㅠ)

또 JDO라는 걸 전혀 몰라서 조금 고생했는데, Hibernate같은 orm이더군요. 사실 아직도 잘 모르겠습니다. 좀 더 알아봐야할 것 같네요. orm하면 Hibernate랑 JPA밖에 없는 줄 알았는데, 뭐 디게 많네요ㅠ

또.....-_- localhost에서 Datastore테스트를 하면 war/WEB-INF/appengine-generated라는 폴더가 생겨요. 디비가 저장되는 것 같은데, 저게 있는 상태에서 디플로이하면 안돼요. 지우고 하면 됩니다.

또 이런저런 문제가 있었는데, 기억이 안나네요. 그래도 정말 대단한 것 같습니다. 대세는 클라우드-_-

참고자료
http://peterbacklund.blogspot.com/2009/04/running-spring-on-google-app-engine.html
http://groups.google.com/group/google-appengine-java/browse_thread/thread/f1a541fe52e172dd

[Google App Engine] 자바용 구글 앱엔진을 위한 Google Plugin for Eclipse 설치후기.

(머드초보) — Mon, 27 Apr 2009 23:43:00 +0900

구글 앱 엔진이 자바를 지원하기 시작했습니다.
전 세계적으로 가장 인기있는(?) 언어인 자바를 지원하다니 대단합니다-_-(사실...파이썬 보다 자바나 PHP를 먼저 지원했어야 했을 것 같은데-_- 그때 얘기를 들어보니 앱엔진 담당하는 사람이 파이썬 전문가라는 얘기를 들은 것 같군요-_-)

거기에 더 대단한 것은 파이썬 같은 경우에는 툴 같은 것이 없었는데, 이번엔 이클립스를 이용한 툴까지 제공해줍니다. 구글플러그인인데요. App Engine JAVA SDK랑 덤으로 Web Toolkit SDK까지 깔아주는군요. 게다가 구글 앱엔진에 쉽게 배포까지 할 수 있습니다.

이클립스 설치주소 : http://dl.google.com/eclipse/plugin/3.4 (3.3버전은 뒤에 3.3-_-)
참조문서 : http://code.google.com/intl/ko-KR/appengine/docs/java/tools/eclipse.html

설치를 하게 되면 File -> New -> Other에 보시면 Google이라는 폴더에 Web Application Project라는 프로젝트가 있습니다. 이걸 선택하게 되면 아래와 같은 화면이 나옵니다.

Web Toolkit은 체크를 안해도 됩니다.

프로젝트가 완성이 되면 익숙한(?) 폴더구조를 볼 수 있습니다. src는 java소스부분이 들어가는 곳이고, war부분은 WebContent부분이군요. 안에 더욱 익숙한 WEB-INF도 있어요-_- 라이브러리 마구 처박아도 되나-_- web.xml도 있군요.

자 그럼, 손쉬운 배포를 해봅시다. 갓난애기도 할 수 있는 앱엔진 배포!(과연..-_-)
war -> WEB-INF폴더에 appengine-web.xml파일을 엽니다.

<?xml version="1.0" encoding="utf-8"?>
<appengine-web-app xmlns="http://appengine.google.com/ns/1.0">
    <application>mudchobo</application>
    <version>1</version>
    
    <!-- Configure java.util.logging -->
    <system-properties>
        <property name="java.util.logging.config.file" value="WEB-INF/logging.properties"/>
    </system-properties>
    
</appengine-web-app>

<application>부분에 자신이 애플리케이션 생성 시 입력한 Application Identifier를 입력합니다.

그리고, 프로젝트에 대고, 마우스오른쪽 버튼을 누르면 Google이라는 메뉴가 있습니다.
Deploy to App Enigne이라는 메뉴를 선택합니다.

자신의 App Engine계정을 입력하면 바로 배포할 수 있습니다.

http://mudchobo.appspot.com/ 여기에 배포가 되었습니다.

Spring 등의 라이브러리도 다 되는거겠죠?-_- 이번 연휴에 삽질을 해봐야겠습니다.

PS. 혹시나 파일의 용량제한이 있나테스트해봤더니 10메가 이상파일은 안올라가네요.
Unable to upload app: Found a file too large to upload: "C:\Users\mudchobo\AppData\Local\Temp\appcfg3803788145857696233.tmp\Aptana Studio.zip". Must be under 10000000 bytes.

[Flex] DataGrid에서 스크롤바 Thumb(선택하는바) 크기 고정시키는 유틸.

(머드초보) — Thu, 23 Apr 2009 23:59:14 +0900

보통 DataGrid에서 ScrollBar는 아이템개수가 화면에 표시하는 개수보다 많으면 생기는데요. 개수가 많을 수록 Thumb부분이 더 작아지죠. 이 Thumb크기를 고정시키려면 찾아본 결과 Scrollbar속성에 scrollThumb부분이 있는데, 그걸 없애고, 새로 고정된 Thumb으로 교체를 시키는 방법이 있더라구요.

http://npacemo.com/wordpress/2008/05/20/flex-3-designer-scrollbar-fixed-size-scrollthumb/
소스는 자세히 보시면 그리어렵지 않지만, 이분께서 유틸을 너무 잘 만드셔서-_- 그냥 가져다 쓰시면 됩니다-_-

저 글에서는 Canvas의 스크롤바를 했지만, DataGrid라고 뭐 다를 거 없습니다.
음....데이터그리드는 커스텀 컴포넌트를 만드셔서 updateDisplayList를 오버라이딩해주시면 됩니다..


<?xml version="1.0" encoding="utf-8"?>
<mx:DataGrid xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        <![CDATA[
            import com.soribada.utils.fixedthumb.ScrollBarUtil;
            
            use namespace mx_internal;
            
            override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
            {
                super.updateDisplayList(unscaledWidth, unscaledHeight);
                ScrollBarUtil.replaceScrollThumb(verticalScrollBar);
            }
        ]]>
    </mx:Script>
</mx:DataGrid>

DataGrid는 verticalScrollBar라는 객체가 있는데, 이것을 고정된 ScrollBar로 바꿔주면 됩니다^^

PS. 그냥 뭐 전 찾는데 오래걸려서 혹시나 필요한 사람이 있을까봐 올립니다ㅠ

[DCC 행사후기] 제1회 닷넷 커뮤니티 컨퍼런스에 다녀왔습니다.

(머드초보) — Mon, 20 Apr 2009 00:16:58 +0900

사실.....닷넷 기술 안써봐서 잘 모르는데, 세미나는 꾸준히 참석하는 머드초보입니다-_- 지금 입으로는 실버라이트를 코딩하곤 있는데, 시도는 안해보고 있네요 ㅠㅠ

우선 선착순 100명 중 50명 추첨해서 책준다고 해서 일찍가려고 나왔는데, 도착하니 9시였습니다. 번호표를 받고 나니......105번입니다-_- 젠장....-_-
행사중에 가장 맘에 들었던 것은 무한리필 팝콘입니다-_- 마치 영화관에 온 듯한.....MSDN POPCON이라는 것을 홍보하려고 팝콘가지고 온 것 같은데, 맛있고 좋았어요!

9시30분 좀 넘어서 시작했는데요. 훈스닷넷 세미나는 몇번 참석한 경험이 있어서 닷넷계에서 익숙한 분이신 박경훈씨께서 진행을 하셨구요. 진행은 참 잘하는 것 같아요-_- 시작 시 썰렁한 양반김 개그로 시작을..-_-

1. 화려한 개발자로의 준비

전 허광남씨 이름이 여기에 왜 있지라는 생각을 좀 가졌습니다. Java진영의 분이라고 생각했기 때문입니다. 하지만, 이번 프로그램에서는 닷넷이든, 자바든 간에 개발자에 대한 주제로 진행된 것이기 때문에 오랜 개발자들의 선배들이 나와서 토론을 하는 시간이였습니다(하지만, 허광남씨는 결석하셨죠^^).
시작전 조금 결과가 이상한 설문조사 결과를 보여주더니 나중에 뻥이라고 하시더군요-_-

첫번째 토론 주제는 경력관리에 관한 주제였습니다. 경력관리는 개발자직종에서는 평생 해야한다고 저는 생각하고 있기 때문에-_- 그리 자세히 듣지 않았습니다.

두번째 토론 주제는 항상 논의 되는 부분인 스페셜리스트냐 제너럴리스트냐 하는 겁니다. 다양한 의견이 나왔는데요. 의견은 비슷했던 것 같습니다. 사실 개발자 분야에서는 어떤 특정 한분야만 판다는 것은 말이 안됩니다. 어떤 분야를 파기 시작하면 다른 어떤 분야도 조금 알아야합니다. 하지만, 천재가 아닌 이상 모든분야의 스페셜리스트가 될 순 없겠죠^^ 참 고민적인 부분이긴 합니다만, 전 한분야의 전문가 보단.....제너럴리스트가 더 매력적이군요. 하지만, 좀 더 나이가 들면 스페셜리스트로 가야하는 게 맞긴 맞을 것 같습니다. 휴....결론이 없네-_- 토론자중에 원하는 걸 파고, 다른 분야는 커뮤니티를 잘 활용해서 배워가라 라는 의견도 있었네요^^

세번째 토론 주제는 실력에 대해 한단계 상승에 슬럼프 극복은 어떻게 할 것인가 라는 주제였습니다. 아...중간에 돌잔치에 마우스가 나오고 있다라고 하셨는데, 사실인가요-_- 내 자식 돌잔치에는 마우스가 안 올라왔으면하는데-_- 암튼, 슬럼프극복이야 뭐 어쩔 수 없는거라고 생각하는데요. 뭐든 실력 향상에는 상승곡선이 있다가 중간에 정체기가 있다가 그런 식으로 진행이 됩니다. 프로그래밍이든 뭐든 간에 다 그런 것 같습니다. 자신의 끊임없는 노력과 인내심을 투자해야 극복할 수 있는 부분인 것 같습니다. 레벨업을 즐겨라~ 자부심을 가져라~ 커뮤니티활동을 하라 등의 의견이 있었네요.

그 외에 영어 부분 얘기를 좀 했었던 것 같은데, 전 영어회화는 바라지도 않습니다. 우선 기술문서를 한국말처럼 쉽게 읽었으면 합니다ㅠ 영어로 되어있어 너무 힘이 듭니다. 기술문서에 대한 번역을 해서 영어실력을 쌓아야겠습니다(과연...-_-)

2. 닷넷의 현주소와 그 미래

저는 닷넷의 주가가 한참 올라가고 있을 때 프로그래밍을 배우기 시작했습니다. C#이 뜬다!라고 해서 책도 막 쏟아지고 그랬는데, 몇년뒤에 바로 죽어버렸던 기억이 나네요-_- 여기서도 .NET의 역사를 소개하면서 얘기를 해주시는군요.
그나저나 Visual Studio 2010이 나온다네요-_- 왜 이렇게 빨리 내는거지-_- 뭐가 바뀌긴 하는건가요. 아직 베타버전도 아닌 CTP버전을 가지고 왔는데요. 여러 좋은 기능이라고 소개하는 기능을 보면 왠지 다 이클립스에 있다라고 느끼는 기능이 몇개 있었던 것 같네요. 아...좀 맘에 드는 기능은 다이어그램을 자동으로 만들어서 타인의 소스분석을 쉽게할 수 있는 기능이 있다라고 하네요. 아주 멋집니다^^ 개발툴이 점점 발전하게 되면 개발자들의 위치가 더 떨어지지 않을까 라는 멍청한 생각을 조금 해봅니다-_- 하지만, 개발툴이 발전하면 개발자들은 더 좋아지는 것은 사실이죠^^ 스트레스를 덜 받을 수 있으니까요^^
그 외에 꼭 알아야할 기술 3가지를 말씀해주셨는데요. 역시 닷넷쪽 기술은 전혀 몰라서....눈에 띄는 것은 역시나 고화질 스트리밍이네요. 비주얼하다보니...-_-

그 다음으로 ux세션과 개발자세션으로 나눠서 진행이 되었는데요. 닷넷기술을 전혀 모르다보니, 그냥 비주얼을 느길 수 있는 UX세션에 오링했습니다.

3. 국내UX사례보기

처음에 안철수연구소에서 개발한 ATM을 보여줬는데요. MFC로 할까 WPF로 고민하다가 WPF로 결정했는데 성공적으로 끝났다 뭐 그런얘기였습니다. 우선 모니터링 툴 같은 프로그램이였는데, 저도 WPF로 하는 게 훨씬 나았을 것이라고 생각이 드네요. 모니터링 툴은 비주얼하고 사용자가 편하게 볼 수 있는 형태로 제작되어야 하는데, WPF로 하게 되면 이런 UI를 손쉽게 개발할 수 있는 장점이 있었겠지요. 확실히 UI가 편리해야 사람들이 더 많이 쓰게 되는 것 같아요. UX는 정말 연구해야할 분야인 것 같습니다^^
그 다음으로 휴즈플로우에서 발표를 하셨는데, 실버라이트와 같이 성장한 회사여서 그런지 실버라이트 부분에 대해서는 최고가 아닌가 싶습니다^^ 예전 실버라이트 세미나갔을 때에도 휴즈플로우에서 항상 발표를 하셨는데, 이길복(아....길버트님이 예전에 조커분장하신 분 맞죠?-_-)님이 항상 발표를 하셨던 것 같아요. SHOWHOT이라는 프로젝트를 소개했는데요. 여기서 인상깊었던 것은 샘플데이터는 무조건 소녀시대로 해야지 작업 능률이 향상된다라는 것입니다. 저도 항상 샘플을 만들 때 소녀시대를 이용해서 만드는데-_-(재미있었던 것은 UX세션 4개중 3개에서 소녀시대를 본 것 같습니다-_-) 암튼, 다양한 UX사례를 보니 좀 더 UX를 공부하고 싶어졌네요^^

4. 실버라이트 3의 등장과 디자인/개발 패러다임의 변화

실버라이트3의 등장으로 디자이너와 개발자간의 협업을 어떻게 할 것인가에 대해서 직접 라이브코딩으로 데모를 시연해주셨습니다. 실제 들어갈 데이터를 샘플로 넣어서 실제 데이터가 들어간 상태를 디자인할 수 있는 장점이 있었습니다.
가장 인상 깊었던 것은 디자이너도 개발자가 준 라이브러리를 이용해서 개발자 흉내를 내면서 디자인할 수 있다는 것입니다. 즉 실제 화면을 미리보면서 디자이너는 디자인을 하게 되는 것이죠. 그런 기능이 Behaviors기능이라는 것이였는데요. 마지막에 개발자가 준 물리엔진 라이브러리로 디자이너가 혼자서 핑퐁게임을 만듭니다-_- 이걸 보면서 다들 저랑 같은 생각을 하셨을건데요. 디자이너한테 이걸 시키면 배째라고 할 것 같아요-_- 그래도 보통 디자인할 때 여기저기 디자인해주세요~ 하는 것보단 실제로 돌아가는 것에서 디자인을 하게 되면 더욱 완벽한 디자인을 할 수 있겠죠^^ 매우 좋은 기능이였던 것 같습니다. 실버라이트 3랑 익스프레션 스튜디오3가 기대되네요^^

5. GUI를 넘어 NUI의 세계로 – 서피스 컴퓨팅 그리고 윈도우7

말로만 듣던 Surface를 가져왔습니다. NUI가 뭔가 했는데, Nature User Interface라고 하더군요. 비전필름영상을 하나 보여줬는데요(예전에 본 기억이 있는 듯^^), 사람 주변이 전부 모니터고 조작을 할 수 있는 환경입니다. 책상이 대쉬보드로 변신을 하거나 컵에 정보를 보여주고, 사물인식을 통해 자신만의 정보를 볼 수 있는 등의 편리한 IT세상을 보여주는 영상이였습니다. 이걸보면서 느낀 건...나중에 개발자가 굶어죽진 않겠구나-_-라는 생각이 먼저드네요-_-
암튼, 서피스 데모를 보여주는데, 정말 신기했습니다. 더욱 신기한 것은 서피스애플리케이션도 손쉽게 개발할 수 있다는 것을 보여줬습니다. 데모를 보여줬는데, 별다른 OS가 있는 것도 아니고, 그냥 Windows Vista에서 WPF형태로 개발을 하는 것이였습니다. 멋지네요^^
손으로 모든 것을 조작하게 된다면 확실히 편한 세상이 올 것 같네요^^

6. Full 3D 기반의 위 리모트 컨트롤 인터페이스 개발

가장 재미있었던 세션이네요^^ 저는 집에 Wii가 있는데요. 위 리모콘이 블루투스 통신이 되는지 몰랐네요^^ 이번세션을 듣고, 적외선탐지기를 지를 뻔했습니다ㅠ
처음에 시트콤형태로 진행을 했습니다. 두분이서 티비를 보다가 슈퍼주니어가 몇명이야 물어봤는데, 위 리모콘을 이용해서 브라우저를 띄우고, 연관검색어를 노출 시키는 것을 보여줬습니다. 위 리모콘도 잘 조작하면 마우스처럼 쓸 수 있죠^^(Wii를 해보신 분들은 알겠지만, 위 리모콘으로 FPS게임도 합니다-_- 많이 하다보면 마우스 못지않은 조작력으로 게임을 즐길 수 있죠^^ 사실 마우스도 처음에 만졌을 때 힘들었던 것 처럼 위리모콘도 처음에는 힘든데, 적응하면 최고죠-_-)
또 다른 데모로 위리모콘을 이용한 드럼을 보여줬는데요. 이건 제가 Wii Music을 해봤기때문에^^ Wii Music이 자꾸 생각이 나더군요^^ Wii Music에서도 가장 재미있었던 것이 드럼이였던 것 같네요. 드럼은 정말 재미있어요^^ 자신이 진짜 드럼을 치는 것 같거든요. A를 누르고 치면 심벌을 치고, B를 누르면 뭐 다른 것을 치고, 그렇게 해서 많은 드럼을 조작하여 칠 수 있는 구조죠. 보여준 데모도 그런 식으로 구현이 되어있었나봅니다^^ 여기서도 소녀시대 음악을...-_-

오늘 참 재미있고 신기한 것을 많이 봐서 즐거웠네요^^ 이런 행사를 자주 다니는데요-_- 갈 때마다 이건 집에가서 해봐야지 하는데, 맨날 귀차니즘에 빠져살았네요-_- 이제 슬럼프에서 벗어나야할 것 같네요. MS도 실버라이트와 UX에 많은 투자를 하고 있는 것 같네요. 좋은 현상입니다. 저도 좀 더 UX대해서 공부하고 싶기는 하지만....프로그래밍 기초부터 다시 배워야겠습니다-_- 막코딩에서 어서 벗어나야할텐데요-_-

PS. 마지막 추첨은 역시나 안되는군요ㅠㅠ

[머드초보의 일상] 한글문제 공동대응팀 해오름 모임 후기

(머드초보) — Sun, 19 Apr 2009 02:55:43 +0900

음 일주일전에 갔었는데, 이제야 후기를 남기네요-_-
아....펜을 안가져가서 메모를 못하고 왔어요-_- 일주일이 지난 지금 내용을 거의 다 까먹었어요ㅠ 더듬더듬 작성해볼랍니다-_-

1. Flash Platform 게임개발 노하우 - 이정웅님
예전에 구글코리아에 갔을 때 FaceBook이나 오픈소셜 애플리케이션이 돈이 된다는(?) 얘기를 듣긴 했습니다만, 플래시게임을 개발하시는 이정웅님 말씀을 들으니 실감이 좀 나네요. 구글코리아에서 다양한 성공사례를 얘기했었는데, 플래시로 만든 게임도 있었죠. SNS에 특성이 맞는 게임을 개발하고 계시는 이정웅님 참 대단한 것 같습니다. 개발하고 계신 데모를 보여주셨는데, SNS요소와 RPG의 만남은 참 기발하더군요. 좀만 더 생각하면 더 멋진 아이디어가 나올 것 같아요^^
저도 오픈소셜이나 Facebook을 이용하여 뭔가 해보고 싶은데, 좋은 아이디어가 없군요ㅠ Facebook은 AS3용 라이브러리도 나온판에 어서 삽질을 해봐야할텐데ㅠ

2. FlarToolkit으로 구현하는 증강 현실 - 옥상훈님
이건 회사에서 어떤 분이 보여주셔서 알게 되었던 건데, 여기서 다시 보니 새롭네요. 웹캠을 이용해서 어떤 패턴을 인식하여 보여주는 기술인데, 말로 설명하니 뭔 개소리 같네요-_- 직접 보시는 게 가장 빠르죠^^

ActionScript 3.0과 웹캠으로 이런 짓을??? – FLARToolKit, Away3D, WOW-Engine - 지돌스타님 블로그

아직 뭔가 응용할 수 있는 게 나오진 않았지만, 조금만 더 연구하면 멋진 기술이 나올 것 같기도 합니다^^

3. Flash Platform 한글문제 - 이희덕님
음 한글문제가 심각함은 예전부터 좀 느꼈지만, 생각보다 많네요. AIR에서 한글 지울 때 좀 남는거-_-밖에 몰라서-_- 암튼, 공동대응팀에서 이렇게 신경을 써주시니 감사할 따름이네요. 어도비에서 잘 고쳐줬으면 좋겠네요^^ Flex4에서도 발생하는 문제점도 찾으시다니 대단하십니다. Flex4에서는 완벽하게 고쳐졌으면 좋겠네요^^

4. 잡부 Flex 개발자를 위한 Flex 스킨 - 김학영님
음 잡부 Flex개발자.....슬프군요ㅠ

5. Creating visual Experiences with Flex - 이준하님
아....여기서부터 뭔말인지 몰라서 집중력을 잃었습니다. 메모도 안해가지고 오고, 일주일이 지나고 나니, 뭔가 생각이 안나네요-_-

오늘 흥미가 간 주제는 Flash Game이였습니다. 사실, 전 게임개발자를 꿈꿔왔다가 다른 길로 빠져셔-_- 게임에 아직도 미련을 못버리고 있었거든요. 근데, Flash로 MMORPG도 만들고, 정말 멋지군요.
이런 모임을 직접 다 준비하셨다니 정말 대단하군요. 앞으로 이런 모임이 자주 있었으면 좋겠네요^^ 참 즐거운 시간이였습니다^^

PS. 아......마음의 소리 책 갖고 싶었는데.....-_- 제가 39번인가 그랬는데, 38번이 나왔었어요 ㅠㅠ

[Flex] Stratus를 이용한 P2P방식의 Flash간에 1:1 다이다이 오목게임-_-

(머드초보) — Mon, 06 Apr 2009 23:09:19 +0900

젠장... Flash Player 10에서 생기는 버그를 발견했습니다.
TextInput에서 enter이벤트에 자신의 TextInput의 초기화하는 코드가 있으면 초기화가 안됩니다 ㅠ 9버전으로 컴파일하면 되는데, 10으로 컴파일하니 안되네요 ㅠ 몇시간 잡아먹었어요 ㅠ 하소연은 여기까지....-_-

우선 Stratus라는 기술은 Flash간에 통신을 가능하게 해주는 기술인 듯합니다.
자세한 내용은 아래에......-_-(영어는 잘 못하니....)
http://labs.adobe.com/technologies/stratus/

Adobe RIA공식사이트에서 오창훈님께서 올리신 기술문서 "플래시 플랫폼으로 만들어 보는 P2P 채팅 애플리케이션"를 보고 휠받아서 한번 만들어봤습니다. 채팅이 가능하다면, 오목게임도 가능할꺼라는 생각에.....-_- 참 쓸데없는거 잘만든다-_-

http://mudchobo.tomeii.com/flexomok/
위 사이트에 접속하면 서버랑 클라이언트를 고를 수 있어요.
닉네임을 입력하세요 한명은 서버를 한명은 클라이언트를 해야해요.

서버측
서버를 클릭하고, 생성되는 ID를 클라이언트에게 알려주세요.
클라이언트측
클라이언트를 클릭하고, 서버측의 ID를 입력해서 접속하세요~

오목판이 나오면 접속 성공~ 같이 오목을 즐기면 돼요-_-

소스는 여기에 있어요.
http://my-svn.assembla.com/svn/omok/
Mate Flex Framework를 사용했고(이걸 사용해야 스피드한 개발이.....-_-), 소스도 개판이라 보시는데에는 매우 힘드실겁니다. 저도 참 만든게 신기하군요-_-

참고자료

플래시 플랫폼으로 만들어 보는 P2P 채팅 애플리케이션(로그인 후 볼 수 있습니다)
http://www.adoberia.co.kr/iwt/board/board.php?tn=pds_tech&id=244&mode=view

플래시 P2P RTMFP에 대해(예제 파일 첨부)
http://lovedev.tistory.com/entry/%ED%94%8C%EB%9E%98%EC%8B%9C-P2P-RTMFP%EC%97%90-%EB%8C%80%ED%95%B4

PS1. 버그가 조낸 많습니다. 한명이 나가도 뭔가 반응이 없습니다-_- 채팅에서 글을 쓰고 엔터를 쳐도 TextInput에서 지워지지 않습니다. 하지만, 그냥 한게임 즐기기에는 충분합니다 -_-b
PS2. 구글에서 Stratus를 치시면.....이미지검색에 여자 프로레슬러 트리쉬 스트레터스가 나옵니다-_-; 그냥 그렇다구요-_-

[M.C The Max] 엠씨더맥스의 군대가기전 마지막 라이브 앨범 리뷰~

(머드초보) — Fri, 03 Apr 2009 23:06:32 +0900

사실 소리바다에서 신규서비스를 베타오픈한 것에 대해서 리뷰를 쓰려고 했는데, Talk Soribada에 너무 자세히 설명이 되어있어서 앨범리뷰를 하게 되었습니다-_-;

소리바다 신규서비스 앨범퍼가기 기능 - 간단하게 설명하자면, 블로그나 카페에 앨범을 삽입할 수 있는 기능인데요. 1분미리듣기가 가능하구요. 소리바다 이용권이 있으면 전체곡도 감상이 돼요 ^^
http://talk.soribada.com/?p=117

암튼 제가 리뷰할 앨범은 M.C The Max의 첫번째 라이브앨범!

M.C the MAX - 사랑의 시

저도 2007년 전국투어 콘서트할 때 갔었는데요. 인천에 왔을 때 갔었습니다^^ 5집발매 기념으로 콘서트를 열었는데, 저기 삼산월드체육관에서 했죠. 라이브앨범을 들어보니....조금 녹음이 안습인 곡들도 좀 있고-_-; 잘 된 것도 있고^^ 암튼, 맘에 듭니다^^ 다만, 목이 쉬어서 목소리가

1. Returns
제가 5집에서 제일 좋아하는 노래인데요. 녹음이 가장 잘 된 것 같습니다. 불러보면 굉장히 힘든 노래인데, 매우 잘 소화해냈습니다. 티비에서 라이브할 때에는 좀 안습인 영상이 몇 개 있었는데^^

2. Delete
문차일드 때 노래인데, 랩이 있습니다-_-; 이수씨는 노래를 해야합니다-_-;

3. 사랑을 믿어요
쉰 목소리가 들립니다.

4. 해바라기도 가끔 목이아프죠
5집 CD2에 실린 버전입니다. 오리지널 버전이 훨씬 좋습니다-_-

5. 별
2집에서 좋아하는 노래. 나름 낮아서 부르기 쉬운....

6. 그대는 눈물겹다
이수가 눈물겹습니다. 초반에 쉰 목소리가 들립니다. 하지만 후반부를 잘 마무리 짓는군요^^ 상당히 고음이 많이 나오는데, 시원시원 하군요^^

7. 사랑하고 싶었어
전민혁(전홍만-_-)씨가 불렀군요. M.C The Max에서 노래를 담당하고 있는 만수입니다! 하지만, 저는 이수씨가 부르는 게 더 좋군요^^

8. 사랑은 아프려고 하는거죠
타이틀곡들은 너무 많이 들어서-_-

9. 가슴아 그만해
이것도-_-;

10. Doesn't Matter
1집의 명곡을 이상한 리믹스로 망쳐놨군요. 제 기억으론 콘서트 때 Club분위기를 만든다고 해서 몇 곡을 ClubMix한 걸로 알고 있는데, 완전 실패작입니다.

11. Moment
이곡도 같이 ClubMix된걸로 알고 있는데(맞나?), 이건 맘에 드네요. 대체적으로 싫었던 노래가 없던 1집, 5집노래가 전 좋네요.

12. Sixth Sense
2집 때 후속곡으로 가지고 왔다가 바로 접고 들어갔던 그 곡이군요. 중간에 이수씨가 박자를 놓칩니다-_- 가사도 가끔 안하는 것보니, 안좋은 추억이 있는 노래인 것이 분명합니다.

13. 태양은 가득히
문차일드 때 한참 아이돌이라고 불리우던 그때 그 노래입니다. 이들도 아이돌이였죠. 지금은 아저씨들이군요-_-

14. 사랑의 시
엠씨더맥스를 정상에 서게 하고, 대중들에게 많이 알리게 된 노래였죠.

15. 잠시만 안녕
MC THE MAX를 좋아하게 만든 노래군요. X-JAPAN의 노래를 즐겨들었는데, Tears와 비슷한 노래가 나오길래 노래를 듣고 매력에 빠지게 되었죠^^ 시원시원한 노래입니다^^ 중간에 힘들었는지 관객에게 마이크를 넘깁니다. 중간에 저음에서 음정도 불안하군요. 하지만, 마지막에 마무리는 확실하게 하는군요^^

16. You're Falling In Love
이 노래를 찾아보고 알았는데, 문차일드 때 노래더군요. 콘서트하면 꼭 부릅니다. 제가 MC THE MAX콘서트 2번 갔는데, 두번 다 불렀습니다-_- 그냥 콘서트에 맞는 노래여서 부르는 것 같습니다. 신나는 노래거든요^^

17. 붉은 노을
이 노래도 콘서트 때 꼭부릅니다. 마지막에 이 노래로 장식할 때 정말 감동이였는데^^ 중간에 가사 살짝 까먹습니다-_- 아...노래에서 "난 너를 사랑해~" 이 부분에서 안부르는 이유는 콘서트를 가보신 분들은 알지만, 저기서 이수씨가 하트를 그려야 하기 때문입니다...............후....-_-

우와 곡 마다 그냥 생각나는대로 타이핑했더니 상당히 긴 글이 되버렸네요. 최근 이수씨가 카인과 아벨에서 OST에 참여했던데, 군대가기 전 막바지 활동을 하는 듯 합니다. 2년동안 엠씨더맥스의 새로운 정규앨범을 들을 수 없다니 슬프군요. 2년 뒤에 7집이 기다려지네요^^

[Flex/PHP] Zend AMF를 이용한 PHP와 FLEX의 연동삽질후기

(머드초보) — Fri, 27 Mar 2009 01:45:18 +0900

PHP는 HTTPService말고 방법이 없을까 하고 찾아보니, Zend에서 AMF를 이용하여 개발한게 있군요. Adobe의 공식 지원으로 만들어진거라 빠르리라고 생각합니다^^ (적어도 HTTPService보단 빠르겠죠!)

암튼, BlazeDS를 하셨다면 그리 어렵지 않군요.
이번에도 간단하게 소녀시대예제를 통해...접근해봅시다-_-;

간단히 데이터를 불러오고, 저장도 해보는 그런 애플리케이션을 만들어봅시다.

우선 Eclipse에서 php가 가능하도록 해야하는데요. 뭐 그냥 editplus에서 해도 상관없습니다. Zend홈페이지에 가면 자기네들 IDE깔라고 합니다-_-; Zend Studio라는 게 있네요. 뭐 php단은 netbeans를 이용해서 개발하셔도 되고, 이클립스에 있는 PDT를 추가하셔서 해도 상관없어요~ ^^ 전 NetBeans를 선호합니다. 좋아요!

DB입니다.

DROP TABLE IF EXISTS `sosi`.`sosi`;
CREATE TABLE  `sosi`.`sosi` (
  `idx` int(10) unsigned NOT NULL AUTO_INCREMENT,
  `sosiname` varchar(45) NOT NULL,
  `height` int(10) unsigned NOT NULL,
  `blood` varchar(45) NOT NULL,
  PRIMARY KEY (`idx`)
) ENGINE=InnoDB AUTO_INCREMENT=10 DEFAULT CHARSET=utf8;

INSERT INTO `sosi` (`idx`,`sosiname`,`height`,`blood`) VALUES 
 (1,'윤아',166,'B'),
 (2,'수영',170,'O'),
 (3,'효연',160,'AB'),
 (4,'유리',167,'AB'),
 (5,'태연',162,'O'),
 (6,'제시카',163,'B'),
 (7,'티파니',162,'O'),
 (8,'써니',158,'B'),
 (9,'서현',168,'A');

우선 Flex Project를 만듭니다.
여기서 Application server type을 php로 하세요~ php로 하게 되면 설정된 폴더로 swf를 바로 위치시킬 수 있어요!
Project name은 ZendAmfTest -> Web root는 아파치가 돌아가는 폴더를 지정하면 됩니다.
저는 C:\Program Files\Apache Software Foundation\Apache2.2\htdocs여기군요.
Root URL은 http://localhost/ Finish때려주면 ZendAmfTest-debug폴더에 swf가 생기죠.

요 아래 주소에서 ZendAMF를 받을 수 있습니다.
http://framework.zend.com/download/amf
받은 다음에 압축을 풀면 library폴더 안에 Zend라는 폴더가 있는데 통채로 복사해서 src폴더 아래에 놓습니다.

그리고 php파일을 하나 만드세요. ValueObject입니다. Java에서 bean같은..-_-;
SosiVo.php

<?php
class SosiVo {
    public $idx;
    public $sosiname;
    public $height;
    public $blood;
}
?>

이제 서비스를 하나 만들어봅시다. SosiService입니다.
SosiService.php

<?php
require_once 'SosiVo.php';

//conection info
define("DATABASE_SERVER", "localhost");
define("DATABASE_USERNAME", "root");
define("DATABASE_PASSWORD", "mudchobo");
define("DATABASE_NAME", "sosi");

class SosiService {
    public function getData() {
        $mysql = mysql_connect(DATABASE_SERVER, DATABASE_USERNAME,
            DATABASE_PASSWORD);
        mysql_select_db(DATABASE_NAME);
        $query = "SELECT idx, sosiname, height, blood FROM sosi";
        $result = mysql_query($query);

        $ret = array();
        while ($row = mysql_fetch_object($result)) {
            $tmp = new SosiVo();
            $tmp->idx = $row->idx;
            $tmp->sosiname = $row->sosiname;
            $tmp->height = $row->height;
            $tmp->blood = $row->blood;
            $ret[] = $tmp;
        }
        mysql_free_result($result);
        return $ret;
    }
}
?>

php의 array는 ActionScript3의 array와 호환됩니다.
서비스를 만들었으니 EndPoint페이지를 만들어줘야합니다.
amf.php

<?php
require_once 'Zend/Amf/Server.php';
require_once 'SosiService.php';

$server = new Zend_Amf_Server();
$server->setClass("SosiService");
$server->setClassMap("SosiVo", "SosiVo");
echo($server -> handle());
?>

이제 이것을 연결시켜줄 service-config.xml파일을 만들어야합니다.

<?xml version="1.0" encoding="UTF-8"?>
<services-config> 
    <services> 
        <service id="amfphp-flashremoting-service" 
            class="flex.messaging.services.RemotingService" 
            messageTypes="flex.messaging.messages.RemotingMessage">
            <default-channels>
                   <channel ref="my-zend"/>
            </default-channels> 
            <destination id="zend">
                <properties> 
                    <source>*</source> 
                   </properties> 
               </destination>
        </service> 
    </services> 
    <channels> 
        <channel-definition id="my-zend" 
            class="mx.messaging.channels.AMFChannel"> 
            <endpoint uri="http://localhost/ZendAmfTest-debug/amf.php" 
                class="flex.messaging.endpoints.AMFEndpoint"/>
        </channel-definition> 
    </channels>
</services-config>

우선 default로 my-zend라는 채널을 잡았는데, my-zend는 endpoint uri가 ~~/amf.php입니다. 우리가 좀전에 작성했던 endpoint죠. 새로운 서비스가 추가되어 새로운 endpoint를 작성하게 될 때 endpoint파일을 amf1.php라고 했을 때 이곳에 추가해서 channel에 기입할 수도 있고, <mx:RemoteObject>에서 endpoint를 해당 uri로 바꿔주는 방법 2가지가 있습니다.

그럼 이제 Flex쪽으로 넘어가봅시다.
ZendAmfTest.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="vertical"
    creationComplete="creationCompleteHandler()">
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import mx.rpc.events.ResultEvent;
            import mx.rpc.events.FaultEvent;
            
            private function creationCompleteHandler():void
            {
                roSosi.getData();    
            }
            
            private function faultHandler(event:FaultEvent):void
            {
                Alert.show(event.message.toString());
            }
            
            private function resultGetDataHandler(event:ResultEvent):void
            {
                dgSosi.dataProvider = event.result as Array;
            }
        ]]>
    </mx:Script>
    
    <mx:RemoteObject id="roSosi" fault="faultHandler(event)" destination="zend" source="SosiService">
        <mx:method name="getData" result="resultGetDataHandler(event)" />
    </mx:RemoteObject>
   
    <mx:DataGrid id="dgSosi" width="100%" height="100%">
        <mx:columns>
            <mx:DataGridColumn headerText="아이디" dataField="idx"/>
            <mx:DataGridColumn headerText="소녀시대이름" dataField="sosiname"/>
            <mx:DataGridColumn headerText="신장" dataField="height" />
            <mx:DataGridColumn headerText="혈액형" dataField="blood" />
        </mx:columns>
    </mx:DataGrid>
    
</mx:Application>

만약 다른 서비스를 추가하게 된다면, <mx:RemoteObject>에서 endpoint를 다른 url로 잡아주면 됩니다.

<mx:RemoteObject id="roAnother" fault="faultHandler(event)" 
        destination="zend" source="AnothorService" 
        endpoint="http://localhost/ZendAmfTest-debug/another_amf.php">

아님 service-config.xml에서 channel을 다르게 해서 destination을 다르게 설정해도 되구요.

ps1. 다른 예제에서는 2개의 service를 이용한 예제가 없더라구요. 그래서 사실 저렇게 하는 게 맞는지 잘 모르겠습니다. 다른 방법이 있을 수도 있구요^^ 암튼, 제가 삽질한 바로는 서비스당 1개의 php파일을 만들어야 하더라구요.

ps2. PHP를 시작한지 얼마 안되었는데, DB연동 시 한글이 깨지더라구요. 인코딩을 my.ini과 php.ini에 utf-8로 맞췄는데, ???로 인식해서 나오는 경우가 있더라구요. php파일에서 db정보를 출력하니 이상하게 그냥 로컬에서 쳤을 때에는 utf-8로 나오는데, php파일이 출력한 db정보는 latin으로 나올 때가 있더라구요. 이 경우 my.ini파일에 이 부분을 추가해주면 됩니다.
[mysqld] 아래에
character-set-client-handshake = FALSE
client 인코딩으로 강제 셋팅하는거라고 하더라구요. 저는 처음에 ??? 뜨길래 이걸로 해결봤습니다-_-;
아 또 다른 방법으로 쿼리날리기 전에 set names 'utf8'이라고 먼저 날려줘도 됩니다.

mysql_query("SET NAMES 'utf8'");

ps3. 이런...생각해보니 client에서 VO를 안만들어줬군요-_-;

참고자료
http://corlan.org/2008/11/13/flex-and-php-remoting-with-zend-amf/

덧. 채널 못찾는 에러는 아래 주너니님의 댓글을 참조하세요~ 컴파일옵션을 추가해야합니다^^
주너니님 감사합니다 ^^

[영화] 싸이보그 그녀 (Cyborg Girl, 2008) - 액션, 재난, SF, 멜로, 코미디를 한번에~

(머드초보) — Thu, 19 Mar 2009 22:49:09 +0900

여러 장르가 통합된 영화군요-_-;

네이버 출처 줄거리

미래에서 온 사이보그 '그녀'를 통해 남자 주인공 '나'의 운명이 바뀐다는 이야기.

서기 2007년, 또 한 번의 외로운 생일을 맞이한 21살의 지로의 앞에 엉뚱하기 그지없는 여자가 등장한다. 생일 턱을 쏘겠다더니 음식 값도 안내고 튀질 않나, 도망가다 들어간 공연장을 쑥대밭으로 만들질 않나, 아무튼 하는 짓 모두가 엽기적이기 그지없다. 그렇게 영문도 모를 하룻밤을 보내고는 말도 없이 사라졌던 그녀가, 딱 1년 후 돌아온 생일에 다시 나타났다. 하지만 이 여자, 1년 전과는 사뭇 다르다. 말투는 까칠하기 짝이 없고, 주먹은 마징가Z의 친구인지 벽도 부순다. 정식으로 사귀기로 하고 동거까지 시작했지만, 뽀뽀를 해도 별 느낌이 없단다. 왜냐면, 지로의 여친은 사이보그니까.

제12회 부천국제판타스틱영화제의 폐막작으로 선정된 곽재용의 <싸이보그, 그녀>는 <엽기적인 그녀>와 <내 여자친구를 소개합니다>에 이은 소위 ‘여친 3부작’을 완성하는 작품이다. 다양한 엽기행각을 벌이다가도 이내 무슨 비밀인지 모를 기억에 아파하는 여자친구를 보듬던 견우처럼, 지로 역시 이제는 아예 기계가 되어버려 감정도 없이 살갗마저 차가운 사이보그 그녀를 안타깝게 바라본다. 로맨스에 대한 소년 적 기억, 액션에서 멜로까지 다양한 장르에 기반을 둔 발랄한 상상력 등 전작에서 드러난 감독의 관심사는 이제 시간여행이라는 SF적 원형과 만나면서 그 환상성의 외연을 확장해나간다. 한국과 일본의 공동제작으로 완성된 <싸이보그, 그녀>는 성공적 공동제작의 모델을 제시한다는 산업적 측면과 국경을 넘은 문화적 아이콘인 ‘엽녀’ 신드롬을 통해 증명된 대중 문화적 감수성이라는 맥락 모두에서, 아시아를 관통하는 어떤 에너지를 자증하고 있는 작품이다. (부천판타스틱영화제 - 박진형)

음....우선 따지고 들면 한도 끝도 없이 말이 안되지만, 영화니까 말이 되는겁니다-_-; 영화는 영화일 뿐, 따지지 말자입니다. 이 영화를 보게 된 이유가 곽재용 감독님이 감독을 맡았더라구요. 근데, 신기하게 일본 영화입니다-_-;
한일 합작이라네요. 곽재용 감독의 재미있는 영화는 '엽기적인 그녀'와 '클래식'이 있지요. 예전에 클래식에서 보조출연을 했었는데, 조승우 군대보내는 신이였는데, 아침 8시부터 찍더니 5시에 끝났는데, 영화에서는 5분짜리더라구요. 영화를 찍는데 이렇게 큰 공을 들이는 줄 몰랐네요. 보조출연자도 100명됐던 것 같은데-_-;
암튼, 전 엽기적인 그녀와 클래식을 정말 재미있게 봤어요^^ 얘기가 또 샜네-_-;

우선 시공간초월멜로장르인데, 이런 장르는 일본에서 많이 좋아하는 장르인 것 같습니다. 여러 영화가 있었던 것 같은데, 그 중 생각나는 것은 '지금 만나러 갑니다'가 생각나는군요. 여기에 주인공은 '데스노트'의 류크목소리를 맡았죠(또 샌다....-_-). 암튼, 전 내용을 전혀 모르고 봤는데, 마지막에 엄청난 반전이 있어요~ 시공간초월반전-_-;

일본에서는 반전을 좋아하는 것 같습니다......아......아니다. 그거 '말할 수 없는 비밀'은 홍콩영화인가요....-_-; 그것도 전혀 내용을 모르는 상태에서 봐서 반전에 놀랬습니다. 역시 브루스윌리스가 귀신이라는 얘기만 안들으면 다 재미있는 게 반전영화죠.

스토리는 매우 엉성하지만, 전 이런 스토리를 생각해냈다는 것에 좀 높은 평을 주고 싶군요. 스토리를 더욱 탄탄하게 했다면, 더 높은 평을 받았을텐데요^^ 하지만, 사이보그의 액션신도 나오고, 갑자기 지진이 일어나는 재난도 나오고, 미래에서는 온다는 SF도 있고, 그 학교에서 분필던지는 코믹신도 있고, 이런저런 신경을 많이 쓴 것 같아요. 암튼, 국내에서 제목이 비슷한 사이보그지만 괜찮아보다는 훨~~~~~신 재미있네요 ^^

[유틸리티] 텍스트큐브용 플러그인 - 소리바다 뮤비위젯 플러그인 0.1

(머드초보) — Thu, 19 Mar 2009 00:02:56 +0900

소리바다에서 뮤직비디오 위젯을 제공을 합니다. 자기 블로그에다가 뮤비위젯을 달려고 하면 소리바다 사이트가서 선택한 후 퍼가기버튼을 누르고 나서 자기 블로그에 붙여넣어야 하는데요.
이게 귀찮아서 플러그인을 만들게 되었습니다
(사실...그냥 플러그인을 한번 만들어보고 싶었습니다-_-)
문제가 된다면 삭제하겠습니다ㅠ

소리바다 뮤비위젯 : http://podcast.soribada.com/Widget/Widget.html
소리바다 뮤비위젯 공식블로그 : http://sobawg.tistory.com/

Soribada_Widget0.1.zip

사용법입니다.
압축파일을 풀고, 폴더 통채로 plugins폴더에 넣습니다.

텍스트큐브 관리자 화면으로 갑니다.
플러그인 -> 플러그인 목록 -> 목록 중 소리바다 뮤비위젯 플러그인을 클릭하여 활성화 합니다.
그리고, 환경설정을 클릭 합니다.

위와 같은 화면이 뜨는데요.
첫번째 옵션은 자동재생여부를 선택하는 건데요. '네'를 하게 되면, 페이지가 로딩되자마자 뮤비가 재생이 됩니다.
두번째, 세번째, 네번째는 직접입력하는 것이 아닙니다.
아래 뮤직비디오 리스트가 있는데, 원하는 뮤직비디오의 선택버튼을 클릭합니다.

위처럼 자동으로 채워지게 됩니다. 그리고, 저장버튼을 누르면 '사고쳤어요-다비치'의 뮤직비디오가 셋팅이 된 것입니다. 아직 뮤직비디오 제목, 가수명 검색은 안됩니다 ㅠ 차후 버전에 추가를 할 생각입니다(언제가 될까-_-)

그럼 위젯을 달아봅시다.
텍스트큐브 관리자화면에서 꾸미기 -> 위젯 -> 추가가능한 플러그인에서 '소리바다 뮤비 위젯'이 있는데, 오른쪽에 원하는 위치에 올려 놓습니다.

이제 블로그에서 뮤직비디오 위젯이 보일꺼에요.
다른 컴이나 다른 버전에서는 전혀 테스트하지 않았습니다--;
제 텍스트큐브는 1.7.7입니다.

PS. 텍스트큐브 플러그인 올리기가 안되네-_-;

[NetBeans6.5] 넷빈즈 PHP Application 개발하기 - 환경설정(셋팅)

(머드초보) — Sun, 15 Mar 2009 20:43:03 +0900

우선 넷빈즈를 깔면 PHP관련 개발툴이 설치가 되는데요(다운로드 시 PHP가 포함된 설치파일을 받을 시^^).
하지만, php를 돌리기위한 Apache나 PHP, 디버거는 직접 셋팅을 해줘야합니다.
각 사이트에서 최신버전 받으시면 됩니다.
Apache HTTP Server는 웹서버, PHP5는 php, XDEBUG는 PHP디버그해주는 모듈 같습니다^^

Apache HTTP Server - http://httpd.apache.org/download.cgi
PHP5 Engine - http://kr.php.net/downloads.php
XDEBUG - http://www.xdebug.org/download.php

저는 각각 apache_2.2.11-win32-x86-no_ssl.msi, php-5.2.9-1-win32-installer.msi, php_xdebug-2.0.4-5.2.8.dll을 받았습니다.

apache를 설치해봅시다.
Server Infomation을 물어보는데, localhost라고 쓰면 되는 듯 합니다-_-(잘 모르겠네-_-)
그냥 다음신공으로 설치했습니다-_-;
http://localhost/ 하니까 It Works!가 뜨네요.

php를 설치해봅시다.
설치파일 실행하면 Web Server Setup을 물어보는군요. Apache 2.2.x니까 그거 선택하면 됩니다.
아파치 디렉토리 선택하라고 나오는데, 디폴트 설치 시
C:\Program Files\Apache Software Foundation\Apache2.2\여기에 있습니다.
그 다음에서 고생한게-_-; 여기서 Extensions에서 MySQL추가 안하면....MySQLdb연동이 안됩니다-_-; 젠장 나만 몰랐었나. 저는 디비연동php스크립트 코드가 왜 안먹히지 그러고 있었는데, 저거 설치안해줘서 그렇더군요 ㅠ
MySQL이랑 MySQLi는 뭐가 틀린거지-_-; 암튼, 둘다 설치했습니다-_-; 찜찜하면 그냥 풀설치로....-_-;

※php설치 후에 apache를 재시작해야합니다.

XDEBUG를 설치해봅시다.
해당 dll파일을 C:\Program Files/PHP/에 복사를 합니다.
그리고, php.ini파일을 열어서 맨아래에 추가합니다.

zend_extension_ts="C:/Program Files/PHP/php_xdebug-2.0.4-5.2.8.dll"
xdebug.remote_enable=1

셋팅이 완료되었어요. 넷빈즈를 실행해봅시다.

New Project -> PHP -> PHP Application -> Project Name은 Hello Php-_-; -> Run As에서 Local Web Site도 있고, Remote Web Site가 있는 걸보니, 웹에다가 올려놓고, 디버깅도 되나봅니다. 암튼, local에서 할꺼니까 Local Web Site로 선택하고, Finish를 클릭합니다.
index.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>
        <?php
        echo "Hello PHP";
        phpinfo();
        ?>
    </body>
</html>

디버깅도 되는데, 디버깅도 해봅시다.
코드를 이렇게 고치고-_-;

<?php
        $hello = "mudchobo";
        echo $hello;
        $hello = " shit";
        echo $hello;
        ?>

$hello = "mudchobo"부분에 ctrl + F8 또는 라인맨앞에 마우스클릭으로 Break Point를 잡습니다.
디버깅은 페이지단위로 되는 듯합니다. 디버깅은 Ctrl + Shift + F5를 입력하거나 마우스로 파일에 오른쪽버튼 눌러서 디버깅을 할 수 있습니다.
그러면 Server side PHP만 할것인지, Server side와 Client Javascript디버깅을 동시에 할건지 물어봅니다. 넷빈즈는 정말 만능인 것 같습니다. Javascript디버거도 매우 만족 스러운 수준이거든요. 좋아요~
우선 Server side만 할꺼니까 그거 선택하고, Debug버튼 누르면 디버깅이 시작됩니다.

이렇게 브레이크포인트 부분에서 멈춥니다. 아래에서 변수값을 확인할 수 있어요.

근데, 좀 이상한게-_-; Value를 클릭하기 전에는 값을 확인할 수 없어요-_-; 왜 그럴까요....
암튼, 저렇게 변수값이 보이게 됩니다.

작년에 선테크데이에서 넷빈즈행사에서 말했는데, 6.5에서 가장 크게 향상된 기능은 PHP라고 하더라구요. 다른 PHP용 IDE는 안써봤지만, 넷빈즈의 PHP는 정말 강력한 것 같아요. 코드힌트도 너무 잘나오고, 디버깅도 쉽게 할 수 있고-_-; 뭐 그렇다구요 ^^

[영화] 더 레슬러(The Wrestler, 2008) - 최고의 엔터테이너를 보여준 레슬러

(머드초보) — Sat, 07 Mar 2009 14:52:04 +0900

저는 프로레슬링을 즐겨봅니다. 예전에는 꼭 챙겨서 봤는데, 요즘은 시간이 없어서 TV틀 때 그냥 하면 보는 정도입니다. 그래도 www.wrestlebank.com에서 정보를 접하죠^^ 저는 제프하디의 팬입니다만, 데뷔 10여년만에 처음으로 WWE챔피언에 등극했죠. 아마겟돈에서^^ 하지만, 로얄럼블에서 바로 뺏기는-_-; 이제 좀 있으면 레슬매니아할 시기가 오는군요-_-; 또 이야기가 샜군요.

줄거리

신이 내린 연기, 영혼을 울리는 걸작 오직 링에서만이 나를 느낄 수 있다 사랑, 고통, 그리고 영광까지도...

현 란한 테크닉과 무대 매너로 80년대를 주름잡은 최고의 스타 레슬러 ‘랜디 “더 램” 로빈슨’(미키 루크). 20년이 지난 지금, 심장이상을 이유로 평생의 꿈과 열정을 쏟아냈던 링을 떠나 식료품 상점에서 일을 하며 일상을 보내던 ‘랜디’는 단골 술집의 스트리퍼 ‘캐시디’(마리사 토메이)와 그의 유일한 혈육인 딸 ‘스테파니’(에반 레이첼 우드)를 통해 평범한 행복을 찾으려 노력하지만, 냉혹한 현실은 그에게 더욱 큰 상처로 돌아온다.

결국, 죽을 수도 있다는 의사의 경고를 뒤로한 채 그의 생애 최고의 레슬링 매치를 위해 링에 오를 준비를 한다!! 당신 생애 잊혀지지 않을 최고의 감동이 펼쳐집니다!

제가 좋아하는 프로레슬링을 주제로 한 영화다보니 저는 참 재미있게 봤습니다.
처음 포스터를 보고 이건 뭐 호러물인가....라는 생각을 좀 했는데, 영화는 상당히 어둡게 그려집니다. 그리고 카메라 시점이 1인칭 시점입니다-_-; 화면이 주인공인 랜디를 따라가면서 촬영하는 부분이 많더군요.

그리고, 프로레슬링은 다들 아는 것처럼 짜고 치는 게 맞습니다. 하지만, 프로레슬러들은 경기 후, 많은 부상을 입고, 수술도 자주 하게 되는 몸이 많이 망가지는 직업입니다. 이 영화에서 이 점을 스트리퍼인 여자주인공과의 대화를 통해 표현하죠. 짜고 해도, 충분한 연습을 하지 않으면 다치기 마련입니다. 실제로 30분짜리 한경기를 위해 몇일의 연습을 한다고 하더라구요.

주인공인 미키루크라는 배우는 저는 처음 알게 되었는데요. 연기도 참 잘하고, 80년대 유명한 배우인 것 같더라구요. 저는 몸도 좋으시고, 한 40대 정도로 봤는데, 검색해보니 60을 바라보고 있는 나이의 배우시더군요-_-; 연기 열정이 대단하군요. 뭐 레슬링 장면이 너무 잘 표현이 되서 놀랐습니다. 스탬플러랑 유리창매치--;

또한 마지막에 아픈 몸을 이끌고, 자기를 호응해주는 관객을 위해 랜디의 피니쉬(?)인 램잼(맞나-_-?)으로 마무리를 하는 영화. 멋지군요. 램잼은 랍밴댐(RVD)의 파이브스타프로그스플래쉬랑 비슷한 기술인 듯 하군요.

저는 이종격투기같은 진짜 격투기도 가끔 봅니다만, 프로레슬링이랑은 비교대상이 된다고 보지 않습니다. 전혀다른 분야일 뿐만아니라, 그걸 비교한다는 것 자체는 뭔가 틀린 것 같습니다. 프로레슬링을 보는 이유는 스토리라인이죠. 즉, 뭐 한편의 드라마, 시트콤, 최근 뜨고 있는 예능프로그램 같은 거라고 보면 되죠. WWE작가진은 몇백명이 된다고 들었습니다. 또 그것과 화려한 기술들이 보게 되는 이유가 되는 것이죠.
뭐 자신이 재미있으면 장땡입니다...(최근 유행하는 유행어....-_-)

[유틸리티] 아프리카(afreeca)와 동영상재생기능을 합쳐놓은 - 다음 팟플레이어

(머드초보) — Sat, 07 Mar 2009 13:48:40 +0900

아프리카 사람들이 이걸 알면 대량 이동할 것 같은데요. 아프리카보다 안정성 측면에서 우수한 것 같네요. 사실 아프리카도 전 많이 안써봐서 모르겠지만, 아프리카랑 완전 비슷한데요. 음....곰플레이어랑 아프리카를 합친 건가요-_-; 곰플레이어는 재생만 되는 것에 반해, 아프리카는 방송을 하고, 볼 수만 있죠. 이 두가지 기능을 한 번에...올인원이군요. 전 올인원을 참 좋아합니다만-_-;

팟플레이어 다운로드 주소.
http://tvpot.daum.net/video/live/PotplayerSpec.do

아...검색해서 알았는데요. 저는 KMPLAYER를 동영상플레이어로 사용하는데요. 이거 개발자가 판도라라는 회사에 KMPLAYER를 팔고, 다음커뮤니케이션으로 입사를 했다고 하네요. 그래서 개발한 게 팟플레이어인 듯 합니다.

팟플레이어는 KMPLAYER와 완전 비슷한 느낌을 받긴 했는데, 설마가 사람 잡을 줄이야-_-;

우선 맘에 드는 것이 자체적인 동영상플레이어기능이 있는데다가 사용자가 하는 방송이나 daum tv팟에서 live로 해주는(스타리그방송이 대표적이군요) 방송을 볼 수 있다는 것입니다.

이윤열선수...예능 출연해서 그런가요-_-; 화이팅입니다-_-;

동영상 화질도 참 좋고, 아프리카에서 하는 개인방송은 화질이 떨어지거나 버퍼링도 자주 뜨는데, 다음은 대용량처리만큼은 아마 자신 있는 회사이기 때문에(뭐 아직 사용자가 많지 않아서 그럴 수도 있겠네요^^) 버퍼링이나 에러나는 측면에서는 매우 안정적으로 보여주네요.

그래도 스타리그보시는 분들은 많네요. 몇천명씩 보고 있어요. 놀랍네요^^ 그런데도 이렇게 부드럽게 고화질영상이 잘 나오다니-_-; 역시 대단합니다^^

아직 개인방송을 하는 사용자가 지극히 적습니다. 아프리카는 넘처나는데말이죠^^ 한번 방송하는 것도 해봐야겠네요^^

[유틸리티] 속도빠르고 편한 인코더 - 다음(daum) 팟인코더(PotEncoder)

(머드초보) — Sat, 07 Mar 2009 13:16:33 +0900

곰인코더는 아직도 돈을 받고 있군요-_-; 곰인코더보다 뛰어난 것 같아요.

인코더를 여러개를 써봤는데요. 아래는 다 무료인코더입니다^^

Show인코더 : 이건 업데이트가 안되고 있는데요. 한 때 곰인코더가 유료화 되는 바람에 다른 인코더를 찾다가 찾게 되었는데요. 단점이 안되는 동영상도 있고, 변환 시 미리보기도 안되고, 콘솔창에서 막 변환하고, 업데이트도 안되는 여러 단점이 있습니다. 아 자막도 인코딩이 안되는군요.

유마일인코더 : 유마일인코더는 Show인코더 다음으로 대체수단으로 찾던 도중 찾은 건데요. 꽤나 마음에 들었어요. 프리셋설정할 수도 있고, 자막도 함께 인코딩을 할 수 있고, 왠만한 동영상은 다 되더라구요.

코원 미디어센터 - 제트오디오 : 코원에서 변환기가 있다고 해서 한번 써봤는데, 프리셋설정할 수 없는 것같고(프리셋이 다 정해져있는 듯. 코원제품의 프리셋을 다 지원합니다^^), 속도가 정말 쥐약입니다. 거의 실시간보다 안나오더라구요-_-; 제 컴이 꼬져서 그런 것일 수도 있으나 다른 인코더는 최소한 실재생시간보다는 빠르던데^^ 다른 분에 말에 의하면 그래도 가장 안정적이라고 하네요. 아....얘는 오디오 인코딩도 할 수 있어요^^ 얘도 자막인코딩할 수 있구요^^ 그리고, 인코딩하려고 하면 구글애드센스 광고가 떠요-_-;

이것보다 제 마음에 든 인코더는 다음 팟인코더였습니다.
다음팟인코더 주소 http://tvpot.daum.net/encoder/PotEncoderSpec.do

우선 다양한 프리셋을 제공합니다. 이것저것 삽질할 필요가 없는 것 같아요. 저는 COWON S9(스구)때문에 인코더를 찾았는데요(그전에는 핸드폰때문에-_-), 우선 S9에 맞는 설정은 없습니다만, S9는 비디오 크기가 480x272이기 때문에, 제일 잘 맞는 아이리버 -> iriver Dicple D30 CBR설정이 S9에 가장 잘 맞는 듯합니다^^
그리고, 왠만한 동영상은 다 읽고 인코딩이 가능합니다^^
또한 자막 인코딩도 됩니다(코원S9에는 필요없는 기능이지만, 코원S9에서 보여주는 자막이 저는 조금 작다고 생각하거든요. 그래서 인코딩해야하는 동영상은 자막도 같이 인코딩해버립니다-_-)
그리고, 속도도 제일 빠릅니다. 다 같은 코덱으로 인코딩해본 것은 아니지만, 이건 1.5~3.0왔다갔다 하면서 실시간의 절반가량의 속도로 인코딩을 하더군요.
또한 부가기능이 매우 매력적이네요. 동영상 편집을 할 수 있습니다. VirtualDub같은 것에서 할 수 있는 간단하게 원하는 부분만 짤라서 저장이 가능합니다.
또한 다음에서 만든거라 다음TV팟에 업로드도 할 수 있습니다.

인코딩은 파일을 불러와서 원한느 설정을 선택해서 인코딩 시작 누르면 뭐 끝납니다. 자세한 설명은 다음tv팟홈페이지에 잘 설명이 되어있어요^^
http://tvpot.daum.net/encoder/EncoderGuideNewVer.htm

동영상 편집을 한번 해볼까요?
우선 동영상편집 탭으로 이동을 합니다. 불러오기 버튼을 누른 후 원하는 동영상을 선택합니다. 동영상을 왼쪽 화면에 드래그를 합니다. 그런다음에 시작과 끝 아이콘을 클릭하고, 드래그를 하면 원하는 부분을 지정한 후, 삽입버튼을 누르면 끝입니다. 시계같이 생긴 버튼은 정확하게 시간 분초를 입력해서 그부분만 자를 수 있습니다.

시작과 끝이 부분이 지정된 걸 볼 수 있습니다. 삽입버튼 누르면 아래 타임라인에 들어가는데, 그러면 아래 타임라인대로 인코딩이 된 동영상이 만들어지게 됩니다.

하지만, VirtualDub에 비해서 한없이 느리고, 편집하기도 힘들군요. 또한 자막과 함께 인코딩하는 것도 안되는 것 같군요. 대신 장점은 따로 코덱을 설치하지 않아도 인코딩할 수 있고, 텍스트 같은 것도 쉽게 넣을 수 있는 듯합니다.

동영상 편집기능은 아직 좀 부족한 것 같지만, 인코딩 기능은 맘에 드네요.

[Google App Engine] 나의 첫번째 예제 - 소녀시대 나이검색 프로그램-_-;

(머드초보) — Sun, 01 Mar 2009 16:34:08 +0900

역시 예제는 소녀시대를 이용해서.....-_-;
우선 저는 파이썬을 전혀 모르는 상태에서 만들었기때문에 태클환영합니다ㅠ

앱엔진 셋팅은 이곳을 참조 http://mudchobo.tomeii.com/tt/390

우선 편하게 코딩하기 위해서 NetBeans를 이용할 것인데, 이것을 이용해서 애플리케이션을 실행하거나 하지는 않아요. 실행은 cmd창 띄운 뒤, 그냥 수동으로 실행할겁니다(설정을 못해서-_-) 디버깅도 어떻게 하는지 모르겠네요. 할 순 있는건가-_-;

넷빈즈실행 -> New Project -> Python -> Python Project -> Project이름은 GirlsGenerationsAge-_-; -> Finish!
프로젝트 Properties에서 Sources -> Encoding을 utf-8로 변경.

우선 DB모델을 만들어야하는데요.

class Sosi(db.Model):
    name = db.StringProperty()
    birth = db.IntegerProperty()

db.Model을 상속받고, name과 birth라는 property가 있어요. name은 이름이고. birth는 태어난 해입니다.

첫 메인페이지를 만들어야하는데요.

class MainPage(webapp.RequestHandler):
    def get(self):
        path = os.path.join(os.path.dirname(__file__), 'html/index.xhtml')
        self.response.out.write(template.render(path, {}))

이 페이지는 html/index.xhtml파일을 불러오게 되어있어요. 그럼 html/index.xhtml파일을 만들어봅시다.
우선 html이라는 폴더를 source에다가 하나 만들고, 거기에다가
New -> Other -> Other -> XHTML File -> File Name은 index입력 후 finish.
html/index.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>소녀시대 나이검색</title>
    </head>
    <body>
        <form action="/search" method="post">
            <div>소녀시대 멤버이름을 입력하세요 :
            <input type="text" name="name" />
            <input type="submit" value="검색" /></div>
        </form>
    </body>
</html>

메인페이지가 완성이 되었어요! 그럼 이제 요청을 하는 search페이지를 만들어봅시다.

class Search(webapp.RequestHandler):
    def post(self):
        name = self.request.get('name')
        sosis = db.GqlQuery("SELECT * FROM Sosi WHERE name = :1", name)
        sosi = sosis.get()
        if sosi:
            now = time.localtime()
            age = now.tm_year - sosi.birth + 1
        else:
            age = 0
        path = os.path.join(os.path.dirname(__file__), 'html/search.xhtml')
        template_values = {
            'age': age,
            'name': name
        }
        self.response.out.write(template.render(path, template_values))

post요청이 들어오면 post함수를 호출하네요. name에 대한 파라메터값을 받아서 그 값을 이용해 GqlQuery를 날려줘서 sosi객체를 가져옵니다. 그러면 현재 year를 이용해서 나이를 구할 수 있습니다. 그럼 search.xhtml파일에 값을 나이와 이름을 넘겨줘서 요청하게 되어있네요.
html/search.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>소녀시대 나이 검색결과</title>
    </head>
    <body>
        {% ifequal age 0 %}
            {{name}}은/는 소녀시대의 멤버가 아닙니다.
        {% else %}
            {{name}}의 나이는 {{age}}세 입니다.
        {% endifequal %}
    </body>
</html>

저기 html안에 if문같은 것은 Django template language라는 것인데요. JSP에서 jstl같은게 아닐까요?-_-;
암튼 값이 없으면 0을 넘겨주기 때문에 0이면 멤버가 아니고, 나이가 나오면 멤버가 되는 형식으로 되어있습니다.

아래는 이해는 잘 못했습니다만, 어떤 요청이 오면 어떤 클래스를 요청하고 정의하는 것 같은데, 이렇게 쓰이더라구요-_-;

application = webapp.WSGIApplication([
    ('/', MainPage),
    ('/search', Search)
], debug=True)

끝으로 메인페이지입니다.

def main():
    db.delete(Sosi.all())
    Sosi(name=u"윤아", birth=1990).put()
    Sosi(name=u"수영", birth=1990).put()
    Sosi(name=u"효연", birth=1989).put()
    Sosi(name=u"유리", birth=1989).put()
    Sosi(name=u"태연", birth=1989).put()
    Sosi(name=u"제시카", birth=1989).put()
    Sosi(name=u"티파니", birth=1989).put()
    Sosi(name=u"써니", birth=1990).put()
    Sosi(name=u"서현", birth=1991).put()
    run_wsgi_app(application)

뭐 우선 처음 애플리케이션이 실행될 때, DB에 있는 걸 다 날려버리고, 해당 데이터를 삽입하고 시작하게 됩니다.

GirlsGenerationsAge.py

파이썬 전체 코드입니다.

이제 YAML파일을 만들어야 합니다.
New -> Other -> Other -> YAML File -> File Name은 app, Folder는 src폴더로 지정해야합니다.
app.yml

application: ggages
version: 1
runtime: python
api_version: 1

handlers:
- url: /.*
  script: GirlsGenerationsAge.py

우선 script부분에서 해당 py파일을 넣어주면 되고, application에는 App Engine에서 생성한 Application ID를 입력해주시면 됩니다. Girls' Generations Age의 약자로.....ggages(최소 6자기때문에 s를...-_-)

실행을 해봅시다.
cmd창을 열어서 해당 넷빈즈 프로젝트로 이동합니다. 아래와 같이 실행합니다.

C:\Users\mudchobo\Documents\NetBeansProjects\GirlsGenerationsAge>dev_appserver.py src/

그리고, http://localhost:8080 으로 브라우저를 띄워서 접속해봅시다.
실행이 제대로 된다면, 이제 구글에 올려봅시다.

C:\Users\mudchobo\Documents\NetBeansProjects\GirlsGenerationsAge>appcfg.py update src/

이렇게 하면 처음하는 경우에 구글계정의 아이디와 비밀번호를 물어봅니다. 입력하면 바로 디플로이됩니다.

http://ggages.appspot.com/에 접속하면 디플로이 된 것을 확인할 수 있습니다. 자신의 계정에 맞게 디플로이하면 되겠죠?^^