안승규의 블로그 (Stay hungry, stay foolish)

Flex 로 웹 프로그래밍을 할 때... 특히 게시판과 같은 시스템을 만들 때 고려할 점~~

1. Flex 위에 게시물 상세정보(HTML) 이 보여줘야 한다.
   (1층 : Flex, 2층 : HTML 상세정보)
2. 상세정보를 스크롤 할 때 상세정보 내용이 스크롤 되면서 상단위 플렉스 영역을 침범하면 안된다. 
3. 게시물을 작성할 때 javascript 에디터나 ActiveX 컨트롤을 사용한 에디터를 사용한다.
4. 게시물 저장 버튼을 클릭할 때 확인 메세지가 레이어로 떠야 한다.
    (1층 : Flex, 2층 : ActiveX, 3층 : Flex 레이어 팝업)
5. Flex 의 로딩시점과 ActiveX의 로딩시점이 꼬이지 않게 정확한 로딩 순서를 보장해야 한다.
6. 포커스 처리
    (처음 창이 뜰 때와 탭등으로 포커스 이동 등)
7. Drag & Drop 기능을 사용할 때 잔상이 안남게 하는 방법
8. swf 로딩을 이용한 모듈과의 LocalConnection 사용 시 자주 끊길 수 있는 문제

적어도 이 정도를 고려하지 않으면 Flex 로 HTML 내용을 저장하는 게시판 만들 생각하지 마세요..

근데.. 저희는 해결했습니다.. ^^

event 의 속성에 보면 target 과 currentTarget 이 있는데 이것이 의미하는 바는 다음과 같다.

currentTarget  = listener 를 등록하여 event를 받을려고 하는 Object
target = event 를 dispatch 시키는 Object

예를 들어 list 컴포넌트에 각 row를 나타내는 render를 addChild 했을 경우 row 를 클릭했을 때
render 가 먼저 click 을 받아서 dispatch 시키므로 target 은 render 가 된다.
이 때 list 에 addEventListener를 등록했다면 currentTarget 은 list 가 된다.

아주 우연한 기회에 플렉스 프로젝트를 시작하면서 간만에 실력있는 사람들을 만난것 같다.
ActionScript 를 이용하여 가벼운 Framework 를 만들었는데 이를 이용하면 Flex 를 대체하여 시스템을 개발할 수 있다.
향후 이 Framewokr를 오픈소스를 오픈할 생각이라고 하니 지금 프로젝트를 하면서 하나 하나 알게된 내용을 조금씩 적을까 한다..

물론 업체의 저작권을 생각해서 세부적인 내용을 제외하고 내가 나중에 찾기 편하게 참고가 될만한 내용만 적을 것이다.

[최초 생성 될 때]

createChildren() -> onStageOnce() -> invalidateProperties() -> commitProperties() ->
addLifeCycleHandler() -> lifeCycleHandler() -> updateDisplayList() -> creationCompleted()

[라이프사이클 등록]

invalidateProperties() 나 commitProperties() 를 통해서 등록


[라이프사이클]

commitProperties() -> measure() -> updateDisplayList()


[메소드 호출]

1. set width(), height() -> updateDisplayList()
2. get width(), height() -> lifeCycleHandler() -> commitProperties() -> measure()
3. invalidateSize(), invalidateWidth(), invalidateHeight() -> measure()
 
measure() -> measuredWidth() -> measuredHeight() -> setSize()
setSize() -> updateDisplayList()