JCF TEAM BLOG

jsp파일에서 한글 데이터가  깨져서 이리저리  charset도  계속 확인해보고 했는데 원인은 form에 있었음.

<s:form  enctype="multipart/form-data" action="saveBBS" method="post"
 theme="simple" onsubmit="formCheck();" >

위에서 enctype부분이 꼭 들어가야함. 안그럼 한글이 깨져서 들어감,.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

ExtJS를 직접 사용하는 것이 부담(?)이 되서 어떻게 하면 쉽게 사용할 수 있을까 고민 중에 있습니다.
가장 먼저 떠오르는 방법은 JSP 태그라이브러를 통해서 복잡한 부분을 추상화하는 것입니다.
ExtTLD는 이런한 솔루션으로써 JSP 태그라이브러를 이용하여 ExtJS를 간편하게 사용할 수 있게 해주고 있습니다.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

ExtJS 개발 관련해서 참조하시면 좋을 것 같습니다.

Learn About the Ext JavaScript Library
ExtJS 개발하기 위해 선행되는 지식들
ExtJS로 하는 개발 일지 

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

웹표준화 관련 레퍼런스 입니다.

NHN 웹표준 가이드  - http://html.nhndesign.com/
HOONEY CSS 문서 - http://hooney.net/docs/Css/DocumentsIndex

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Using Eclipse - GWT-Ext

GWT-Ext 를 이용하여 전통적인 Hello World 프로그램 작성해 보았습니다.
이클립스 프로젝트 함께 올립니다.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

AJAX Applications with Google Web Toolkit (GWT)

GWT 최신 버전에서는 아래 단점들이 해결되었는지 궁금하네요.

* 위젯 및 블로그 링크
GWT Advanced Table
GWT Widget Libary
GWT Component Library
Robert Hanson's Blog

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

gwt-ext를 보기 전에 먼저 한번 GWT에 대해서 찾아보았습니다.
자바로 작성한 코드를 자바스크립트와 html로 변환된다는 것이 가장 큰 특징입니다.

 * GWT (구글 웹 툴킷)이란?
--오픈소스로 개발된 자바 소프트웨어 개발 프레임워크
--자바 스크립트 코드를 직접 작성하는 것이 아니라 자바로 작성한 코드를 자바스크립트와 HTML로 변환해 브라우저에서 실행함
--즉 개발자는 HTML과 자바스크립트에 접근할  필요가 없다는 것이 특징

 * GWT (구글 웹 툴킷)의 특징
-- 자바로 구현된 풍부한 UI 컨포넌트들을 제공한다.

-- 클라이언트/서버 간 RPC(Remote procedure call) 통신이 가능하다.
직렬화 가능한(Serializable) 자바 클래스를 통해 클라이언트/서버 간 RPC 통신이 가능
client 와 server 사이에서 데이터를 가져오는 것을 간단히 만듬

참조 사이트  http://www.thescreencast.com/2007/08/gw ··· pse.html


-- 개발중에  디버깅이 가능하다.
 프로덕션 환경에서는 자바 코드가 자바스크립트로 변환되지만 개발 환경에서는 자바 코드 그대로를 JVM 상에서 디버깅이 가능함

-- 브라우저에 독립적이다.
  거의 모든 경우에 대해 IE, FF,Mozilla, Safari, Opera 등과 호환되는 코드를 자동으로 생성해줌

-- 직접 스크립트를 작성해서 gwt기능 보강이 가능하다.
JavaScript Native Interface (JSNI)를 통해 직접 작성한 Javascript와 GWT 사이에 통신이 가능함.
GWT 만으로는 부족하다 싶으면 직접 스크립트를 작성해서 GWT의 기능을 보강할 수 있음.

참조  url  gwt-rpc servcie http://developerlife.com/tutorials/?p=125
 

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

 데모  사이트
 http://www.brightpointinc.com/Demo_Gallery.asp


Flex로 만든 사이트 모음집.

http://www.2n4u.net/SDIGauge.html

차트 데모 사이트
http://demo.quietlyscheming.com/ChartSampler/app.html


UCC 사이트
http://isbox.nate.com/PubMainSV.do


Flex로 3D처럼  개발
http://arcc.co.kr/03_partnership/05_p_contactus.html
 --> 여기서에  product  항목 보기

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

