구준호의 블로그

앱 검색 사이트

2012-01-21T14:31:00.002+09:00

private 멤버는 underscore를 suffix로 주는 코딩 스타일

2010-04-08T00:07:00.000+09:00

멤버 필드의 이름 뒤에 underscore(_)를 붙이는 네이밍 방식을 구글 코딩 스타일에서 본 적이 있는데 왜 그게 좋은지 궁금했었다. 갑자기 또 생각나서 찾아봤는데 가독성 때문이란다.

"Indicating class scope by using underscore makes it easy to distinguish class variables from local scratch variables. This is important because class variables are considered to have higher significance than method variables, and should be treated with special care by the programmer. ... (중략)... latter is recommended because it seem to best preserve the readability of the name."

출처 :
http://stackoverflow.com/questions/1630412/is-using-underscore-suffix-for-members-beneficial

http://geosoft.no/development/cppstyle.html

같은 AIR 애플리케이션 여러번

2010-04-06T00:24:00.000+09:00

살다보면 같은 AIR 앱을 여러번 띄우고 싶은 경우가 있다.

그 경우 C:\Program Files\MyApp\META-INF\AIR 에 있는 application.xml파일의 <id /> element의 text 값을 바꿔주면 된다. 새로 앱을 띄울때마다 바꿔줘야 하기 때문에 프로그래밍 코드로 처리해 주는 것이 좋은데, 다행히 MyApp 안의 디렉토리는 제어권한이 있다.

출처 : http://stackoverflow.com/questions/2217307/starting-an-adobe-air-application-multiple-times

AS3.0 Package 외부에 클래스 정의하기

2010-04-03T22:57:00.000+09:00

"one class in each file can be made available to code that is external to that file. In other words, only one class in each file can be declared inside a package declaration. You must declare any additional classes outside your package definition, which makes those classes invisible to code outside that source file. The name of the class declared inside the package definition must match the name of the source file."

추가적인 클래스들을 패키지 밖에 정의할 수 있고 이렇게 정의된 클래스는 소스코드 밖에서는 보이지 않게 된다.

출처 : http://livedocs.adobe.com/flex/3/html/help.html?content=03_Language_and_Syntax_05.html

Unable to load config info from /usr/local/ssl/openssl.cnf

2010-04-02T23:58:00.000+09:00

OpenSSL을 사용하는데 다음과 같은 에러가 났다.

"Unable to load config info from /usr/local/ssl/openssl.cnf"

이는 openssl.cnf의 위치가 지정되어있지 않아서 생기는 에러다.

에러가 나는 명령 끝에 -config "openssl.cnf의 위치"를 입력하면 해결된다.

AIR NativeWindow에서 Window 얻는 방법

2010-03-25T17:44:00.000+09:00

AIR에서 activeWindow(active 상태의 윈도우)에 Alert을 띄워야 했다.

우선 Alert을 특정 Sprite의 자식으로 띄우는 방법은 다음과 같다.

Alert.show("", "", 4, 자식);

AIR에서 여러 대화창 중에 가장 상위에 존재하는 대화창에 Alert을 띄우려면

가장 상위의 대화창를 얻어서 위의 Alert의 네 번째 인자로 주면 된다.

가장 상위의 대화창을 얻어서 Sprite를 또 얻으려면 아래처럼 하면 된다.

((NativeApplication.nativeApplication.activeWindow.stage.getChildAt(0) as WindowedSystemManager).document as Sprite)

이건 뭐..

중독성 퀴즈게임 과로사

2010-03-07T15:21:00.000+09:00

내가 제일 좋아하는 스테이지

다 풀었다.

과로사라는 게임이다. 회사원으로 보이는 주인공을 일로부터 해방(?)시켜 주는 것이다. 과로사1을 받아다가 풀었는데 퀴즈 푸는 재미가 쏠쏠하다.

Method Chaining

2010-02-28T20:29:00.000+09:00

