블로그 이미지
올해목표 // 10월 어학연수 떠나자~ 자수씨

카테고리

전체글 (1457)
Brand New! (28)
주절주절 (213)
MOT (11)
해외쇼핑 (49)
쇼핑노트 (150)
취미생활 (94)
iPhone (4)
Eclipse (121)
Google (83)
GWT (64)
Google Gears (2)
Google Chart API (4)
Android (2)
Spring (31)
JAVA (176)
JavaScript (59)
WEB (49)
Database (20)
OS (26)
Tools (8)
Tips (26)
IT정보 (1)
Book (21)
Programming (37)
외부행사 (43)
주변인들 (17)
여행노트 (60)
학교생활 (30)
회사생활 (52)
사회생활 (5)
외국어공부 (12)
잡동사니 (30)
Total
Today
Yesterday
 
04-08 03:55
 

달력

« » 2025.4
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
 

공지사항

최근에 올라온 글

최근에 달린 댓글

GWT-Ext UX 파일업로드 핸들러 구현하다가...

Google/GWT / 2008. 12. 17. 11:33

GWT-Ext UX 로 파일업로드를 구현하기 위해서 업로드 핸들러를 스프링으로 구현해 보았습니다.





초기 구성은 PL아저씨 가 해 놓은 것을 숟가락으로 떠먹을려고만 했었는데...
역시 진행중인 작업에 픽스해서 처리해놓으신게 있어서 차려놓은 밥상의 반찬들을 다시 데워서 먹어야 하는
상황이 되어버렸습니다.

일단 위의 업로드컴포넌트의 핸들러는 json 객체를 리턴해야합니다.
{ success: true, data: ... }
자체 컴포넌트 내에서 response 에 데이터를 json 으로 인식해서 success 가 true 일 경우에 정상적으로 업로드를
인식하는 것이었습니다.

PL아저씨는 uploadController 의 successView 를 jsp 로 만들어서 처리하였지만, 나름 스프링좀 해봤다는 저는
경험을 활용해서 View 로 처리해보겠다는 생각을 하였습니다.

나름 자신있게 코드를 작성하고 확인을 했는데 재대로 동작을 하지 않는 것이었습니다.
view source
print?
01public void render(Map model, HttpServletRequest request,
02        HttpServletResponse response) throws Exception {
03    ...
04 
05    UploadFileBean bean = (UploadFileBean) model.get(UPLOADFILE_KEY);
06    String result = String.format("{ success: true, data: [{'name': '%s'}, {'size': '%d'}] }", bean.getName(), bean.getLength());
07    PrintWriter writer = null;
08    try {
09        writer = new PrintWriter(response.getOutputStream());
10        writer.write(result);
11    } catch (Exception e) {
12        logger.error("UploadFileSuccessView::renderMergedOutputModel >>> " + e);
13    }
14 
15    ...
16 
17}


한... 1시간여 삽질을 하다가 혹시나 하고 해보았는데... 되었습니다. -_ㅜ...
view source
print?
01public void render(Map model, HttpServletRequest request,
02        HttpServletResponse response) throws Exception {
03    ...
04 
05    UploadFileBean bean = (UploadFileBean) model.get(UPLOADFILE_KEY);
06    String result = String.format("{ success: true, data: [{'name': '%s'}, {'size': '%d'}] }", bean.getName(), bean.getLength());
07    PrintWriter writer = null;
08    try {
09        writer = new PrintWriter(response.getOutputStream());
10        writer.write(result);
11    } catch (Exception e) {
12        logger.error("UploadFileSuccessView::renderMergedOutputModel >>> " + e);
13    } finally {
14        writer.close();
15    }
16 
17    ...
18 
19}

무엇이 추가되었는지 보이시나요?? 나름 디자인패턴 책을 보고 io 쪽에서는 상위에서 close 하면 하위를
찾아가면서 close 된다는 것을 봤던 것을 잘못이해해서  어차피 response.getOutputStream() 을 통해서
만든 PrintWriter 를 close 안해도 되겠지라는 생각으로 close 를 안해줬더니 안되는 것이었습니다.

여튼 붙이는 것은 성공했습니다. 어줍잖게 알다가 삽질마일리지만 차곡차곡 쌓았네요~ ㅋㅋ
삽질마일리지 적립해서 아이팟 사야지!!


Posted by 자수씨
, |

[GWT] 1.6 소식~

Google/GWT / 2008. 12. 14. 03:17

지난 12월 10일 GWT 블로그에 1.6 버전과 관련된 소식이 올라왔습니다.


언제쯤 GWT IoC 와 Comet 을 정식으로 제공해주는 걸 볼 수 있을까요....


Posted by 자수씨
, |

[GWT] return 과 callback 에 대한 고찰..

Google/GWT / 2008. 12. 11. 18:42