가우스 IDE가 없는 상황이라면 그냥 카피해서 써봅시다.

<script language="javascript" for="dst_prodtCode" event="OnLoadCompleted(rowcount)" >
  CheckDataSet(dst_prodtCode);
</script>
이건 이벤트 잡을때 스트립트 예제이고..
아래가 함수 메인~~ 암울한 상황에서 이걸루 먼가 디버깅 힌트를 얻을 수도 있으니라~

<script>
function CheckDataSet(objDataSet)
{
 var strMessage = "";
 for (var i = 1, len = objDataSet.CountColumn; i <= len; i++)
 {
  var ColumnID = objDataSet.ColumnID(i);
  var ColumnDec = objDataSet.ColumnDec(i);
  var ColumnSize = objDataSet.ColumnSize(i);
  strMessage += "ColumnID=" + ColumnID + "ColumnDEC=" + ColumnDec + "ColumnSize =" + ColumnSize + "\n";
 }
 alert(strMessage);

 var strMessage = "";
 for (var i = 0, len = objDataSet.CountRow; i <= len; i++)
 {
 
  for (var j = 1, len2 = objDataSet.CountColumn; j <= len2; j++)
  {
   var value = objDataSet.ColumnValue(i,j) +"";
   
   var nLen = getByteLength(value); //Double형이 들어올수도 있는데, 이때는 체크가 안되므로, ""로 강제 형변환한다.
   
   strMessage += (value + ":" + value.length + "(" + nLen + "Byte)\n"); //size도 추가
   
  }
  strMessage += "\n";
 
 }
 alert(strMessage);
}

function getByteLength(strData)
{
    var nByteLength = 0;
    for (var inx = 0; inx < strData.length; inx++)
    {
        var oneChar = escape(strData.charAt(inx)); //escape 인코딩된 데이터 처리하는 내장함수.
        if (1 == oneChar.length)
        {
            nByteLength ++;
        }
        else if (-1 != oneChar.indexOf("%u"))
        {
            nByteLength += 2;
        }
        else if (-1 != oneChar.indexOf("%"))
        {
            nByteLength += oneChar.length/3;
        }
    }
    return nByteLength;
}
</script>

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

 요즘 웹표준UI Framework 기술에 대해서 계속 조사를 하고 있는데요..
 어떤 포인트로 봐야될지 명확하지 않았는데..  
  생산성 향상에 영향을 미치는 부분들이 무엇일지와, 사용자가 실제로 원하는 기능들이 무엇일지에 대해  생각해보고  정리 해보았습니다.
생산성 향상도 중요한 요소 중에 하나이지만, UI 프레임웤에서 기능 추가가 많이 번거로운 작업인만큼
엔터프라이즈 환경에서 필요한 기능들이 많은 UI프레임웤을 선정하는 것도 중요하다고 생각합니다.

<<비교 포인트>>
1. Spec
  - Eclipse 지원 스펙
  - jdk 지원 스펙

2. 생산성
 - 개발 툴지원 여부(드래그앤 드롭으로  화면 개발)
 - 코드 템플릿 제공 여부
 - 코드의 간결성  순위
 - Struts2, spring 연동 사례 여부
 - Server사이드 구현 여부

3. 기능성
* 그리드
 -- 셀 수정 기능
 -- 그리드 숨기기 기능
 -- 자동 정렬 기능
 -- 셀 추가 기능
 --엑셀 파일로 다운로드 기능
 --엑셀에서 그리드로 업로드 기능
 --그리드에서 상세보기 기능

*메뉴 트리
-- 가로 메뉴바  기능
-- 메뉴트리 숨김 기능

* form
-- 폼 숨기기 기능
-- rich 폼 기능

* 파일
--드래그앤 드롭으로 업로드 기능
--파일업로드 다운로드 시 progress bar

* combox
--멀티 선택 기능
--페이징 기능

*차트기능
*팝업기능
*기타
--마스터 디테일 기능
--유효성체크 기능
--자동입력방지
--로딩시 Connection Status 기능
--resizing 기능
--like 검색 기능

참조
icefaces Demo http://component-showcase.icefaces.org/ ··· wcase%2F
 gwt-ext Demo http://www.gwt-ext.com/demo/

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.