메소드가 자신(this)을 리턴하여 메소드에 메소드를 연결하며 호출할 수 있게하는 기법의 정확한 이름은 Method Chaining이다(http://martinfowler.com/dslwip/MethodChaining.html). 이전 포스트에서 DML-style operations라고 표현해도 되나 의문을 가졌었는데 잘못된 것이다. Java 7에서는 이 기법이 아주 이디엄이 돼버렸는데 Chained Invocation으로 불린다.

소트웍스 앤솔러지를 보면 이와 비슷한 방법으로 마틴 파울러가 ruby 위에서 DSL을 구축해 나가는 과정의 글이 나온다. method chaining을 사용하여 문제영역을 표현하는 방법을 보이는데 언어위에서 DSL을 구축하는 방법으로 쓰이는 것이다(물론 ruby라는 동적 언어의 장점을 사용하여 DSL을 구축하는 방법이 추가되어 있다). 병특 시절 실용주의 프로그래머를 보면서 DSL에 매력을 느꼈었다. 그런데 좋긴 좋은데 언어 위에 다른 언어를 만들어 낸다는 내용을 읽으며 뭔소린가 하던 기억이 난다. 그리고 대신 Lex & yacc 펼쳤다는 ㅎ.

묵혀둔 질문 몇 개가 한 번에 해결됐다.

GUI 한 번 하려다가.

2010-02-28T20:10:00.000+09:00

인터넷에서 찾아보고 결론은 shoes 괜찮아 보인다였다. 그러나 모든 사이트가 열리지 않자 이것 저것 찾아본 결과 shoes를 제작한 _why가 활동을 접었다는 내용을 찾았다. 이미 오래된 이야기였다.

On 19 August 2009, his online presence was drastically truncated; his accounts on Twitter and GitHub were shut down, along with many of his personally maintained sites. His projects have since been collected and centralized on the whymirror GitHub account. -- [출처 : 위키피디아]

_why가 트위터를 지우기 전에 마지막으로 작성했다던 내용

If you want your programming to be remembered, make a game.
Everything else you write will be obsolete in a year, and won't run on available systems in two or three.
Yet people spend huge amounts of energy on systems to keep games alive.

programming is rather thankless.
you see your works become replaced by superior works in a year.
unable to run at all in a few more. -- [출처 : kldp]

결국 Tcl/Tk 를 깔고 쓰고있긴 한데 씁쓸하다.

어머 5등

2010-02-28T16:51:00.000+09:00

깜짝이야.

GMail이 안된다.

2010-02-16T03:02:00.000+09:00

GMail이 안된다. 나만 그런가?

Flash Builder, Flex Builder에서 Task plugin 사용하기

2010-01-28T02:56:00.000+09:00

google reader를 켰는데, 아니 이건 무슨 일이야? 얼마전에 적은 주석에 대한 글에 답변과도 같은 글이 올라와 있는 것이다.

내용은 Flex Builder, Flash Builder에서도 TODO, FIXME를 쓸 수 있는 플러그인이 있다는 것.

글은 Flex Builder 2 기준으로 쓰여있지만 Flash Builder에서도 된다.

1. Flex Builder 2 Task Plugin 1.0.0을 다운받고 압축을 푼다.

2. plugins 디렉토리를 Flash Builder plugins에 덮어씌운다.

3. Test.mxml 은 테스트 파일이니 필요없다.

4. Flash Builder 기준으로 다음을 실행한다.

메뉴 -> Window -> Other Views... -> General -> Tasks

주석 패턴

2010-01-25T23:27:00.000+09:00

iPhone 개발을 위해 Xcode를 사용하던 무렵에는 이런 주석들을 많이 달았다.

// TODO:

// FIXME:

// ???:

// !!!:

개발툴인 Xcode에서 이렇게 달린 주석들은 따로 관리를 해주기 때문이다. 이클립스에서도 // TODO: 를 지원해주던 것으로 기억한다.

유닛테스트 코드 커버리지 수치 높이기

2010-01-25T17:37:00.000+09:00

Coverage 20%에서 80% 올리기는 쉬웠는데 오늘 테스트 추가하고 전체 커버리지 확인하니까 83%다. ㅎ

혼자 일하면 준비해야 하는 것

2010-01-24T21:26:00.000+09:00

1. FlexPMD

2. Flex Coverage

3. Flex mojos, maven, with hudson.

4. git

5. 연습장

6. -Bemga- 간식

7. 포맷, OS 자동 설치. 백업 & 리스토어 자동화.

트리 구조에서

2010-01-24T17:15:00.000+09:00

트리 구조에서 고민이 생겼다.

다음과 같은 구조를 만들었다.

(1)

H 밑에 Is,

Is 밑에 J,

J 밑에 Ks,

Ks 밑에 K

복수 데이타를 담고있는 콜렉션 층이 없어지면 좋지 않을까 생각했다. 다음처럼 생각했다.

(2)

H 밑에 I,

I 밑에 J,

J 밑에 K

그러나 생각해보니 (2) 구조를 사용하면 다음과 같은 상황에서 불편해진다.

(3)

A 밑에 Ks

(1)을 사용하면 Ks를 바로 사용하면 된다.

(2)의 경우 어떻게든 하려면 J를 써야하는데 J와 Ks의 의미가 다르다.

(3)의 경우가 생기지 않는다면 (2)가 더 좋을지 의문이 생기긴 하다.

자식의 메소드를 대신 실행하는 헬퍼 메소드가 복잡해 보인다는 생각이 들어 고민을 했는데 이는 위 상황때문에 생기는 문제가 아니다. (2)의 경우라도 헬퍼 메소드를 넣으려면 필요하다.

tree.H
.addI
(
I.createI().setID("1").setName("일")
)
.addI
(
I.createI().setID("1").setName("일")
)

헬퍼 메소드는 별 것은 아니고 hibernate의 DML-style operations을 참고삼아 만든 것이다. add, get, remove 형태의 콜렉션 메소드들은 데이타를 생성하고 추가할 때 자식 오브젝트를 생성하고 추가를 해야한다. 코드 상에서 생각하면 추가 작업(add method)의 등장이 자식의 생성보다 늦게 나타난다. 복잡한 부모-자식 구조라면 코드를 읽는 시간을 늘린다(고 생각하는데 아닐 수도 있겠지만 나는 그렇다). 그래서 사용한 방법은 마지막으로 넣은 object가 자신을 return 하여 점(.)을 찍고 추가 연산을 가능하게 하는 방법이다. 이렇게 하면 부모가 더 위에 나타나고 자식은 밑에 나타난다. 들여쓰기까지 사용하면 더 구조적으로 보인다. 더러 쓰이는 방법으로 알고있다. 예전에 JAVA nio 쓸때도 이런 메소드들이 많았던 것으로 기억한다.

아무튼 이 방법은 어떤 컨텍스트에서 작업을 했느냐가 중요하다. 깊이 있는 자식 object를 다루다가 부모 오브젝트 쪽에서 추가 작업을 하고싶으면 다시 부모로 올라가는 쉬운 방법이 없어 보인다. 그래서 헬퍼 메소드는 트리 구조의 상단에서 편하게 메소드를 호출하는 구조도 있지만, ~~DML-style operations 처럼(이 말을 써도 되는지 아직 잘 모르겠음)~~메소드 체이닝처럼 데이터를 생성해낼 때 return 타입을 달리 할 수 있어 편리하다.

결론적으로 각 클래스는 자신이 어떤 위치에 속해있는지를 모르게 설계하는 편이 좋을 수 있다는 것.

FlexUnit 4 UI 테스트 방법

2010-01-19T09:05:00.000+09:00

[Before(async, ui)]
public function setUp():void
{
myView = new MyView();
Async.proceedOnEvent(this, myView, FlexEvent.CREATION_COMPLETE);
UIImpersonator.addChild(myView);
}

[After(async, ui)]
public function tearDown():void
{
UIImpersonator.removeChild(myView);
myView = null;
}

1. 위의 코드처럼 setUp과, tearDown을 구성한다.

2. UIImpersonator에 테스트 하려는 컴포넌트를 테스트 메소드 실행 전에 붙였다가 끝나고 지우는 구조.

[Test(async, ui, order=1)]
public function testDoWork():void
{
Async.handleEvent(this,
myView,
MyView.WORK,
onWorked,
LONG_TIME);

myView.doWork();
}

private function onWorked(event:Event, passThroughData:Object):void
{
Assert.assertTrue(myView.isEverythingOkay());
}

3. 이벤트 등을 받아서 Assert 사용.

FlexUnit 4 비동기 테스트 방법

2010-01-15T14:36:00.000+09:00

FlexUnit 4에서 비동기 테스트 방법

[Test(async, description="Async Example")]
public function testTimerLongWay():void
{
var asyncHandler:Function = Async.asyncHandler(this, handleTimerComplete, 500, null, handleTimeout);
timer.addEventListener(TimerEvent.TIMER_COMPLETE, asyncHandler, false, 0, true);
timer.start();
}

protected function handleTimerComplete(event:TimerEvent, passThroughData:Object):void
{

}

protected function handleTimeout(passThroughData:Object):void
{

}

1. Tag에 async를 준다.
2. Async.asyncHandler를 통해 비동기 핸들러를 만든다.
2.1. this - listener 클래스를 지정한다.
2.2. handleTimerComplete - timer에서 TIMER_COMPLETE 이벤트가 발생했을 때 처리 될 이벤트 핸들러.
2.3. 500 - 대기시간을 넣는다. 이 시간이 초과하면 handleTimerout 이벤트 핸들러가 실행, 테스트는 실패.
2.4. null - 대신 어떤 값을 넣으면 handlerTimerComplete의 두 번째 인자로 넘어온다.
2.5. handleTimeout - 앞서 설명한 것처럼 테스트 타임아웃 시에 호출되는 펑션.
3. timer.addEventListener에서 Async.asyncHandler를 통해 생성한 핸들러를 넣는다.

위처럼 하면 된다.

위의 예에서 이벤트가 발생하면 handleTimerComplete가 호출되고

Assert를 사용하여 테스트를 시작하면 된다.

YUI PHP Loader 문제

2010-01-03T01:16:00.000+09:00

YUI PHP Loader를 사용하여 YUI를 로드하면 w3c html validator 에서 문제가 생긴다. 내가 이상하게 사용 한 것인지 모르겠지만 아직은 못쓰겠다.

YUI2 Carousel 적용시 주의사항

2010-01-03T01:11:00.000+09:00

YUI 2의 Carousel 컴포넌트의 예제 Using both images and text within an item(아이템 하나에 이미지와 텍스트 같이 사용하기)를 사용하려고 했다.

YUI 2 로더에서 "animation", "carousel" 두 개를 load하고 몇 가지 보이는 class를 로드하였으나 위쪽 페이저 부분이 이상하게 나왔다.

결국 코드를 한 줄, 한 줄 비교해본 결과 body tag가 문제였다. body 태그를 다음처럼 해줘야 Carousel 컴포넌트가 제대로 출력된다.

...

YUI 3 Basic Left Nav 예제 사용시 주의사항

2010-01-02T03:35:00.000+09:00

YUI 3 Basic Left Nav 예제를 사용해서 메뉴를 만드려고 했다. 쉽게 쉽게 되는가 싶었는데 yahoo의 example은 메뉴가 깔끔하게 나오는 반면 내 서버에서 돌린 코드는 메뉴가 펼쳐졌다 접히는 과정이 다 보여졌다.

소스코드는 완전히 똑같은데도 그래서 계속 찾아보니 html 코드 중에 이런 부분이 있었다.

<link rel="stylesheet" type="text/css" href="assets/node-menunav-examples-base.css">

내 서버에는 없는 파일이라 관련 스타일이 적용되지 못했던 것이다. 따라서 바로 아래 나타나는 다음 코드가 작동을 못했다.

<script type="text/javascript">
// Hide the menu while its dependencies are being loaded
document.documentElement.className = "yui-loading";
</script>

"yui-loading" 은 메뉴를 감추는 작업을 한다. 로딩하는 동안 메뉴를 감춰서 메뉴가 그려지는 과정을 감춰 보기좋게 한다.

메뉴가 다 로딩되면 그려주게 된다.

menu.get("ownerDocument").get("documentElement").removeClass("yui-loading");

또한 메뉴의 id를 productsandservices로 해주지 않으면 css가 적용되지 않을 수 있으므로 sample을 참고할 때 주의해야 한다.

YUI2 VS YUI3

2010-01-02T03:21:00.000+09:00

YUI3을 쓰기엔 YUI2의 위젯들이 탐났다. 그래서 YUI3을 포기하고 YUI2를 쓰는 사람이 있나 찾아봤더니 섞어쓰면 되는 거였다. ㅎ

http://yuilibrary.com/forum/viewtopic.php?p=3531

YUI 2.x와 3.x를 섞어쓰는 예제도 있다.

http://developer.yahoo.com/yui/3/examples/yui/yui-compat.html

앞의 포스트에서 서버사이드에서 YUI를 로딩 해주는 로더 설명을 썼는데 여기서도 Loader instance 두 개 만들어서 2.x, 3.x 동시에 load하면 된다.

PHP에서 YUI 삽입하기

2010-01-02T01:40:00.000+09:00

YUI야 Javascript 라이브러리인데 PHP가 무슨 상관일까?

YUI PHP Loader라는 Utility가 있다.

이 유틸리티는 YUI 컴포넌트를 로딩해주는 역할을 한다.

클라이언트 사이드에 YUI Loader가 있다면 php 서버사이드엔 YUI PHP Loader가 있다.

php 쓰는 김에 같이 쓰기로 결정.

php에서 제공된 loader.php를 include 하고 아래와 같이 코드를 실행하면 된다.

$loader = new YAHOO_util_Loader("2.8.0r4");
$loader->load("yahoo", "dom", "event", "tabview", "grids", "fonts", "reset");

3.0이 좋다하여 $loader = new YAHOO_util_Loader("3.0.0"); 으로 바꿨더니 잘 되는 것같다.

서비스 서버에 올릴때 meta 디렉토리가 담겨있는 lib 디렉토리를 빼먹으면 안된다.

바쁜 마음

2010-01-01T19:55:00.000+09:00

가끔 나만 알아볼 글쓰는 게 싫을때가 있다. 마음이 바쁘다. 어떻게든 되겠지. ㅎ

한 일과 할 일

2010-01-01T19:47:00.000+09:00

구조개선

Flash와 PHP 통신에서 서버사이드는 필요한 데이터를 DB에 쿼리하고 XML로 만들어서 던져주는 작업을 했다. output인 xml은 달력 전체를 표현하는 xml과 한 개의 달력을 표현하는 xml이 주를 이루고 있는데 이 부분이 너무 DB에만 의존적이어서 클래스로 만들었다. 유닛테스터가 매우 큰 도움이 됐다. 이제 테스트 어디에서 에러가 나는지 보고 어떤 코드가 문제인지 바로 알 수 있게 됐다.

XML

위에서 말한 객체들이 XML을 알아서 만들기 때문에 통합 XML의 경우 객체간의 통신이 중요했다. 따라서 XMLWriter의 개선이 필요했기에 php에서 제공하는 xml 기술들을 찾아보는 시간이 있었다. 간단한 작업이기에 XMLWriter를 사용하기로 했는데 내가 갖고있는 두 개의 호스팅 서비스 중 한쪽에서는 XMLWriter를 지원하지 않는다. 속도 체크를 해봤는데 스트링으로 XML을 만들어내는 것보다 XMLWriter가 아주 약간 더 빠르다. 어느 서비스에서 어떤 알고리즘을 사용할지 쉽게 결정할 수 있게하고 다양한 알고리즘을 같은 구조로 지원할 수 있게 하기위해 인터페이스로 뺐다. 이제는 시스템 전반적으로 호스팅 환경 설정에 따라 알맞는 XMLWriter를 생성해준다.

XML 구조

XML 구조가 클라이언트 호출 정보에 대한 요약을 담고 있었는데 불필요했다. 실제 필요한 데이터만 갖고 있으면 됐기에 전반적인 정보를 담기위해 여기저기에 XML을 던지던 구조를 던지는 타이밍에 XML을 생성하는 구조로 바꿨다. 따라서 output이 XML이 아니더라도 더 적용하기 쉽게 됐다.

로깅

SQL 인젝션 예방차원에서 모든 쿼리에 대한 로깅을 했었는데 아무래도 닭질같아 input 체크를 심하게 해놨으니 input을 벗어난 시도를 한 경우와 실패한 경우에 대해서 로깅을 하게 해놨다.

버전관리

버전관리를 하여 개발과 배포를 동시에 진행할 수 있도록 했다. 혼란을 피하기 위해 클라이언트에서 현재 접근하고 있는 서버의 위치나 버전정보등을 볼 수 있게 했다.

달력

스스로 작심을 쓰기위해 달력을 새로 만들었다.

할 일

클라이언트 환경에서 예외가 생기는 경우 플래시 영역에 이 정보를 저장하고 다시 전송 할 수 있을때 예외 정보를 전송할 수 있게 했으면 한다.

아직 텍스트 리소스가 얼마 없을때 다국어 지원을 미리 해두는 것이 좋을 것이라 생각한다.

속도 테스트하기 전에 테스트 할 메소드를 여러번 호출해줘야 속도가 제대로 나오는 것같다. 안그러면 무조건 제일 처음 호출된 메소드가 항상 느리다. 알아보자.

~~JAVA의 import 같은 형태를 지원하게 해봐야겠다. 패키지 구조로 나누는 게 편하다.~~

작심 HTML 버전을 만들면서 테스트를 강화하고 ~~yui를 공부한다.~~

DB가 mysql 함수를 쓰다보니 close 하면 모두 다 close 돼버리고 그런다. stack 구조로 해제하게 한다.

2010년

2010-01-01T02:45:00.000+09:00

2010년 새해다. 2010년, 뭔가 익숙하다는 생각이 계속 들었다. 2010 원더키디. 아뿔싸 벌써.

PHP XML Writer 속도

2009-12-31T21:40:00.000+09:00

XMLWriter

0.000063

XMLDocument

0.000068

String

0.000084

XMLWriter가 가장 빨라보이기는 했는데 XMLDocument가 String으로 XML을 만든 것보다 빠른 것은 예상 밖이었다. 위의 값은 평균 값은 아니고 어떤 특정시점의 스냅샷이다. 그렇지만 여러번 실행시켜도 결과는 마찬가지다.

할 일

2009-12-31T17:35:00.000+09:00

스트링으로 XML을 생성하면 XMLWriter보다 느리다. 그러나 일부 호스팅 서비스에서 XMLWriter를 지원하지 않는 경우가 있다. 주로 사용하는 호스트에서는 XMLWriter를 지원하고 있기는 하지만 이를 기반으로 제작하면 다른 서비스에서 사용할 수 없다. 우선순위를 어떻게 두느냐로 고민하다가 각 사용자 환경별로 최고의 속도를 내게하자는 규칙을 만들었다. 즉 모두 지원하고 경우에 따라 알고리즘을 바꾸기 쉽게 만든다. 나중에.

HTTP XML output

2009-12-31T14:18:00.000+09:00

flash, php 통신에서 XML을 사용했다. XML 구조에 flash가 호출하고 싶은 php의 영역과 기능에 대한 정의가 포함되어 있고 결과에도 역시 같은 내용이 담겨있었다. 결과를 flash에서 파싱할 때 어떤 호출에 대한 응답인지를 확인하겠다는 의도였다. 그러나 잘못된 생각이었다. request에 대한 response는 정해져 있기 때문에 응답에 대한 핸들러가 작동하는 시점에는 호출한 내용이 무엇인지 이미 알고있기 때문이다.

따라서 xml output에 기입되는 내용, 실제 데이타를 표현하기 위해 시스템 전반적으로 XML 객체를 넘기는 것을 빼는 게 좋겠다. xml이 사용되는 해당 시점에서 output을 관리하는 게 좋아 보인다. 다른 경우에 이 코드를 사용한다면 output이 xml이 아닐 수도 있고 객체 생성시 xml 오브젝트를 계속 넘겨주는 암담한 인터페이스를 피할 수 있기 때문이다.

PHP 속도체크

2009-12-31T13:59:00.000+09:00

$s = microtime();
$this->doSomething();
echo sprintf("%f", microtime_float() - $s);

위처럼 하니 속도파악이 가능하다.

PHP에서 XML 다루기

2009-12-31T12:56:00.000+09:00

XMLWriter 라는 스트링으로 XML을 생성하는 클래스를 구해다가 사용하고 있었다. 그런데 계층 구조의 객체 관계를 모델링하고 이를 XML로 바꾸는 과정에서 스트링은 문제가 생겼다. 스트링은 여태까지 만들어 놓은 XML 텍스트를 수정하는 것이 불편하다.

따라서 PHP에서 XML을 다루는 방법을 찾아본 결과 역시나 정리되어 있는 문서를 찾아볼 수 있었다. XML을 다루는 방법은 크게 네 분류로 나뉘는데 tree based, streaming, event based, transformation 이다.

tree based

- ext/dom

PHP 4에서는 ext/domxml을 쓰고 PHP 5에서는 ext/dom을 사용한다. 사용법은 매우 비슷하다.

- ext/simplexml

streaming (빠르고 간단함)

- ext/xmlreader

- ext/xmlwriter

event based

- ext/xml

transformation

- XSL

PHP 의 POST 자동 addslashes

2009-12-28T08:27:00.000+09:00

SQL injection을 피해보잡시고 POST값에 대해서 addslashes를 하려고 했다. 그런데 뭔가 조금 이상해서 봤더니 POST된 값에 이미 슬래쉬가 붙어있다. flash가 그렇게 보내진 않을거 같고 조금 찾아봤더니 아래와 같은 설명이 PHP 메뉴얼에 나온다.

The PHP directive magic_quotes_gpc is on by default, and it essentially runs addslashes() on all GET, POST, and COOKIE data. Do not use addslashes() on strings that have already been escaped with magic_quotes_gpc as you'll then do double escaping. The function get_magic_quotes_gpc() may come in handy for checking this.

magic_quotes_gpc가 on이면 GET, POST, COOKIE에 대해서 addslashes()를 수행한다. 그래서 addslashes()를 추가했다가 다시 빼버렸다. 다른 환경을 위해 get_magic_quotes_gpc()로 검사하고 직접 해주던지 놔두던지 하게 바꾸야 한다.

작심 리팩토링

2009-12-28T04:40:00.000+09:00

+ 프리젠테이션 레벨이 디비와 묶여서 response xml 출력 코드가 많이 겹친다. 달력을 구성하는 객체를 만드는 편이 좋아보인다.

+ 서비스가 시작되면 위 작업을 하다간 갑자기 짤릴지도 모르니 테스터부터 만드는 게 좋겠다. 그래도 주의해야 겠지만.

필요한 것

2009-11-30T10:02:00.000+09:00

+ 리스트와 맵으로 자식 객체에 접근이 가능한 상위 클래스.

+ 한 컴포넌트 내에서 발생하는 마우스 이벤트를 조합하여 드래그앤드롭의 수락, 처리를 담당하는 클래스와 구현하면 이 클래스가 발생하는 정보를 넘겨 쉽게 사용할 수 있게 하는 인터페이스.

메소드 추상화, 대칭성

2009-11-29T03:58:00.000+09:00

같이 호출되는 메소드들의 대칭성을 유지하기 위해 메소드의 추상화가 요구된다. 메소드에 설명을 주기위해 다른 메소드를 그대로 한 번 더 호출 해줄뿐인 메소드를 만들 필요도 있다. 여기에 성능상의 비용은 크지 않다.

선택 메시지

2009-11-29T03:24:00.000+09:00

조건문을 지우고 다형적 메시지를 호출하게 하는 방법. 다형성 설명에서 자주 등장하는 방법이다. 켄트 벡은 "선택 메시지를 사용하게 되면, 코드 독자가 연산의 세부 구현을 이해하기 위해 여러 개의 클래스를 살펴봐야 할 수도 있다"고 했고 "과도한 선택 메시지 사용은 좋지 않다." 라고도 했다.

선택 메시지를 무시하자는 목적으로 갈무리를 해두는 것은 아니다. 선택 메시지가 갖는 단점을 기억하기 위해서 적어둔다. "과도한"의 정의가 중요하다. 켄트 벡은 "당장 연산의 변형이 필요하지 않은 경우라면 미래 확장을 위해 굳이" 그럴필요 없다고 말한다.

추가. 단점을 기억하기 위해 쓰다보니 무조건 안좋은 것처럼 보인다. 전혀 아니다. ㅎ

양육

2009-11-29T01:16:00.000+09:00

본성이냐 양육이냐의 문제는 사회 생물학의 중요한 내용 중 하나였고 나는 그 것을 통해 무서움을 느꼈으며 즐겨보던 매트리들리를 통해 읽은 "본성과 양육"은 본성을 통한 양육이라는 결론을 내려 안심을 하게 했다. 최근에 양육과 관련된 책 몇 권이 이래저래 보여져서 링크를 모아둔다.

양육쇼크

http://www.hani.co.kr/arti/culture/book/390196.html

죽어라 말 안 듣는 아이, 이유를 알고 싶다

http://www.yes24.com/24/goods/3092514

교사를 당황하게 하는 아이를 만났을 때

http://www.yes24.com/24/goods/2954125

stackoverflow, yakov fain

2009-11-25T08:40:00.000+09:00

http://stackoverflow.com/ 이 알고보니 Joel Spolsky랑 Jeff Atwood가 만든 거였다.

다른 서비스로 http://stackexchange.com/ 이 있다. 같은 엔진인데 각자 운영을 할 수 있나 보다. 유료다.

yakov fain이 돈을 내고 stackexchange.com 을 시작한다고 한다. 여기를 보면 관련 포스트를 볼 수 있다.

아래는 그 주소

http://built4flash.stackexchange.com/

여유

2009-11-25T01:16:00.000+09:00

작정하고 남의 사무실에서 밤새기로 결심했는데 내 코드를 과거 버전으로 덮어 씌워버린 후배는 퇴근을 하셨고 나는 코드 살릴 시간에 생각을 좀 해볼 시간을 내고 있으니 어느덧 조바심이 아니라 한가함을 느끼고 있었다. 이는 "비로소 해탈했네" 식의 유머가 아니라 진심이다. 개인들의 각성을 강조하기 보다 조직의 시스템을 의심하는 게 옳다고 믿고있다. 어디부터 다시 시작해야 할까?

모든 svn 하위 디렉토리 지우기

2009-11-23T20:05:00.000+09:00

모든 하위 svn 정보(.svn) 지우는 배치파일.

for /f "tokens=* delims=" %%i in ('dir /s /b /a:d *svn') do (
rd /s /q "%%i"
)

pause

엉뚱한 위치에서 실행하면 안됨.

아이폰 사지 않는다.

2009-11-23T00:01:00.000+09:00

5분정도 생각을 해봤는데 아이폰을 사지 않기로 했다. 너무 비싸다.

선택권

2009-11-21T04:54:00.000+09:00

" 저희는 사용자들의 선택권이야 말로 구글을 비롯한 모든 기업과 사람들에게 혜택을 주는 혁신을 이끌 것으로 믿고 있습니다."

-- 구글 크롬OS와 안드로이드가 OS라는 측면에서 일정부분 겹치는 것에 대한 구글의 생각

출처 : http://googlekoreablog.blogspot.com/2009/07/os.html

몰입의 즐거움

2009-11-14T22:23:00.000+09:00

미하이 칙센트미하이의 몰입의 즐거움을 읽었다. 플로라는 개념은 IT 조직론 관련 서적 피플웨어를 통해서 처음 접했었다. 그러다가 갖고있는 몇 개의 책에서 미하이 칙센트미하이가 여러차례 인용이 되는 것을 보면서 관심을 갖게 됐고 사보게 됐다. 저자 이름부터 몰입감이 있어보인다. 책을 살때 즐겁게 일하는 것이 몰입을 유도하고 몰입하여 일하는 것이 결과도 좋다는 것을 말하지 않을까 싶었다. 그러나 즐거움 자체가 항상 생산적일 수는 없다는 내용을 다루면서 몰입 자체에 대하여 다시 생각을 하게 됐고 여가를 어떻게 보낼지에 대해 생각을 하게 됐다. 사소한 것에서 즐거움을 얻는 방법도 배운듯 싶다. 책은 인간 관계, 여가를 다루는 방법, 삶의 태도, 가치 있는 삶 등을 다룬다. 통계에 기반하여 쓰여졌지만 학술서적은 아니다. 그래서 그런지 가르침을 주려는 문장들이 종종 보인다.

XML과 데이타

2009-11-12T21:49:00.000+09:00

생성되는 오브젝트와 엘리먼트를 1:1로 매칭 시키는 것이 좋은 상황이 있다. 파싱한 정보를 기반으로 다시 필요한 데이터 형태로 변환하는 과정이 생략되고 Object 관계를 다시 xml로 변환 할 때도 쉽다.

이 경우 다른 의미의 Element 가 다른 Depth에서 나타나는 것은 좋지 않다. 엘리먼트 이름을 클래스 명으로 사용하면 같은 소스 내에서 같은 클래스 명을 사용하는 게 짜증나기 시작한다.

소음

2009-11-12T20:32:00.000+09:00

I want to be a fashion model.

음성 테스트 때문에 수십 번을 들었음. 철야.

도메인 구입

2009-11-12T08:58:00.000+09:00

zaksim.com 10년치 구입. 10년동안 사이트 망할 일은 없다.

몰입감, 소음, 페어

2009-11-11T01:32:00.000+09:00

5~7월 사이 심각하게 느꼈던 몰입의 어려움을 다시 느끼고 있다. 핵심은 전화기였다. 당시에는 전화받을 옆의 사람과 내 전화가 동시에 울리면 내가 전화를 받아서 옆사람에게 바꿔주는 굉장히 신비한 짓을 하고 있었다. 나에게 오는 전화는 5~7월 사이 한 건 정도 있었나 없었나 그렇게 기억한다. 일이 싫었는지 내 집중력이 부족했던 건지 아무튼 낮은 어렵게 보내고 칼퇴근을 한뒤 새벽에 나타나 일과 공부를 했다(사무실과 집이 가깝다 ㅎ). 당시 사장면담에서 나는 유일한 개선 요구사항으로 서버의 소음이 너무 크다고 말했다.

그 이후에는 업무 형태가 조금 바꼈다. 세 명이 돌아가며 두 명씩(페어) 일을 했다. 며칠 전 10월 말까지 그렇게 계속 일을 했는데 원래 앉던 자리와 비슷한 자리였음에도 별로 시끄럽다는 생각이 들지 않았다. 우선 말을 하게 되므로 아무래도 의미없는 서버 소리나 전화기 소리보다는 상대의 말이 더 집중됐다. 이 시기에는 야근, 철야도 많이 했기 때문에 확실히 페어워킹의 효과인지 알 수는 없다. 야근을 하면 회사는 조용하기 마련이다. 이쪽 파트가 페어를 하는 동안 근처 파트(원래 있던 파트)의 업무 능률에 대한 판단도 없다. 같은 내용이 아니니(이쪽은 Flex, 저쪽은 PHP) 대화소리 때문에 아마 떨어지지 않았을까.

최근에 자리배치가 바뀌게 돼서 딱 중앙에 있는 자리에 앉아있다. 사람이 많이 늘어서 다른 파트들은 절대적인 미팅의 수가 많아졌다. 자리를 옮기기 전에는 가까이 앉아보지 못했던 다른 개발팀은 업무지시를 파티션 너머로 말하는 문화다. 누구씨 뭐하면 뭐 줘요, 이메일 뭐에요, 커밋했어?, 미안 나때문에, 메신저가 안되는데요, 누구씨 개인적으로 밖에서 잠시 얘기좀 하죠. 까지가 정확히 오늘 있던 일 중에 기억에 남는 대화다. 옆 동료들도 묻진 않았지만 아마 기억할 것으로 예상된다. 내가 잘난 것은 아니니 개인적 집중력의 부족이면 직종을 바꿀 생각은 하고있다. 진지함.

책임

2009-11-08T16:36:00.000+09:00

자기도 이제 다 컸으니까 엘레베이터는 직접 누르겠다는 아이에게 사람들은 주책이라고 말하지 않는다. 어른을 자처하는 것은 실제 어른스러움과는 거리가 먼 것이라 대단한 것을 기대하지 않게 되고, 스스로 해보겠다고 하는 것도 고작 사람들을 원하는 층수에 올려다 놓는 간단한 문제이기 때문이다. 어느날 아이가 곧 잘 누르던 엘리베이터 버튼은 안누르고 "엄마 장남감 사업을 해볼까 하는데 사천만 땡겨줘", 라고 말한다면 그건 조금 다른 문제인 것처럼 말이다.

인센티브

2009-11-08T05:36:00.000+09:00

친구 대화명

2009-11-03T12:43:00.000+09:00

이알디그리는 유켈란젤로

BrowserManager로 URL 변경 알아내기

2009-11-02T14:29:00.000+09:00

bm.addEventListener(BrowserChangeEvent.BROWSER_URL_CHANGE, onURLChange);

bm.setFragment("key=" + value);

를 하면 URL이 바뀌고 히스토리에 추가된다.

onURLChagne 에서 o.value를 얻어서 사용할 수 있다.

BrowserManager를 사용한 URL 파싱

2009-11-02T11:19:00.000+09:00

BrowserManager

var bm:IBrowserManager = BrowserManager.getInstance();
bm.init();

bm.url : full url

bm.base : # 앞

bm.fragment : # 뒤

URLUtil

URLUtil.getPort(bm.url); // 8080

URLUtil.getProtocol(bm.url); // http

URLUtil.getServerName(bm.url); // localhost

URLUtil.getServerNameWithPort(bm.url); // localhost:8080

// 세미콜론으로 나뉘어진 url 단편들을 액션스크립트 객체로 파싱

var o:Object = URLUtil.stringToObject(bm.fragment);

ObjectUtil

// ★ Object를 찍어보기

ObjectUtil.toString(o);

// #id=goojoono;name=KooJunHo 대소문자 구분 함.

o.id == "goojoono"

o.name == "KooJunHo"

초간단 배포 batch 파일

2009-11-02T11:14:00.000+09:00

xcopy "C:\flexprojects\BM\output\*" "C:\APM_Setup\htdocs\bm" /E /Y

/E : 비어있는 디렉토리를 포함한 하위 디렉토리를 복사

/Y : 덮어써야 하는 상황에 질문하지 말고 덮어쓰기

테스트 할때 사용

XML 다루기

2009-11-01T18:41:00.000+09:00

http://koojunho.textcube.com/22

http://koojunho.textcube.com/38

http://koojunho.textcube.com/55

몇 번의 고민을 통해 XML을 직접 데이터로 사용하기 보다는 XML의 엘리먼트들을 잘 표현하는 Object로 바꿔주고 컬렉션을 통해 사용하는 것이 좋을 것 같다는 결론을 내렸다. (물론 여전히 상황따라 다를 수 있다는 전제를 깐다. ㅎ)

XML만을 사용하는 경우 XML을 데이터로 주고받는 상황에서 문제가 많이 생긴다. 어떤 XML 엘리먼트건 XML로 받을 수 있기 때문에 해당 값이 내가 받고자 하는 엘리먼트인지 아닌지를 판단하는 문제는 런타임으로 넘어가게 된다. XML이 수정되는 경우라도 컴파일 타임에는 아무런 문제를 일으키지 않기 때문에 모든 문제를 런타임으로 넘기게 된다. 문제가 런타임으로 넘어가면 프로그램의 해당 부분을 실행하기 전까지 문제가 있는지 아닌지 알 수 없게된다.

Object라고 해서 데이터가 수정될 때 아무런 작업이 필요 없는 것은 아니다. XML을 파싱해서 객체로 만들어 주는 과정과 자료구조를 만들어 주는 과정이 필요하다. 게다가 검색기능은 E4X, XPath 등에 비해 훨씬 귀찮다. 그러나 데이터가 바뀌고 클래스를 바꾸면 해당 값을 사용하는 모든 클래스들이 반응하게 된다. XML에서 특정 엘리먼트의 데이터를 다루는 방법이 바뀔경우 캡슐화된 클래스 내에서 처리방법만 바꿔주면 그 클래스를 사용하는 모든 클라이언트 코드가 자동으로 바뀌는 셈이다.

그렇지만 XML을 클래스로 만드는 것도 일은 일이다. 그래서 유닛테스트 프레임워크를 사용해서 완성된 XML을 기반으로 클래스를 만들면서 테스트를 하면 구현이 필요한 클래스의 나머지 일부가 어떤 것인지를 에러로 보여주는 클래스를 구현했다. 만약 내가 어떤 엘리먼트의 자식 엘리먼트로 <title />을 추가하고 실행을 했다면, 알 수 없는 title이라는 존재를 인식한 객체가 예외를 발생시키는 구조다. AS3.0에서 this[elementName] 으로 접근하여 값을 집어넣게 하는 방식으로 처리했다. this객체가 dynamic 클래스의 인스턴스는 아니기 때문에 동적으로 값을 넣을 수 없으면 예외를 던지는 것이다.

직접 XML을 클래스로 바꾸는 작업도 같이 진행했는데 처음에는 더뎌 보였지만 기반 클래스가 갖춰지자 테스트에 의존해서 클래스를 만들어 내는 쪽이 더 빨리 끝났다. 별로 머리 쓸 일이 없게 해준다.

엘리먼트마다 클래스가 생겨서 해당 엘리먼트 또는 자식 엘리먼트들을 처리하기 위한 기능들을 추가할 수 있게 됐다. 예를 들어 날짜를 갖고있는 XML이 있다면 XML로 접근했을 때 텍스트일 뿐이고 나중에 클라이언트 코드에서 해당 XML을 Date 클래스 등으로 변환해 주어야 한다. 클래스로 구현이 되어 있는 경우는 미리 그 작업을 베이스 코드에서 해주기 때문에 편해 보인다.

물론 XML을 OOP 구조로 치환 했을때 데이터를 제대로 표현했다고 하기에는 무리가 있다. 객체를 사용하는 게 더 좋다고 결론을 내렸다지만 XML을 객체로 치환하는 게 중요한 게 아니라 XML로 표현 된 데이터를 객체로 제대로 표현하는 게 더 중요하다. 사람의 고민이 필요한 부분에선 이 클래스들도 영 쓸모가 없다. 그래서 중요한 것은 만드려는 게 무엇인가를 먼저 봐야 하는 거고, 그 보다 더 좋은건 XML 정의하는 과정에도 참여하는 게 더 좋았을 텐데, 아직 설명은 못들었고 주말엔 쉬어야 한다는 생각이 갑자기 들었기 때문에. 오케이 여기까지. ㅎ

지속적 훈련 강요 툴 - 최종

2009-11-01T16:32:00.000+09:00

토요일동안 간단한 프로그램을 만들었다. 일종의 일정관리 툴이라고 볼 수 있는데 할 일을 기록하는 게 아니라 한 일을 기록하는 게 특징이다. 서비스에 로그인을 하면 해당 사용자가 하고자 하는 일들이 나온다. 예를 들어 일이란 영어단어 외우기, 운동하기, 청소하기 등이 될 수 있다. 각각의 일은 달력 한 개로 표현되는데 그날 하려고 한 일을 했다면 해당 날짜를 녹색으로 체크할 수 있다.

화면에 나온 달력들을 녹색 체크로 채우는 재미를 느끼게 하는 것이 이 프로그램의 목적이다. 더 정리가 된다면 사용자가 한 십 년치 녹색 체크를 가질 수 있게 유도하는 컨셉을 잡아보고 싶다. 무엇이든 꾸준히 오랜 시간을 한다면 성취할 수 있다는 내 믿음(증거는 없다. ㅎ)을 만든 것이다. 예전에 웹호스팅 받던 개인 서버에서 게시판에 후배 한두 명과 공부한 내용을 기록하던 경험을 살려봤다.

어느정도 기능 구현은 완료됐다. 안정성, 편리성 따지지 않으면 당장엔 너그러운 사용자들과 함께 쓸 수 있는 수준이다. 몇 가지 익힌 것이 있고 더 필요한 것들을 알게됐다. 까먹지 않도록 해당 내용을 정리한다.

PHP 통신

Flash 기술로 서버사이드와 통신을 하는 RPC 라이브러리를 만들어 본 것은 이번이 두 번째다.

한 개는 졸작때 만든 건데 그때는 사용 툴이 Flex가 아니라 Flash였다. 주요 내용은 이렇다.

+ Flash에서 서버와의 통신을 담당하는 객체를 dynamic으로 만든다.

+ PHP 서버에 공개 할 메소드(웹메소드)를 XML로 표현한다.

+ Flash에서 웹메소드 XML을 파싱하여 동적으로 메소드를 삽입한다.

+ Flash에서 직접 구현하지 않은 웹메소드를 사용한다.

+ 자바의 리플랙션을 사용하여 소켓 서버용으로도 똑같이 만든다. (Apache MINA 사용)

위 라이브러리를 사용하여 Flash에서 PHP를 사용한 영단어 퀴즈 프로그램과 자바 소켓 서버를 사용한 멀티유저 블랙잭 게임을 만들었다.

결론적으로 웹(PHP 라이브러리)은 Request가 있으면 Response가 있으니까 라이브러리가 꽤 편리했다. 나는 호출할 수 있는 서버 메소드 목록을 찍어볼 수 있었고 Flash에서 직접 구현하지 않은 메소드 이지만 서버가 넘겨준 스팩대로 호출하면 결과가 나왔다. 그러나 Flash-자바소켓서버 통신에서는 라이브러리의 장점이 나타나질 못했다. 소켓서버는 클라이언트가 뭔가를 요구하지 않아도 서버가 메세지를 보내기도 한다. 물론 이는 소켓 프로그래밍 자체가 가지고 있는 일정 수준의 복잡성 때문이기는 하지만 내 라이브러리가 별로 필요 없어 보이긴 했다.

이번에 새로 짠 Flash-PHP RPC 라이브러리는 개념이 다르다. 졸작때 만든 라이브러리는 서버의 구현 내용을 몰라도 인터페이스가 가능하게 하는 라이브러리였다. WebService처럼 서비스 내용과 프로토콜을 알려주는 라이브러리였다. 제작 목적이 졸작이므로 "서버의 PHP에서 메소드를 만들면 클라이언트의 Flash에서 호출할 수 있습니다." 와 같은 마법같은 문장이 필요하긴 했지만 서버/클라이언트 모두 제작하는 상황에서는 타이핑 몇 줄 줄여주는 것 말고는 쓸데없다. 또 원격 객체를 동적으로 만들면 IDE가 제공하는 자동완성을 쓰지 못한다. 졸작때는 Flash를 사용했기 때문에 자동완성 기능이 약해서 그냥 그냥 넘어갔는데 Flex에서 그러고 싶지는 않았다.

새로만든 라이브러리는 아래와 같은 구조로 작동한다.

+ Request를 처리하는 클래스를 상속받아 새로운 클래스를 만든다.

+ Flex에도 위에서 만든 클래스에 대응하는 클래스를 만든다.

+ 원격 메소드를 호출하면서 class와 method를 post로 넘긴다.

+ php에서 class 이름으로 클래스를 생성하고 method를 실행시킨다.

+ 결과를 XML로 받는다.

대충 앞의 라이브러리와 비슷하지만 서버가 기능 목록을 전송하는 과정이 없고 호출하는 클라이언트도 호출 클래스를 직접 구현해줘야 하는 차이가 있다.

WebORB, BlazeDS 등으로 AMF 쓰는 것을 생각할 수도 있겠지만 남의 것 쓰면 조금 위험할 수 있다는 생각과 실제로 내 웹 호스팅에서는 이 프레임워크들이 잘 작동을 안하기 때문에 또, WebORB는 PHP 버전을 사용해 봤으니 그리 편하다는 생각은 들지 않아서 만들어 봤다.

통신을 하다 생기는 오류는 서로 다른 시스템이기 때문에 문제의 원인을 쉽게 노출시키기 어렵다. Flash가 PHP로부터 xml을 받으려고 했는데 PHP 코드에 에러가 생길 수 있다. Flash에서 xml로 형 변환을 하려다가 PHP 에러 구문이 xml이 아니니까 예외가 뜨게 되는데 이때 심각하게 고쳐야 할 것은 PHP 코드이지 Flash는 아니다(물론 예외 처리가 필요하다). 이때 아무 메세지 없이 Flash 코드를 노려보고 있다면 갑갑해지기 쉽상이다. 이를 수월하게 하기 위한 출력이 필요하다.

DB에 기록하고 결과를 받아서 화면에 표현하기까지 지연이 생긴다. 만약 On/Off 버튼을 구현한다고 하면(GMail의 별표 기능 처럼) 서버 지연 때문에 엇박으로 클릭을 하다가 이제 된건가 하고 가만히 서버의 응답을 기다려야 하는 상황이 생길 수 있다. 이게 생각 이상으로 답답하다. 사용자가 클릭하면 일단은 처리된 것으로 보여주고 서버에서 데이터를 받아서 성공하면 놔두고 실패하면 실패를 알리고 화면을 갱신하는 식으로 처리하는 것이 좋을 것 같다.

당연한 효과들

화면에 보여지는 여러개의 달력 중 변경된 한 개의 달력 내용을 표현하기 위해 전체 달력 레이아웃과 체크 데이터를 새로 갱신할 필요가 없다. RIA의 장점이다. 이게 데이터 전송량에서만 이점이 생긴다고 생각했는데 서버 자원을 절약해 주기도 한다. 물론 AJAX로 할 수도 있겠지만 내 학습상태로는 Flex가 편하다. 물론 이러한 프로그램이면 Flex로 만드는 것 보다 AJAX로 만드는 게 더 좋을 것 같다는 생각이 있다.

더 필요한 것

+ 세션처리 - 세션을 담당하는 게 Flash를 담고있는 브라우저인지, Flash가 서버와 통신하는 객체인지 아직 파악을 못했다.

+ DB 생성 스크립트 - 지금이야 상관 없는데 배포가 되고나서 DB가 바뀌면 골치 아프다. DB도 버전에 따라 자동으로 스키마를 변경 해주는 유틸리티가 필요하다. 이미 있거나 만들기 어렵다는 결론이라도 어디 있을 것 같긴 한데...

+ 서버 자동 배포 - 배치파일과 FTP를 사용하여 업로드를 하던 코드는 만들었었는데 이러면 릴리즈 과정과 같이 묶이지는 못한다. Ant나 Maven을 쓸 수 있도록 변경한다.

+ 그러므로 유닛 테스팅.

+ Debug mode지원 - 앞에서도 썼지만 개발 중에 생기는 오류를 파악할 수 있는 장치가 절대적으로 필요하다.

+ 다른 사람 화면 볼 수 있게 하기.

+ 한 일 등록 정책.

전반적으로 Flex로 그닥 뛰어난 성능은 아니지만 대중적인 서버와 통신하는 효율 적인 방법에 대해 학습을 했다. 앞으로는 통신부분을 더 집중하는 것이 좋을 것 같다. 아무래도 계속 사용할 수 있는 코드이고 한 번 해결해 놓으면 반복적인 테스트에서 의미없이 소비되는 접근 시간을 줄일 수 있기 때문이다.

놈의 프로그램

2009-11-01T12:56:00.000+09:00

어짜피 광고로 돈 벌 생각이면 오픈소스여도 상관없지 않냐는 게 내 생각이다. 아니 오히려 더 경쟁력이 있지 않겠는가?

String2Date

2009-11-01T02:21:00.000+09:00

var date:Date = DateField.stringToDate(dateXML.toString(), "YYYY-MM-DD");

String을 Date로 바꿀때.

지속적 훈련 툴 중간보고

2009-10-31T13:11:00.000+09:00

동생님이 중간보고 하라고 하셔서 중간보고를 드렸다. 그리고 15분을 쉬고 있는데 3시까지 무리라는 판단이 들었다. 훗. 역시 저질러 놔야 뭐가 필요한지 안다니깐.

지속적 훈련 툴 개발 시작

2009-10-31T12:01:00.000+09:00

지속적 훈련 툴 개발 시작. 아는 동생에게 나 몇 시까지 만들면 되냐고 물었더니 3시까지 하라고 해서, 3시까지 하기로 함.

예수전

2009-10-22T08:01:00.000+09:00

"우리는 가장 중요한 사회적 비판이 반드시 '그 사회에서 가장 악한 세력'을 대상으로 하는 건 아니라는 점을 기억해야 한다. 오히려 가장 악한 세력은 그 악함이 이미 일반화되어 있어, 뒤집어 말하면 그들에 대한 인민들의 적대감이나 반감 또한 일반화되어 있어서, 그들을 비판하는 일은 그런 일반화한 적대감이나 반감을 한 번 더 되새기는 일에 머물기 쉽다. 너무나 지당한 일은 하나 마나 한 일이기도 한 것이다. 사회적 비판은 그 사회에서 가장 악한 세력이 아니라 '그 사회의 변화를 가로막는 가장 주요한 세력'에 집중되어야 한다. 그 세력은 두 가지 요건을 갖는다. 가장 악한 세력과 갈등하거나 짐짓 적대적인 모습을 보임으로써 인민들에게 존경심과 설득력을 가질 것, 그러나 그 갈등과 적대의 수준은 지배체제 자체를 뒤흔들 만큼 심각하지 않을 것. 그 두 가지 요건의 절묘한 조화가 바로 사회 변화를 가로막는 것이다." -- 예수전 117 페이지.

관리

2009-10-20T13:40:00.000+09:00

관리자들은 팀이 두려운 거다. 쥐고 흔들고 결국에는 팀을 부숴야 관리가 되는 것이라 생각한다. 전전긍긍하는 꼴이란. 원.

Flex Continuous Integration

2009-10-11T18:28:00.000+09:00

회사에 Flex 지속적 통합 환경을 구축했다. 빌드 자동화에는 maven, flex-mojos를 사용했고 지속적 통합에는 hudson으로 시도를 해보다가 테스트가 안되는 바람에 groovy 코드를 짰다.

그루비 코드는 아래의 과정을 처리한다

1. 실행 디렉토리의 하위 디렉토리 전체를 돌면서 pom.xml 이 있는지 검사한다.

2. 있으면 svn clean, svn update, mvn install을 실행한다.

3. maven의 결과를 파싱해서 성공/실패 여부를 판단한다.

4. 실패하지 않았던 프로젝트가 실패하면 xml을 읽어서 팀 멤버들에게 로그를 메일로 보낸다.

5. 실패했던 프로젝트가 다시 성공을 하는 경우에도 로그를 메일을 보낸다.

6. 이미 실패한 프로젝트가 다시 실패한 경우에는 메일을 보내지 않는다. (한 번만 보내면 충분하다.)

7. 10분간 대기한다.

pear 사용

2009-10-11T18:23:00.000+09:00

테스트 때문에 pear를 사용해야 하는데 호스팅 서버에서 pear를 사용할 수 없다. 따라서 테스트 환경만 로컬에서 pear를 사용한다. 서버에서는 테스트를 따로 하지 않는다. 물론 실제 서비스되는 코드에서 pear 패키지들을 사용할 수 없다.

뜬금없이

2009-10-07T01:17:00.000+09:00

뜬금없이 일본 친구에게 전화를 걸어 인사를 했다. 별로 놀라는 눈치도 아닌데 얘기를 하다보니 자기 오늘 생일이라고 말하는 바람에 내가 놀라 버렸다. 아 타이밍.

flex-mojos

2009-09-29T19:40:00.000+09:00

Maven 쓸 생각이다. 이유는 다 귀찮아서, 이고. 이미 콘솔에서 테스트도 성공했고 hudson에도 붙였다. 문제는 테스트는 hudson에서 아직 안되고 있다는 점. adobe도 flex-mojos 쓴데잖아.

http://www.sonatype.com/people/2009/09/flexpmd-adobe-using-flexmojos/

Class 안에서의 private

2009-09-21T17:12:00.000+09:00

http://stackoverflow.com/questions/826592/dumb-question-about-examples-in-test-driven-development-by-example-by-kent-beck

private 값은 인스턴스 종속적인 것이 아니라 클래스 종속적인 거라 A 클래스의 인스턴스 에서 다른 A 클래스인스턴의 private 멤버에 접근할 수 있다. getter 를 없애는 비결임.

Never, never, never use String in Java

2009-09-21T04:44:00.000+09:00

http://codemonkeyism.com/never-never-never-use-string-in-java-or-at-least-less-often/

버튼에 프로그래밍 스킨 적용

2009-09-08T13:57:00.000+09:00

ProgrammaticSkin을 상속받아 스킨 클래스를 만들고 버튼에 적용할 수 있다. 아래 둘 중 한 가지 방법으로 적용 가능하다.

클래스 : <mx:Button upSkin="{SkinClass} ....

문자열 : <mx:Button upSkin="com.domain.skin.SkinClass" ....

Framework

2009-09-02T07:54:00.000+09:00

http://thanksmister.com/?p=160

HDividedBox

2009-08-26T17:15:00.000+09:00

liveDragging="true"

이렇게 주면 HDividedBox의 사이즈가 변화는 즉시 화면에 반영된다.

오늘 내가 죽는다면

2009-08-25T04:56:00.000+09:00

오늘 내가 죽는다면 이 일을 할까? 그럴리가.

flex 비디오 예제

2009-08-23T01:51:00.000+09:00

http://www.fxcomponents.com/item/flex-video-player/29/

ObjectHandles 선택기능 구현 살펴보기

2009-08-16T19:18:00.000+09:00

디자인 툴을 만들기 위해 http://www.rogue-development.com/objectHandles.html를 사용한다. 여러 개의 컴포넌트 중 한 개가 선택되면 기존에 선택되어 있던 것은 해제되고 새로운 것만 선택된다. 이 구조를 어떻게 구현했는지 찾아보니 다음과 같다.

1. ObjectHandles의 onMouseDown 발생

2. SelectionManager.instance.setSelected(this); 실행

3. 2번의 setSelected 메소드에서 기존에 선택된 것이 있으면 deselect() 시키고 새로운 것을 select() 한다.

화면을 lock 시키면 select되지 않게 만들어야 했다. SelectionManager을 살펴보니 addSelectable, removeSelectable 메소드가 있다. addSelectable에서 _items 라는 곳에 select 가능한 object들이 추가 되는데 SelectionManager는 위에서 쓰는 것처럼 싱글톤이다. 그래서 application 전체의 Object들이 이 곳에 담기게 된다. application 내부 에서 두 개의 design 화면을 띄우고 이쪽은 lock 저쪽은 unlock 시키려고 이 _items를 사용하면 안된다.

Flex의 List에서 아이템을 더블클릭 시 수정할 수 있게 바꾸기

2009-08-16T17:00:00.000+09:00

Flex의 List에서 아이템을 더블클릭 하면 수정되게 하고싶을 때가 있다. 아래 링크한 문서에서 Comments에 JabbyPandaUA 라는 사람이 남겨놓은 답이 좋아 보인다.

참고 : http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=2&postId=8983

addEventListener(ListEvent.ITEM_DOUBLE_CLICK, onItemDoubleClick, false, EventPriority.DEFAULT_HANDLER);

protected function onItemDoubleClick(event : ListEvent) : void {

   var isEventPrevented : Boolean = event.isDefaultPrevented();
   if (event.isDefaultPrevented()) {
return;
   }

   editable = true;
   editedItemPosition = {columnIndex : 0, rowIndex : event.rowIndex};
}

위와 같이 한다. 단순히 editable = true 속성을 지정해 두면 더블 클릭이 아닌 원 클릭에도 수정모드로 들어간다. 위의 코드도 한 번 editable이 되면 계속 editable이 되므로 change 이벤트 등에서 무조건 editable = false; 로 지정해 주니 잘 된다.

event 나중에 처리하기

2009-08-16T14:54:00.000+09:00

flexmdi라는 flex에 데스크탑을 구현한 오픈소스가 있다. 여기를 클릭하면 볼 수 있다. 여기 샘플 코드에 괜찮은 설명이 있어서 옮겨 적는다.

// the flex framework dispatches all kinds of events
// in order to avoid catching one of those and throwing a coercion error
// have your listener accept Event and check the type inside the function
// this is good practice for all Flex development, not specific to flexmdi
private function confirmWindowClose(event:Event):void
{
if(event is MDIManagerEvent && confirmCloseCb.selected)
{
// store a copy of the event in case we want to resume later (user confirms their intention)
queuedEvent = event.clone() as MDIManagerEvent;

// this is the line that prevents the default behavior from executing as usual
// because the default handler checks event.isDefaultPrevented()
event.preventDefault();

Alert.show("Seriously? Close it?", null, 3, null, handleAlertResponse);
}
}

// called when the Alert window is closed
// if the user said yes, we execute the default behavior of playing an effect
// and then removing the window by sending the stored event to
// the appropriately named executeDefaultBehavior() method
private function handleAlertResponse(event:CloseEvent):void
{
if(event.detail == mx.controls.Alert.YES)
{
mdiCanvas.windowManager.executeDefaultBehavior(queuedEvent);
}
}

윈도우를 닫을 때 발생한 이벤트에서 이벤트를 clone하여 queuedEvent라는 곳에 임시 저장하고 event는 preventDefault() 한다. 만약 사용자가 윈도우를 닫기 원하면 queuedEvent를 처리한다.

이벤트를 받을 때 타입체크를 하라는 설명도 보인다.

Flex에서 스크롤바 가장 밑으로 내리기

2009-08-16T14:43:00.000+09:00

아래처럼 하면 object에 붙어있는 스크롤바를 가장 하단으로 내릴 수 있다.

object.verticalScrollPosition = object.maxVerticalScrollPosition;
object.validateNow();

적어놨다고 생각했는데 없네.

기술세미나 2009 Flex4 활용 및 UX 구현 테크닉

2009-08-14T09:18:00.000+09:00

어제 2009년 8월 13일 Flex4 활용 및 UX 구현 테크닉을 주제로 세미나가 있었다. OkGosu.Net의 옥상훈님, 한국키스코의 배준균님 그리고 위콘 커뮤니케이션의 지용호님이 세미나를 진행 하셨다. 주제는 각각 UX 구현 테크닉, BlazeDS 활용, Flex 4의 새로운 기능에 대한 것이었다.

backgroundImage 늘리기

2009-08-13T16:05:00.000+09:00

Flex에서 canvas에 backgroundImage를 지정할 수 있다. 그리고 canvas를 늘렸을때 backgroundImage가 canvas 크기에 맞춰서 자동으로 늘어나게 하려면 backgroundSize를 100%로 주면 된다.

PureMVC 사용에 대한 고민 4

2009-08-12T17:04:00.000+09:00

Yakov Fain 중심으로 찾아가면 뭐가 많다. farata에서 공개한 Clear Toolkit을 대충 봤다. Enterprise Development with Flex: Best Practices for RIA Developers 사봐야겠다.

참고 :

+ Anti Flex Frameworks, Shall We? - http://www.flex888.com/768/anti-flex-frameworks-shall-we.html

+ Clear Toolkit - http://sourceforge.net/projects/cleartoolkit/

모르겠다. List의 Label 변경 시점에 변경된 Label 얻기

2009-08-12T09:02:00.000+09:00

Flex에서 List에 editable="true"으로 주면 label을 편집할 수 있다. 그리고 itemEditEnd의 이벤트 핸들러를 지정하면 item이 변경되고 나서 event를 받을 수 있다.

그런데 이 이벤트에서 변경된 아이템의 label을 얻기위해 list.selectedItem으로 title을 얻어봤으나 얻어지지 않았다. 그래서 저장한 XML 일부가 반영되지 않았다.

급해서 저장시점에 list를 돌며 저장하는 방법으로 바꿨음.

Flex로 Design tool 만드려면

2009-08-12T08:22:00.000+09:00

Flex로 Design tool 만들때 컴포넌트들을 리사이징하고 위치를 조정하기 위한 핸들러의 구현이 필요할 수 있다. MFC에서는 CRectTracker라는 것을 지원 했는데 Flex에서는 그런 것을 직접 지원하지는 않는다.

아래 주소의 라이브러리를 사용하면 이를 쉽게 구현할 수 있다.

http://code.google.com/p/flex-object-handles/wiki/ObjectHandlesUsage

dataProvider를 갖고있는 컴포넌트들

2009-08-11T13:18:00.000+09:00

dataProvider를 갖고있는 컴포넌트들

ButtonBar
ColorPicker
ComboBox
DataGrid
DateField
HorizontalList
LinkBar
List
Menu
MenuBar
PopUpMenuButton
Repeater
TabBar
TileList
ToggleButtonBar
Tree

출처 : http://livedocs.adobe.com/flex/3/html/help.html?content=about_dataproviders_2.html

AIR에서 WebORB for PHP 사용

2009-08-04T00:51:00.000+09:00

weborb\Weborb\WEB-INF\flex 위치에 remoting-config.xml, services-config.xml를 잘 변경해줘야 쓸 수 있다. services-config.xml에 my-air-amf 라는 게 있어서 봤더니 주소가 틀려서 접속이 안되더라.

remoting-config.xml 에 보면 아래와 같은 xml이 있다.

이 remoting-config.xml과 services-config.xml이 뭐 어떻게 꿍짝꿍짝 하나본데 급하게 하느라 WebORB에서 문서를 몇 번 찾아보다가 안보여서 그냥 "되는데 뭐~" 하면서 관뒀다.

destination의 id값은 RemoteObject의 destination 프로퍼티 값 혹은 RemoteObject 생성할 때 생성자의 첫 번째 인자로 지정해주는 값이다. source가 만약 com.example.app.FileSystemBrowser로 지정되어 있으면 weborb\Services\com\example\app에 있는 FileSystemBrowser.php 클래스를 사용하게 된다. 기타 다른 클래스가 또 있다면 아래와 같이 지정해주면 된다.

flash.net.registerClassAlias("com.example.app.FolderItem", FolderNode);
flash.net.registerClassAlias("com.example.app.FileItem", FileNode);
flash.net.registerClassAlias("com.example.app.FileSystemItem", FileSystemNode);

이렇게 해두면 flex에서 원격(WebORB for PHP로 구성된 웹서버)에 있는 SomeMethod(fileNode); 메소드를 호출하면 FileNode 타입을 서버에서 받아 그대로 사용할 수 있다. 어쨌든 비동기라 짜기 귀찮긴 하지만 XML 파싱하고 전송하고 받고 그런거 안하는 게 어디야.

label 텍스트에 그림자 넣어 효과주기

2009-08-04T00:32:00.000+09:00

<mx:DropShadowFilter id="filter" distance="2" angle="45" alpha="1" color="#000000" />

<mx:Label text="Hello Blogger!" filters="{[filter]}" color="#FFFFFF" />

label 텍스트에 그림자를 주고 싶으면 위처럼 한다.

ProgressBar label 지정

2009-08-02T18:34:00.000+09:00

ProgressBar의 label을 label="{sStatus} %1 of %2 bytes, %3%%" 이런식으로 지정하는 코드를 WebORB FileUpload 예제에서 봤다.

공포의 프로퍼티

2009-08-02T13:54:00.000+09:00

컴포넌트에 프로퍼티를 만들고 프로퍼티를 mxml로 접근 해보고 싶었다. 런타임 에러가 났는데 이상하게 에러가 나면 리부팅 하기 전까진 해당 프로젝트는 빌드 후 실행이 안되는 거다. 결국 setter는 있는데 getter가 없던 것, 접근 지정자가 protected로 설정되어 있던 것, 데이터 타입이 String인데 Object로 받던 것을 고쳤더니 해결됐다. 프로퍼티를 protected로 하고 mxml에서 접근하려할 때 컴파일 에러가 났으면 좋았을텐데. 아무튼 나의 내공부족.

테스트

1. mxml에서 접근 할 프로퍼티를 public에서 protected로 고쳤더니 문제가 생긴다.

2. getter가 없어서 생긴 문제는 아니다.

Flash Media Interactive Server Feature Explorer

2009-07-30T20:04:00.000+09:00

아래의 주소로 가면 AIR로 만든 Flash Media Interactive Server Feature Explorer를 다운 받을 수 있다.

http://www.adobe.com/devnet/flashmediaserver/articles/fmis_feature_explorer.html

Timer 생성

2009-07-30T13:39:00.000+09:00

_timerDown = new Timer(10);
_timerDown.addEventListener(TimerEvent.TIMER, onDownTimer);
_timerDown.start();

위와 같이 타이머를 실행하면 된다.

Adobe AIR 웹 도움말

2009-07-29T07:23:00.000+09:00

Adobe® AIR® 1.5 Help on the web

http://help.adobe.com/en_US/AIR/1.5/devappsflex/

아래는 한국어로 번역된 것

Adobe® AIR™ 1.5 웹 도움말

http://help.adobe.com/ko_KR/AIR/1.5/devappsflash/

이걸 왜 지금 찾아갖고...

Air에서 Win32 Application execute 하기

2009-07-27T21:31:00.000+09:00

Air에서 기본적으로 Win32 Application을 실행할 수 없다(Air 프로그램은 가능하다). 그래서 MFC로 소켓서버를 만들고 로컬서버에 Air로 그 로컬서버에 접속하는 클라이언트를 만든 뒤 소켓 데이타가 전송되면 MFC 쪽에서 프로그램이 실행되도록 만들었다.

Scrollbar postion이 지정되지 않을때

2009-07-27T11:25:00.000+09:00

grid.verticalScrollPosition = 0;

grid.verticalScrollBar.scrollPosition = 0;

위는 되고 아래는 안된다.

참고 : http://forums.adobe.com/thread/424032

태도

2009-07-27T02:19:00.000+09:00

가치, 유행, 효율 이런 것들로 이야기를 나누는 자리가 불편하다. 나는 그런 것들을 잘 알지 못한다. 모르는 것을 말하고 그 말에 책임감을 느껴야 하는 것이 불편하다는 것이다. 뭔가를 말해야 한다면 누구는 어떤 글에서 이렇게 말하더라 정도로 끝낸다. 적극적으로 보이면서도 책임을 피할 수 있다. 스스로 야비하다는 생각이 들때도 있다.

나는 소프트웨어 개발자다. 이것이 나의 배경이다. 내가 먹고 자고 입을 수 있게 하는 중심에는 내가 소프트웨어 개발자로 일하고 있다는 사실이 있다. 나는 회사가 요구하는 프로그램을 만들고 그것을 팔아 번 돈을 타며 생활한다. 이러한 방식으로 살아가는 사람들이 또 있고 그 사람들 사이에는 이 터전을 가꾸는 방법에 대한 고민이 있다. 이런 것에 대한 생각을 까보이는 것이 어렵다고 했지만 결국 나 또한 무언가가 옳다거나 더 괜찮을 것이라는 믿음을 갖고 산다. 내가 믿는 것들을 어떤식으로 증명하고 실현하느냐가 요즘 나의 가장 큰 고민거리다.

Air에서 애플리케이션의 타이틀바 지우는 방법

2009-07-23T15:16:00.000+09:00

프로젝트를 생성하면 src 디렉토리에 만들어지는 xml 파일이 있다. 여기에 systemChrome 라는 엘리먼트가 있는데 주석을 해제하고 systemChrome의 텍스트 값을 none으로 지정해준다. 여기까지 하고 실행을 하면 타이틀바가 윈도우 타이틀 바에서 flex에서 지원하는 듯한 스타일의 타이틀 바로 바뀐다. 이 마저도 사라지게 하려면 mx:WindowedApplication 의 showFlexChrome 프로퍼티를 false로 바꿔주면 된다.

+ 했더니 메인의 배경으로 지정한 이미지가 사라진다.

Flex에 YouTube 붙이기

2009-07-23T13:51:00.000+09:00

YouTube API에 공개된 Flash용 API는 AS2 기반으로 되어있다. Ben Longoria라는 사람이 이걸 AS3 프로젝트와 Flex에서 사용할 수 있게 래핑한 tubeloc클래스를 공개해놨다. 여기를 가면 나온다. 단점은 이 클래스를 사용하면 스테이지 위에 YouTube player를 한 개밖에 넣지 못한다는 것. 다른 방법으로 가능한지는 아직 모르겠다.

개기일식 사진

2009-07-22T10:58:00.000+09:00

잘 안찍힌다. ㅎ

wmode 문제

2009-07-22T10:57:00.000+09:00

wmode 라는 게 있는데 flash를 포함하는 호스트 애플리케이션 쪽에서 이 값을 transparent, opaque 등으로 지정할 수 있다. 이를 transparent로 지정하면 flash에서 Sprite가 없는 영역에 호스트 애플리케이션의 화면을 보여주게 된다.

회사 flex 프로젝트 중 한 개에서 문제가 발생했었다. 컨트롤 한 개가 스크롤링 되어 스크롤바가 생겼는데 스크롤을 하면 안쪽의 컨텐츠가 깨지는 현상이 발생했다. 문제는 wmode가 transparent 였기 때문인데 이 설정을 지워주니 해결됐다.

doubleClick 이벤트 받기

2009-07-22T10:33:00.000+09:00

doubleClick 이라는 속성이 보이길래 이벤트 핸들러를 걸었겄만 이벤트가 발생하지 않았다. doubleClickEnabled 도 보이길래 true로 줬더니 그제사 이벤트가 발생핬다.

flash 호스트 애플리케이션 메소드 콜

2009-07-22T10:11:00.000+09:00

import flash.external.ExternalInterface;

ExternalInterface.call("methodName", "인자", ... );

위와 같은 방법으로 자바스크립트의 methodName 메소드를 실행시킬 수 있다.

PureMVC 사용에 대한 고민 3

2009-07-21T19:43:00.000+09:00

나랑 비슷한 고민을 하는 사람을 찾았다. 이제 속이 후련함.

참고 : http://flexblog.faratasystems.com/?p=280

아이디어 비즈 뱅크

2009-07-21T08:25:00.000+09:00

아이디어 비즈 뱅크

http://www.ideabiz.or.kr/main.do