GWT 는 UI 프로그래밍이기에 이벤트에 따라서 액션이 발생되는 구조입니다.
어떤 메소드를 호출해서 결과를 받는 것이 절차적으로 이루어진다면 문제는 없겠지만 RPC 호출 후의 결과 값을
반환하고 싶다면 어떻게 해야 할지에 대해서 고민을 좀 해보았습니다.



이렇게 쓰면서도 좀 애매한 부분이 있습니다만... 일단 정리합니다.
_M#]
구조만 잘 설계한다면 저러한 코드는 나오지 않아도 될 듯... 입니다 ㅋㅋㅋ
기존 프로젝트 방식으로 모듈을 나누어서 개발하고 합치는 과정에 분명히 발생할 수 밖에 없는 문제입니다.

Posted by 자수씨
, |

[GWT] Design Doc for 1.6 WAR structure

Google/GWT / 2008. 12. 7. 03:42
[원문] http://code.google.com/p/google-web-toolkit/wiki/WAR_Design_1_6

In 1.5, GWTShellServlet served resources directly off the classpath (for public files), or generated files from a temporary location. This has the advantage of allowing fast refresh and resource updating, and making things "easy". However, it has the downside of not leaving the user with something that's easy to deploy.

We will rectify the deployment issue in 1.6 by standardizing GWT around the "expanded WAR format". The two key principles are:

  1. The result of running the GWT compiler (and possibly some associated tools/build rules) will be an expanded WAR directory structure that can be immediately deployed to a Java Servlet Container compatible web server.
  2. Hosted mode will operate using essentially the same format, in the same directory, to ensure that hosted and compiled web applications behave the same.

In 1.6, we always dump all resources directly into the WAR directory, which the server serves directly out of. We automate in hosted mode what a build process would do. This is triggered by the Hosted Browser actually executing a selection script; the selection script (when running hosted mode) forces a hosted mode link. Subsequent GWT.create() calls may cause incremental links.


GWT 1.6 이 보이길래 GWT 1.6 버전 개발 계획인지 알고 냉큼 떡밥을 물었더니 deploy 와 관련된 내용이네요.

내용을 슬쩍 보아하니 머리속에서는 이해가 되는데 번역이 안되네요 ㅋㅋㅋㅋ

아... 영어...




Posted by 자수씨
, |

[GWT] Design: Out of Process Hosted Mode (OOPHM)

Google/GWT / 2008. 12. 7. 03:32
[원문] http://code.google.com/p/google-web-toolkit/wiki/DesignOOPHM

저의 짧은 영어 실력으로 확인한 결과는 SWT 브라우저(기존 hosted 모드)가 아닌 실제로 사용하는 브라우저에서 GWT 의
디버그가 가능하도록 GWT 팀이 달려주시는 것 같네요.


아래 그림에서 보면 각 브라우저 별로 플러그인을 통해서 처리를 하는 것 같은데...
실제로 릴리즈 되기만을 기다려봐야지 정확히 알 것 같습니다. (아니면 소스를 체크아웃하거나...)


사용할 수만 있다면 여러 브라우저에서 디버그를 할 수 있어서 개발시 많은 도움이 될 것 같습니다.


Posted by 자수씨
, |

gwt-ext 에 jface 의 action 과 같은 처리방법을?

Google/GWT / 2008. 11. 30. 22:12

최근에 하는 업무가 RCP 로 어플리케이션 개발을 하는 것과 gwt-ext 에서 ui 페이지를 구성하는 작업을 하고 있습니다. 하면서 느끼는 점은 RCP 에서 Action 을 사용하면 이벤트에 대한 재사용이 편한 것과는 달리 gwt-ext 는 정리가 되지 않은 것 같습니다. 

최근 viewer 쪽도 gwt-ext 에서 비슷하게 사용할 수 있는 방법을 찾고 일부 적용해보고 있습니다. Action 쪽도 정확하게 컨버팅은 할 수는 없을지라도 비슷하게 만들어 놓으면 RCP 와 gwt-ext 작업을 병행하는데도 편해질 것 같습니다.

그 전에 jface 를 재대로 이해하지 못한다면... 저만의 라이브러리가 되버릴수도....





Posted by 자수씨
, |

[gwt-ext] uface - JFace Data Binding for GWT, gwt-ext, MyGWT and Swing.

Google/GWT / 2008. 11. 29. 16:21

gwt-ext 로 개발을 하다보면 jface 가 그리워지곤 합니다.

특히 트리를 좀더 체계적으로 구성해보고 싶은 마음이 굴뚝같아서 구글에서 갬색을 해보았더니
아래와 같은 프로젝트가 나왔습니다.



