몇일전 업데이트 이후로 서비스중인 프로젝트가 갑자기 메모리가 치솟는 버그가 발생

거의 5분만에 점유율이 2배가까이 늘어나버리는..

급하게 프로파일링을 돌려보았는데 갑자기 상황이 막막하네요

난 내눈이 잘못된줄 아랐네.. Instance와 Memory 사용량이 같은데...

전체 메모리와 사용메모리가 늘고 있는 ㅠ


아 정말 개발자를 안티로 만드는 언어는 파워빌더 이후 첨이네..

회사에서 이번 프로젝트 하나를 제목과 같은 환경으로 하여 개발을 하였는데

문제가 아주 상당수 나왔습니다.

기본적으로 Flex4.1 ~ 4.5대의 SDK에서의 Spark 는 디자인의 한계를 극복하는등의

장점도 다수 있으나 기존 mx 컴포넌트를 100%모두 커버할수 있을정도로 SDK자체가 개발되지 않았고

모든 컴포넌트또한 완벽히 대채가 되지 않더군요

프로젝트를 하면서 계속하여 이슈가 발생하였고 그때마다 특정한 규칙을 두고 문제를 회피하는

방법으로 하였는데 결과적으로는 썩 만족스럽지가 않네요

새로 개발될 Flex 5 에서도 이런식이면 빨리 Flex 는 접고 HTML5 로 넘어가는게

몇년후를 생각하면 좋을지도 모르겠습니다.

대충 생각나는데로 크게 Issue가 되었던 몇가지를 포스트 해볼까 합니다.


1. mx:RadioButtonGroup
RadoButtion 태그는 Spark에서 지원을 해주고 있습니다. 하지만 Spark의 RadioButton 을 사용시
그룹핑기능이 아예 빠져있기때문에 mx:RadioButtonGroup 이 하던일을 손수 코딩하여야 하는 번거로움이 있습니다. 실제로 제 경우 RadioButton 이 수십개에 달하는 페이지가 있었는데
Spark의 RadioButton을 이용 RadioButtonGroup 이 동작하지 않는것을 보고 일일이 Event를 걸어야 하나 하다가 결국 mx:RadioButton 으로 모두 변경하고 RadioButtonGroup 이벤트 몇개만으로 해결을 보았습니다. ㅠ

2. PopupManager
기존 Flex 3.5에서 개발했던 모듈과 컴포넌트를 그대로 약간에 수정을 거쳐 사용하고 있었는데
팝업되는부분들이 모두 깨져나오는 현상이 발생했습니다.
구글링을 해보니 createPopUp 시 parent의 moduleFactory 를 넘겨주어야 한다고 하네요
버그는 아니고 기존 Flex 3.x 에서 Spark로 넘어오면서 StyleManager의 형태변화로 인한것이라고 하는데요. 자세한것은 제가 머리가 좋지못해 구글링을 통해 참고를;;

3. Module - PopupManager
Module 을 이용하여 페이지를 구성시에 해당 모듈에서 Popup을 이용했을때
Popup의 create와 동시에 배경의 Style이 깨지는 문제가 있었는데요
이게 거의 모든 컴포넌트에서 동시다발적으로 발생하는 현상이더군요 ㅠ
이문제때문에 굉장히 괴로운나날을 보내야 했는데
구글링을 통한 레퍼런스조차도 너무 부족해서 해결다운 해결은 보지 못했습니다.
일단 배경의 깨짐이 발생할때의 문제는
AdvancedDataGrid 의 외각 테두리가 사라집니다. ㅠ
ColumeChart에서 LineSeries 를 혼용하여 사용시 ColumnChart의 DataProvider가 깨집니다.
(데이터는 존재하지만 화면의 그래프가 모두 바닥을 치더군요.. 아무리 디버깅해보아도 데이터는 분명히 있는데 ㅠ)
등등...
그냥 그때그때 깨졌을때의 모양을 어떻게든 복구하는 형태로 고치긴 하였습니다만 원천적인 해결방법은 아니구요 정말 사람 질리게 하더군요...

4. Chart의 LabelRenderer (AxisLabel) 메모리 누수
이것 역시 구글링을 해보면 굉장히 많은 Issue 제기가 되고있었는데 뚜렷한 해결방법이 보이질 않더군요... Chart를 지우고 차트의 child를 모두 찾아 널처리를 해보고 removeChild 도 하고
labelRenderer 지정역시 널처리를 해보고 별짓 다해보았습니다만
절대 사라지지 않는 인스턴스들... 
이런것들 보면 차라리 Flex SDK 3.x 대가 훨씬 코딩하기엔 안전성이 좋지않았나 생각해봅니다.
 
