Tamia-Officially Missing You

Falling on the rooftop
떨어지는 빗소리 뿐

Ooh baby tell me why'd you have to go
말해줘요, 왜 가버렸나요

Cause this pain I feel
내가 느끼는 고통

It won't go away
도저히 사라지질 않아

And today I'm officially missing you
그리고 오늘, 진짜로 그대를 그리워하네요

I thought that from this heartache I could escape
이 가슴 아픔에서 빠져나올 수 있다고 생각했는데

But I fronted long enough to know There ain't no way
어떤 방법도 통하지 않는다는 걸 알만큼은 됐죠

And today I'm officially missing you
그리고 오늘, 진짜로 그대를 그리워하네요

more..

낚시를 시작하기로 했어.
형들, 선배님들의 그늘을 벗어나 주도적인 낚시를 말이지.
이번 주말에 첫 출조를 가기로 했지.

파트너.. 아니 조수는 정직한.

좋은 정보 감사.

기초에 도움됨
http://www.fishingk.com/new/bbs/board.php?bo_table=wall_talk&wr_id=56&sfl=&stx=&sst=wr_hit&sod=desc&sop=and&page=1

매듭 매는 법 등.. 이 분 블로그도 괜찮아
http://blog.naver.com/chrisjcho?Redirect=Log&logNo=140042227115


끈끼리 연결하는 법

유니노트 매듭

팔로마 매듭

more..

Free video tutorials by Lee Brimelow on the Flash Platform
http://gotoandlearn.com/

1. Flex관련 잡글
 more.. 
 - xml 캐스팅을 이케도 한다는 거

public function resultHandler(event:ResultEvent):void {
	myResult = XML( event.result );
}
Is "XML( event.result );" short for "(new XML()).loadXml(event.result);"? Have you got other examples of RAD type
conversions? Think about $() in JS prototype...



