원글 : http://j.mp/xcejwb


Ext JS의 실효성?제목이 좀 묘한데요^^
제가 Ext JS를 전혀 모르던 며칠전만 해도 크로스브라우징, 센차앱과의 호환성때문에 웹사이트를 Ext JS로 개발하려는 막연한 상상을 했었습니다.
그런데 지금 Ext JS4.0 에서 제공하는 많은 UI, 컴포넌트, 기능 등등을 둘러보고 제가 만들 웹사이트에서 필요한지를 검토중인데요. 하지만 제가 필요한 Ext JS에서의 UI, 컴포넌트 등은 없는 거 같습니다.
더 보기

 ·  ·  · 3월 2일 오후 10:33

  • 회원님, 조만영님과 이수기님이 좋아합니다.
    • Jeado Ko 음 필요로하는 유아이 컴포넌트가 몬지 설명해 주실수 있으세요?

      3월 2일 오후 10:35 모바일에서 · 
    • Dong-jin Gwak 지금 현재 심플한 앱과 연동되는 웹사이트인지라 필요한 컴포넌트가 없는 거 같습니다. 저는 Ext JS에서 제공하는 것들보다는 크로스브라우징이나 센차와의 호환에 관심이 있었는게 아닌가 하는 생각이 들었습니다.

      3월 2일 오후 10:38 · 
    • Dong-jin Gwak 저같이 Ext JS가 제공하는 것들을 안 쓰는 사람들도 Ext JS를 활용하는 방법이 있을까요?

      3월 2일 오후 10:39 · 
    • Jeado Ko

      넵 충분히 있습니다.
      웹 사이트 개발에 MVC 패턴을 적용하여 개발한다고 하면 충분한 활용이 가능합니다.
      xtemplate을 이용하면 되거든요!
      참고 : http://docs.sencha.com/ext-js/4-0/#!/api/Ext.XTemplate더 보기

      docs.sencha.com

      The Ext.Template describes the acceptable parameters to pass to the constructor….더 보기
      3월 2일 오후 10:57 ·  ·  3 · 
    • Dong-jin Gwak 판타스틱한 설명 감사드립니다^^. 제가 xtemlate을 제대로 이해한건지 모르겠지만, 일반 자바스크립트처럼 쓸 수 있는거 같다는 생각이 드는데요. 제가 찾던 것이 이거였던거 같습니다. 지금 살짝 걱정이 되는 부분은 쿠키생성으로 자동로그인을 한다고 가정해보면 API에서 쿠키 생성 기능을 제공하지 않으면 망하게 되는걸까요?^^;

      3월 2일 오후 11:03 · 
    • Jeado Ko 음 spring으로 가시죠? spring security 를 보셔야 겠네요 ^^

      3월 2일 오후 11:04 · 
    • Jeado Ko 로그인과 같은 보안은 서버쪽에서 관리는게 아닌가요? 쿠키생성 자바스크립트들은 많으니깐 extjs 적용 여부랑은 큰 관곅가 없을 것 같아요… 제 생각으로는요 ㅠ

      3월 2일 오후 11:06 · 
    • Jeado Ko 넵! ExtJS와 jQuery등 얼마든지 혼용이 가능합니다~ 잘..혼용해야 겠지만요;;

      3월 2일 오후 11:09 ·  ·  1
    • Dong-jin Gwak 제가 아직 Ext JS 개념을 못잡은거 같습니다. Ext JS와 일반 자바스크립트를 섞어써서 쿠키생성은 일반스크립트로 하는 것이라 이해해도 될른지요?ㅠ

      3월 2일 오후 11:09 · 
    • Dong-jin Gwak 아.. 그러면 문제가 해결되는거 같습니다. 저는 Ext JS로만 코딩을 해야한다는 압박을 느꼈는데 그게 아니라면 적당하게 섞어써도 될 거 같은데요ㅎㅎ

      3월 2일 오후 11:11 · 
    • Dong-jin Gwak 다시 한번 Jeado 님의 시야에 감탄을 하고 갑니다. 조언 감사드립니다^^

      3월 2일 오후 11:14 · 
    • Jeado Ko 예를들면 쿠키메니저라는 클래스를 만들때 다른 코드를 참조해도되고 아님 다른 라이브러를 그냥 레핑하여 Ext.define(‘cookieMange”,{~~~}) 이렇게 사용하시면 될것같아요. 로그인view라는 ui컴포넌트를 extjs의 기본 컴포넌트를 확장하여 만들어서 클릭이벤트와 같은 부분을 쉽게 처리할 수 도있을 것 같습니다. 여기서 loginModel이란 걸로 해당 데이터를 서버에 보낼때도 쉽게 처리가 가능할 것 같아요.

      3월 2일 오후 11:15 ·  ·  1

       

    • Jeado Ko ‎Dong-jin Gwak 과찬이십니다. 입만 살았습니다. ㅠ

      3월 2일 오후 11:15 · 
    • Dong-jin Gwak 제가 어떤 MVC 샘플을 띄웠는데요. 한 5초정도 걸리는 콘택트 리스트 DataGrid 입니다. 이거보니 더더욱 제공하는 요소들을 쓰는 데 부담이 생기는 거 같습니다.

      3월 2일 오후 11:22 · 
    • Dong-jin Gwak 내부에서 스크립트를 빌드하는 데 시간이 걸리는건지 잘 모르겠습니다. 앱도 아니고 웹에서 5초 걸리면 한국사람들은 바로 꺼버리지 않을까하는 무서운 상상도 들었습니다.

      3월 2일 오후 11:24 · 
    • Jeado Ko 허..5초라니…어떤 셈플인가요? 공유해줘요 ㅎㅎㅎ 보고 저렇게 만들면 안되겠다 라는 교훈을 얻고 싶어요!

      3월 2일 오후 11:51 · 
    • Dong-jin Gwak 센차 홈피에서 검색하다보면 나오는 어떤 블로거의 프레임웍 샘플인데요. 아직 제가 이게 100% 웹사이트용 이라고 확신할 수 있는 실력이 안됩니다. 다운받으실 수 있는 주소는https://github.com/loiane/ext4-crud-mvc 입니다. 다이내믹 웹 프로젝트 상태로 되어 있습니다. 혹시 보시고 제가 잘 못 알고 있거나 혹은 스프링 프레임웍 혹은 하이버네이트의 문제라면 조언 좀 주시면 감사하겠습니다.

      github.com

      ext4-crud-mvc – BrazilJS Sample Project – Ext JS 4 CRUD MVC Example
      3월 3일 오전 12:05 ·  · 
    • Jeado Ko 음 방금 돌려봤습니다. 저는 바로 나오던대요.. 1초도 안걸립니다.. 그리고 보니깐 개발모드(비동기 모듈 로드)인대도 이정도면 프러덕트 모드로 하면 더 빨라집니다..왜 5초가 걸렸는지 몰르겠네요;;

      3월 3일 오전 12:38 · 
    • Dong-jin Gwak 헉쓰… 그럼 제가 뭔가 세팅을 잘못한거 같기도 한데요 컹.. DB만들어준 후에 war 파일로 톰캣 아래에 넣어도 느리더라구요.

      3월 3일 오전 12:40 · 
    • Jeado Ko 음….페이징 처리도 잘되어있고..덕분에 하이버네이트로 된 셈플도 보네요 ^^ 따로 배포도 안해도 잘돌아가네요;; 제가 시간되면 클라우드로 올려서 공유해드리겠습니다.

      3월 3일 오전 12:41 ·  ·  1
    • Dong-jin Gwak 저는 하이버네이트, 아이바티스도 안 써봤는데, 이 소스보면서 처음봤습니다. ㅎㅎ. 음.. 뭔가 저같은 초보하고는 다르게 세팅하신거 같은데 공유받으면 빨라질려나요.

      3월 3일 오전 12:44 · 
    • Jeado Ko 아뇨..제가한건 git에서 클론한 후 이클립스에 프로젝트 임포트하고요 db정보만 제 로컬디비로 바꾸고 여기에 들어있는 sql만 실행시켜 테스트 데이터 넣어주고 테이블만들고 데이터베이스 만든 후 탐켓으로 돌리기만 했습니다 ^^ 별도로 바꾼설정이라곤 db패스워드만..적은것 뿐입니다.

      3월 3일 오전 12:46 · 
    • Dong-jin Gwak 저도 그렇게했는데, 이게 바로 초보와 고수의 차이점같습니다. ㅋㅋ. 앞으로 많이 연구해야겠습니다.ㅠㅠ

      3월 3일 오전 12:47 · 
    • Dong-jin Gwak 나중에 시간되실때 클라우드로 공유해 주시면 뭐가 문제인지 한 번 돌려봐도 될까요? 똥컴이라 그런가요 ㅋㅋㅋ

      3월 3일 오전 12:59 · 
    • Jeado Ko

      http://ext4-crud-mvc.haibane.cloudbees.net/ 접속해보세요 17초 걸리네요 ㅎㅎㅎ Dong-jin Gwak 님 크롬으로 개발자 도구에서 네트워크보시면 js파일들 읽어 들이는 모습을 보실 수 있으세요.index.html에서 <script type=”text/javascript” src=”ext-4.0/ext-all.js”></script>로 바꾸시고 app.js에 Ext.Loader.setCo…더 보기

      ext4-crud-mvc.haibane.cloudbees.net

       

      3월 3일 오전 1:46 ·  ·  1 · 
    • Jeado Ko 다시 말아서 배포해볼게요 ㅋ

      3월 3일 오전 1:46 · 
    • Jeado Ko 다시 배포하니 빠릅니다!

      3월 3일 오전 1:53 · 
    • Dong-jin Gwak 크롬에 이런 기능들이 있었는지 상상도 못했습니다. 또 외부에서 접속한 클라우드비는 무료인건가요? 덕분에 놀라운 신세계를 경험했습니다. index.html 바꾸는 거 한 번 시도해 보겠습니다. 감사합니다^^

      3월 3일 오전 11:05 ·  ·  1
    • Dong-jin Gwak 지금 ext-all.js 로 바꿔줬는데, 속도가 엄청 빨라졌는데요. debug.js 파일이 제 컴에서 로딩되는데 5초정도 걸렸다고 봐야하는 걸까요? 광고에 나오는 속도충격이란 걸 제가 받아보네요 ㅋㅋ. 감사합니다^^

      3월 3일 오전 11:16 ·  ·  1
    • Dong-jin Gwak Jaedo님 뭐 하나 여쭤봐도 될까요? 제가 아직 센차와 Ext JS의 구분이 명확하게 안 서서 혼동이 있는데요. 위 샘플소스를 가지고 폰갭으로 씌우면 바로 앱이 될 수도 있는건지, 아니면 센차와 Ext JS는 다른 걸로 봐야하는 건지 궁금해집니다.

      3월 4일 오후 2:05 · 
    • Jeado Ko ‎”Ext JS를 폰겝에 씌운다”라는 생각은 해본적이 없지만 안될 이유는 없을 것 같습니다. 하지만 아이폰 화면에서 어떻게..보이게 될지 모르겠네요;; iPad는 크게..볼수있을 정도로 나올것같습니다. 센차 터치는 모바일용 어플리케이션 개발을 하는대 사용하고 ExtJS는 데스크탑 개발에 적합합니다. 센차 터치는 익스플로어나 파이어폭스에서는 돌아가지도 않아 크로스브라우징을 고려하기보다는 모바일 단말기에서의 호환성을 고려하고요 ExtJS는 크로스브라우징에 초점을 두고있습니다. 사실 ExtJS로 만들어진 어플이 모바일에 들어간 브라우저에서 잘 보인다면 폰겝과 묶어도 전혀 상관은 없을거라 생각됩니다. 다만..해상도 문제가 심각할듯 합니다;;

      3월 4일 오후 2:11 · 
    • Jeado Ko 위 셈플소스에서는 Grid컴포넌트를 사용하였자나요. Grid 혹은 이 테이블을 모바일 환경에서 보여주는 것이 매우..난감합니다. Grid는 대량의 정보를 한화면에 보여주고 다량의 데이터를 손쉽게 조작하게 하는대 사용하지만 모바일환경에서 다량의 데이터를 조작하기 위한 목적으로 어플리케이션이 개발되지 않는다고 보거든요. 요즘 Responsive Web Design 쪽에서도 이 테이블성 데이터를 어떻게 responsive 하게 가지고갈까 하는 고민을 많이 하는것 같습니다. 기달리다보면 모바일용 그리드 컴포넌트가 나오지 않을까요? ㅎㅎ 위의 셈플을 폰겝으로
      씌운다 하여도 모바일에서 보기에 적합하지 않기에 의미가 없는 작업 같습니다… iPad용으로면 의미가 있을수도 있겠네요~

      3월 4일 오후 2:15 ·  ·  1
    • Dong-jin Gwak 덕분에 센차와의 차이점이 눈에 조금 잡히는 것 같습니다. 프로젝트내에 센차 app과 Ext JS app을 따로 만들어줘야 하는 개념이 이제야 잡히는 것 같습니다. 감사합니다^^

      3월 4일 오후 2:19 ·  ·  1
    • Jeado Ko 다행입니다^^

      3월 4일 오후 2:27 ·  ·  1