5. IE9에서의 Flash player 메모리 누수
IE9의 문제라고 보는게 더 맞을듯 합니다.
IE6, FF, IE7, IE9 에서 테스트와 개발을 하고있는데
IE9 에서만 발생하더군요.. 뭐 곧 업데이트나 픽스가 나오겠지만..


대충 생각나는것들만 이정도네요
Flex프로젝트를 할때 SDK 4~5 사이의 SDK에서 혼용방식은 절대 사용하지 마시길...

Flex4부터 SDK의 대부분의 컴포넌트들이 많이 소스형태로 나와있는데요
예전 포스팅했던 AsyncCollection 이라던가 많은 기능들은 기존 3.5 SDK버젼에 대채하여 사용하는것도 괜찮을듯합니다. 테스트해보고 문제만 없다면...

Flex를 이용 약 100여개의 차트가 한화면에 떠서 거의 무제한으로 실시간 감시가 되어야하는

프로젝트를 진행중인데 가장 문제는 GC의 해제가 잘안되는것과 소스의 덩치로 인한 메모리

점유문제였다. 코딩만으로는 한계가 있고 아무리 release 를 잘하고 최적화를 해도

사람이 하는건데 빈틈도 많은.. ㅠ

Flex의 GC 로인한 문제를 2중 어플리케이션 구조와 IFrame을 이용하여

거의 완벽(?)에 가깝게 해결을 보았는데 IE9 가 태클을 ㅠ

문제는 Flex에서 flash.system.System.totalMemory 를 체크하여 특정 점유량 이상일때

하위 어플리케이션이 새로고침되도록 해서 거의 무식하게 GC가 아닌 아예 Flash player 자체를

새로고침하는 방법을 고안하여 사용하였는데

IE6, 7, 8 에서는 잘되지만 IE9만 유독문제를 일으킨다 ㅠ

문제는 IE9의 자체 캐쉬기능때문인건지 원인파악은 안되지만 구글링해보았을때

IE9의 메모리점유율 문제가 상당히 마니 검색되어 나오는걸로 봐서 자체버그인듯한..

IE9는 특정 페이지 접속시 상당히 기본 메모리 점유량이 큰데 아래 스크린샷과 같다

같은 페이지를 띄우고 확인하는데도 불구하고 IE6에서는 111메가 가량..

IE9에서는 171메가나 된다.. 더웃긴것은 새로고침을 하여도 도메인이 바뀌지 않으면

HTML에서 메타를 이용한 no-cache 등의 설정도 거의 무용지물..

캐쉬설정을 다 꺼보아도 preloader를 타지 않는다 ㅠ 아.. 미치겠...

저 망할 171메가는 늘어나면 늘어나지 아무리 F5를 연타를 하여도 줄어들진 않는다 ㅠ 뭐이런...

IE9 이하 다른 버젼에서는 아주 잘되는데.. 새로고침시 정말 아주 무식하게 메모리 점유율이

떨어지는것이 눈으로 확인이 된다.

막 나온 IE9 버젼은 되도록이면 사용하지 않는게.. 확실히 과거버젼에 비해 안전성을 좋아진듯하지만

몇몇 금융사이트에서는 아예 윈도우7의 블루스크린을 보여주는등

믿음이 썩 가지는 않는다 ㅠ





※ 20111015 추가 

현재 IE9 에서 프래쉬의 embed 시 url 뒤에 GET방식으로 timestamp 등을 파라메터로 넣어

Cache 가 되지 않도록 하여 보완할수 있습니다.

public List getList(BoardVO vo) throws SQLException {

return sqlMapper.queryForList("board.getList", vo);

}

JSP페이지에 검색부분은 이런식일테고

<select name="searchKey" >

<option value="all">제목+내용</option>

<option value="title">제목</option>

<option value="content">내용</option>

</select>

<input type="text" name="searchValue" />

<input type="submit" value="검색" />

자바 소스에 추가되는 내용은 이정도겠죠?

vo.setSearchKey(request.getParameter("searchKey") );

vo.setSearchValue(request.getParameter("searchValue") );

이클립스에서 VisualEditor 플러그인을 설치하여 사용해보았습니다