프로젝트 명은 uface 입니다. (http://code.google.com/p/uface/)

JavaDoc 을 살짝 봤더니 원하는 내용이 담겨져 있는 것 같긴한데... 릴리즈된 것 은 없는 듯 합니다.
아직 Maven 을 다룰줄 몰라서 소스를 내려받아도 답이 안나오네요..

복학하고 난 담에 Maven 좀 깊숙하게 파볼까 합니다.





Posted by 자수씨
, |

[GWT Ext] ToastWindow 지원??

Google/GWT / 2008. 11. 26. 11:41

GWT-Ext User Extensions 의 최신버전을 받아서 보면 ToastWindow 가 없습니다.
데모페이지에는 떡하니 나와있는데 말입니다.
데모의 소스를 실제 프로젝트에 적용하면... 아무것도 나오지 않습니다.

그래서 js 를 찾기위에 구글을 뒤적뒤적....

Ext JS 포럼에서 찾은 소중한 글...

다음 script 를 추가하면 될 것 같았습니다.
view source
print?
01Ext.ux.ToastWindowMgr = {
02        positions: []
03    };
04 
05    Ext.ux.ToastWindow = Ext.extend(Ext.Window, {
06        initComponent: function(){
07              Ext.apply(this, {
08                  iconCls: this.iconCls || 'information',
09                width: 200,
10                height: 100,
11                autoScroll: true,
12                autoDestroy: true,
13                plain: false
14              });
15            this.task = new Ext.util.DelayedTask(this.hide, this);
16            Ext.ux.ToastWindow.superclass.initComponent.call(this);
17        },
18        setMessage: function(msg){
19            this.body.update(msg);
20        },
21        setTitle: function(title, iconCls){
22            Ext.ux.ToastWindow.superclass.setTitle.call(this, title, iconCls||this.iconCls);
23        },
24        onRender:function(ct, position) {
25            Ext.ux.ToastWindow.superclass.onRender.call(this, ct, position);
26        },
27        afterShow: function(){
28            Ext.ux.ToastWindow.superclass.afterShow.call(this);
29            this.on('move', function(){
30                   Ext.ux.ToastWindowMgr.positions.remove(this.pos);
31                this.task.cancel();}
32            , this);
33            this.task.delay(2000);
34        },
35        animShow: function(){
36            this.pos = 0;
37            while(Ext.ux.ToastWindowMgr.positions.indexOf(this.pos)>-1)
38                this.pos++;
39            Ext.ux.ToastWindowMgr.positions.push(this.pos);
40            this.setSize(200,100);
41            this.el.alignTo(document, "br-br", [ -20, -20-((this.getSize().height+10)*this.pos) ]);
42            this.el.slideIn('b', {
43                duration: 1,
44                callback: this.afterShow,
45                scope: this
46            });
47        },
48        animHide: function(){
49               Ext.ux.ToastWindowMgr.positions.remove(this.pos);
50            this.el.ghost("b", {
51                duration: 1,
52                remove: true
53            });
54        }
55    });


테스트 코드를 실행시키면!!!
view source
print?
1ToastWindow tw = new ToastWindow("토스트 윈도우", "문서가 임시저장되었습니다.");
2tw.setIconCls("icon-exclamation-header");
3tw.show();


잘 나옵니다....





GWT Ext ux 에서 왜 빠졌는지는 모르겠지만.. (라이센스 때문인가???)
메신저에 익숙해진 사람들에게는 저런 메세지가 강력할 듯 하네요~~

Posted by 자수씨
, |

[GWT] OpenerEvents

Google/GWT / 2008. 11. 23. 18:21

원래 GWT 가 팝업된 윈도우와의 이벤트는 고려를 하지 않고 만들어졌기 때문에 팝업을 주로 사용하는 시스템에서는 팝업 윈도우와 원래 윈도우간의 커뮤니케이션 수단이 필요합니다.



Opener 윈도우에 이벤트 처리 핸들러를 등록해놓고, Popup 윈도우에서 이벤트를 실행시키는 형식입니다.


Posted by 자수씨
, |

Google Guice??

Google/GWT / 2008. 11. 20. 23:47

[Google Guice 프로젝트 페이지]

GWT로 IoC를 해볼수 있는 방법을 찾아보다가 google-gin 이라는 것을 찾았습니다.
GIN (GWT INjection) allows you to use Guice in GWT client-side code.
Guice?? 영어사전을 찾아봐도 나오지 않았습니다. 그래서 그냥 검색해본 결과는...
스프링에 대해서 반감을 가진 어떤분이 만든 이야기로 해석이 되었습니다.
(살짝 먼지만 알아보려 찾아본거라 다를 수도 있습니다.)


그래서 Guice User's Guide 를 보았으나... 어렵네요 ㅋㅋㅋ

Comet 과 함께 관심사 항목에 집어 넣습니다. (언제 끄집어낼지는 `~`)



Posted by 자수씨
, |

글 보관함

최근에 받은 트랙백

티스토리툴바