- swf파일에서 html파일의 js함수 호출이 되고 데이터 교환이 가능하다는 거
[ swf 파일 ]
var htmlReturnValue:String;
htmlReturnValue = String(ExternalInterface.call("showStatus", " A message can be sent to the HTML page
                           Javascript showStatus() function from the application (swf --> HTML)"));
Alert.show(htmlReturnValue);

html 파일엔 showStatus라는 함수가 있고 뭔가 문자열을 리턴하고 Alert.show로 찍는 예제야.



- Local Connections : 한개 이상의 swf파일 내에서 다른 local connection 안의 메소드를 호출 할 때 쓴대.
a call to the send() method passing the connectionName, methodName and arguments
샘플 튜토리얼 url : http://learn.adobe.com/wiki/display/Flex/Local+Connections


- 결과값(xml) 그리드에 바인딩
<mx:HTTPService id="areacodeService" ............../>
...
... 
<mx:DataGrid dataProvider="{areacodeService.lastResult.Table}">
areacodeService.lastResult 는 xml형태의 문자열이 담겨있는데.. 저걸 .Table 로 그리드에
바인딩을 시키네. 플렉스 아직 어렵진 않은 것 같은데 참 생소하다.


- 이벤트 전파(?? Event Propagation)
예전에 어디서 이거 관련된 글을 읽었더라.. 누구 블로그였는데..?
버튼의 클릭 이벤트가 발생할 때 그 버튼하고 감싸고 있는 다른 객체에서 Capturing, Bubbling단계가 있고
브라우저마다 처리하는게 좀씩 다르다고 했던 거 같은데, 대충 그거랑 관련된 예제네.
http://learn.adobe.com/wiki/display/Flex/Event+Demo


 1. Capturing phase: Flex checks to see which ancestors are 
  registered as listener's for the event starting from the 
  root application object to the direct ancestor of the target
  (root노드부터 target노드까지 훑으면서 이벤트리스너 존재여부
   를 확인하는데, 기본적으로 컨테이너들은 useCapture=false
   이기 때문에 Capturing단계를 거치지 않는다.)

 2. Targeting phase: Flex invokes the target's event listeners
  (Target노드의 Event를 동작(trigging)한다.)

 3. Bubbling phase: Each registered listener is given a chance
  to handle the event starting from the direct ancestor of
  the target to the root application object.
                                        (target노드부터 root노드까지 Event Listener를 동작한다.)

2. Flex UI
- Container
The Application container lays out all its children vertically by
default. They are 3 possible values for the Application's layout property:
 more.. 
vertical - lays out each child component vertically from the top of the application to the bottom in the specified order.
horizontal - lays out each child component horizontally from the left of the application to the right in the specified order.
absolute - Absolute positioning does no automatic layout and requires you to
explicitly define the location of each child component.
- 태그샘플
 <mx:HDividedBox width="100%" height="300">
     <mx:Canvas ........>...</mx:Canvas>
     <mx:Canvas ........>...</mx:Canvas>
 </mx:HDividedBox>

이건 뭐 대충 레이아웃 잡는 태그중 하난데 상하위 관계로 배치하는 그저 단순히 샘플..
상대적인 위치로 컴포넌트들 배치를 할때 사용하는 등~

- mxml 내에서의 스타일 정의
 <mx:Style>      
        .header {
            color: #ffffff;
            fontSize: 15;
            fontWeight: "bold";
        }
 </mx:Style>

이런식으로 하는구나...

- MXML과 Action Script 3.0
플렉스컴포넌트는 위의 둘을 사용하여 애플리케이션을 추가한대.
MXML로 작성된 코드는 Action Script 3.0으로 컴파일이 된다네.
그리고 MXML 내에서 <mx:Script>태그를 통해 Action Script 3.0이 작성되기도 해.

- 로드시 실행되는 함수지정?
Application 태그에 지정하는 속성 중에 creationComplete 랑 initialize. 두가지를 사용하는 예를 봤는데
차이점이 뭐지? 알아봐야겠다.
--> http://xprogrammer.tistory.com/318 이런 차이점이 있구나.. 링크에 자세히 설명됨.
컨테이너나 컨트롤에 initialize 이벤트가 발생할 때, width, height, position은 계산되지 않는다.
initialize 이벤트는 컨테이너의 자식 컨트롤에 대한 환경설정을 할 때 유용하다. 컨테이너의
initialize이벤트를 통해서 자식을 추가하거나 컨테이너의 스크롤바 스타일을 설정할 수 있습니다. 
initialize이벤트는 컨트롤이 사용하는 data provider를 초기화할 수 있습니다.
creationComplete 이벤트는 컨테이너에 포함된 자식 컨트롤이 화면에 표시되면 발생합니다.
물론 화면에 표시되기 전에 initialize이벤트에 대한 처리는 끝난 상태입니다. 자식 컨트롤의 width, height,
position과 관련된 일을 할 때만 사용하고, layout과 관련된 일을 하는 것은 부하를 주므로 피해야 합니다.
.

3. Flex Form
쿼리전송을 위한 Form사용 튜토리얼. (근데 메뉴쪽 에러나있네 ㅡㅡ?)
http://livedocs.adobe.com/flex/3/html/help.html?content=layouts_08.html

4. Displaying lists of items.
- DataGrid 사용  (http://learn.adobe.com/wiki/display/Flex/DataGrid)  
 more.. 
 이런 특징들..
Resizeable columns - 컬럼 사이즈 조절
Customizable columns and row headers - 행, 열 헤더 사용자 정의
Editable - 수정가능
Multiple modes of selection - 여러 항목 선택가능
Use of custom item renderer - 이건 좀 더 보자
Paging of data - 페이징
Drag and drop capability - 드래그 앤 드랍.. 오 편하네..
    <mx:DataGrid id="datagrid_id" .........>........</mx:DataGrid> 태그로 정의하고
    datagrid_id.dataProvider = photoFeed; // 이런식으로 바인딩

    <mx:Label text="{data.title.getItemAt(0)}" .......> 받아온 xml데이터는 저런식으로 사용하네.

- XML파싱해서 쓸 때 
태그 : <yweather:location city="Schenectady" region="NY" country="US"/>
값추출,할당 : weatherObject.city = myResult.channel.yweather::location.@city;
    
- 데이터 배열에 담은 것을 DataGrid에 바인딩 할 때
var a:Array = new Array(weatherObject);   // 객체를 배열에 담아가가..
listContents = new ArrayCollection(a);    // 배열을 배열모음에 담아가가..
test1.dataProvider = listContents;        // DataGrid에 바인딩한다.
- 태그 안에 있는 값 정규식으로 뽑아오기
var pattern:RegExp = /img src="(.+?)"/;                
var results:Array = pattern.exec(fromHtml);                
var imageURL:String = results[1].toString(); // backreference 1 from pattern

imageURL안에 <img src="AAA"> 태그의 AAA값이 담기는데.. 후.. 정규식은 맨날 봐도 까먹드라. 쓸일이 잘 없어.

5. Flex에서 제공하는 유용한 UI 태그들
샘플을 보고 싶다면 : http://learn.adobe.com/wiki/display/Flex/Accordion
 more.. 
  <mx:Accordion...> VBox태그들.. </mx:Accordion> : 세로로 토글되는 메뉴
 <mx:TabBar dataProvider="{viewstack1}" /> : 탭메뉴
 <mx:NumericStepper...> : 숫자 클릭해서 올리고 내려가며 텍스트박스에 표시하는 컨트롤
 <mx:TabNavigator...> : 탭메뉴인데 액션이 가미되어있네
 <mx:ViewStack...> : 여러 화면 View들을 저장해서 보여주고 숨기고 하네

6. 사용자 컴포넌트
Flex도 xx.as파일로 컴포넌트를 정의하여 필요할 때마다 mxml파일에서 갖다 쓸 수 있도록 하는데,
자바와 마찬가지로 package를 정의한다. 폴더구조로 저장되는 것까지 자바와 유사하므로 Flex에서
as파일을 만들 때 Action Script Class메뉴를 선택하여 package도 적절하게 적어줘야 하는 경우가 있다.

- 컴포넌트는 mxml(Application태그가 없겠지)로 만들 수도 있고
  ActionScript로 만들 수도 있어(클래스로 커스텀 태그를 만들어).

- EmailValidator라는 클래스가 아예 있네. 편하네.

7. BlazeDS와 Flex의 조합
BlazeDS가 뭔지는 여러글을 읽어봤지만 감이 좀 덜 온 느낌이야.
톰캣기반으로 패키징되어서 Flex랑 짬뽕해서 아주 간단하게 원격메소드를 호출하거나 비동기적으로 메세지를
보내는걸 봤어.

<mx:Consumer id="consumer" destination="chat" message="messageHandler(event.message)"/>
<mx:Producer id="producer" destination="chat"/>
Producer객체를 통해 메세지를 BlazeDS 서버로 send하면 Consumer객체에 메세지 이벤트가 발생하면서 
messageHandler함수에 작성된 코드가 실행되겠지. 
이때 Application 태그에는 creationComplete="consumer.subscribe()" 와 같은 코드가 있어. 
Consumer를 구독하겠다는 뜻이겠지. 
사실 BlazeDS에 대해서 머리 속에 정리가 덜 됐어. 몇개 더 실습해봐야겠다.