(http://www.ehecht.com/eclipse_ve/ve.html)

설치는 간단한.. 그저 자신의 이클립스버젼에 맞는 링크를 다운받아

이클립스 설치 폴더에 덮어쓰기로 추가하시면됩니다.

그런후 이클립스에서 새로운 프로젝트를 보면 Visual Class 가 표시됩니다.

간단한 Swing 윈도우 어플을 만들어보았는데

VE가 상당히 깨집니다 ㅠ 영문은 모르겠지만;

콘트롤을 추가할때 AWT, Swing 콘트롤 클래스를 입맛에 맞게 골라 사용할수 있습니다.

AWT 콘트롤로만 구성을 하면 안깨질지도 모르겠지만;;

Visual Class의 편집화면 상단에 윈도우폼이 처음엔 안깨졌는데 ㅠ 깨졌다 안깨졌다를 반복하는;;

뭐 흉하지만 크게 불편하진 않습니다. 어차피 VE가 없을때는 일일이 머릿속에서 상상하며 그렸으니..



일반 자바클래스의 편집화면.. 뭐 항상보는..



자바로 윈도우 어플을 개발하면 참 이로운점중 하나가

JDBC를 이용한 오라클DB연결입니다.

이때는 여타 응용프로그램 개발언어들과는 틀리게 오라클클라이언트가 필요없으니

바로 2-Tier의 DB연결이 가능합니다.

하지만 VE의 이런 노력에도 불구하고

GUI 프로그램은 왠만하면 자바 Swing 프로젝트로 안하시는게 정신건강에 이롭습니다.

그저 집에서도 쓸만한 급할때 오라클클라이언트 없이 DB에 붙기위해 간단한 어플제작할 일이 있어

오랫만에 사용을 해보았지만..

정말 이걸로 프로젝트는 하기싫은..;;

VSmooth 로 이클립스에서 Jar로 Export후 EXE컴파일을 할수 있습니다.

말이 컴파일이지 그저 배포하기 좋은형태로 구성하는정도..

EXE 생성은 별문제가 없습니다.

JDK 의 최소버젼 설정.. 어플의 분류 설정(콘솔인지, 윈도우용인지 서비스인지등)

그리고 저처럼 JDBC등을 사용한다면 별도의 Jar을 Embed 할수도 있습니다.

Generating core library 이후 라이브러리의 인스톨 이후에도

문제가 발생하는경우 RadRails 플러그인 전체 (3개)를 UnInstall 해버리면 정상동작한다.

계속 CPU 100%를 먹으면서 뻗어버리는데 ㅇㅅㅇ;;

RadRails는 이클립스용 루비 플러그인으로 알려져있는데

Aptana에서는 권장 설치 플러그인이면서도 문제가 좀 있는듯 한...

하이튼 이런문제가 없다면 다행이지만 어차피 목적은 HTML, JS를 이용한

Air 프로젝트의 빌드이기 때문에 플러그인 메니저에서

삭제하는 방법으로 해결을 보았다...;;

FLEX의 미려함과 HTML, JS의 자유도있는 코딩을 하는방법이 없을까?

라는 생각에 차기 프로젝트의 언어를 JSP베이스의 웹프로젝트에

FLEX의 CBD를 첨가하는 형태로 해결하려는 찰나

APTANA라는 것을 알게되었습니다. 그래서 구글링을 하며

APTANA를 설치하고 테스트 빌드를 해보며 설치기를 포스팅해봅니다.

APTANA의 로고.. GNU IDE툴입니다. 우왕굳..

처음 설치한 모습은 마치 이클립스를 연상시킵니다.


설치와 동시에 AIR플러그인을 설치합니다.
이클립스에서는 FLEX BUILDER를 정품으로 설치하지 않으면 날짜제한의
플러그인밖에 사용못하지만 APTANA에서는 무료로 플러그인을 사용할수 있네요
AIR 프로젝트에 한해서이지만;;
(첫실행시 Generating core library 라며 프로그레스가
하염없이 진행되는데 한 30분 기다리니 뭔가 잔뜩 다운로드받아놓고
인스톨해야한다며 떴다.. 루비관련된 라이브러리들인데 기본적으로 설치를 권장하는듯)


에어 플러그인 설치중


프로젝트 생성
(일전에 만든 로또 HTML을 AIR로 컴파일하려고 프로젝트 이름이 LOTTO임;)

  프로젝트 생성

버젼 및 아이콘을 여기서 설정, 추후에도 설정할수 있으니 그냥 Next~
 
프로젝트 생성완료후 컨텐츠타입을 설정하라고 나오는데

더말할필요 없이 UTF-8 로 세팅..

이제 빌드하고 테스트를 하면 될듯한데..................





어떻게 하는거지 ㅇㅅㅇ;?

VB 프로젝트를 진행하던중

디자인에 신경은 써야겠고.. 인터넷에서 버튼콘트롤 하나 받아 사용하려 했더니

기본적인 버그에.. 믿음도 안가고 해서

안드로이드용 게임 라이브러리 ROKON

http://code.google.com/p/rokon/downloads/list

설치방법

1. 다운받은 rokon lib러리의 압축을
사용할 프로젝트폴더에서 lib 폴더를 하나 만들고 압축을 해제합니다.

2. 이클립스 workspace 에서 F5 새로고침후 rokon-?-?-?.jar 파일이 보이면
마우스 오른쪽 클릭 - Build path - Add to Build Path


이제 rokon activity 를 상속받아 프로그램을 작성하면 끝..