EXT JS? How to learn it?

딱, 나와 같구나... 친절하게 가이드 해 주는 아래 내용대로 따라해 볼까나.

어디서부터 시작해야할 지 모르겠으면 다음 방법으로 접근해보세요.

무엇을 원하는지 데모에 있는 것들을 한번 보세요. 데모 소스 코드를 리뷰해보세요. 소스의 명령들을 보고 잘 이해가 가지 않는다면 Ext JS API Docs 를 통해서 좀더 자세히 확인하세요. demos를 검색함과 동시에 하려는 것이 무엇인가에 추가적인 설명들이 제공되는 tutorial를 참고하세요. 일하는 동안에 어떤 문제가 발생하면 FAQs를 확인하세요. 뭔가 좀더 복잡한 분기를 하는 경우라면 Application Design 자료를 위한 튜토리얼 섹션을 확인하세요. 확장기능을 만들기 전에 확장기능들을 확인하세요 누군가가 이미 무엇인가 유사한 것을 했을지 모릅니다. 그것들은 forum for extensions 뿐만 아니라 최근의 initiative to house extensions in a more centralized, searchable location. 에서도 찾아볼 수 있습니다. 책 과 스크린캐스트. 마지막으로 무료의 여러분의 학습 경험을 통한 기여된 자료 혹은 FAQs를 제공합니다. 잘못 알고 작성하였더라도 걱정하지 않아도 됩니다. 다른 누군가가 정확하게 만들어 줄 것입니다.

1. 무엇을 원하는지 데모에 있는 것들을 한번 보세요.

Portal Example
http://dev.sencha.com/deploy/dev/examples/portal/portal.html

Layout Browser
http://dev.sencha.com/deploy/dev/examples/layout-browser/layout-browser.html

Border Layout
http://dev.sencha.com/deploy/dev/examples/layout/complex.html



Ext.Panel
http://dev.sencha.com/deploy/dev/examples/panel/panels.html

Editor examples
http://dev.sencha.com/deploy/dev/examples/simple-widgets/editor.html

Resizable Examples
http://dev.sencha.com/deploy/dev/examples/resizable/basic.html

Ext Buttons
http://dev.sencha.com/deploy/dev/examples/button/buttons.html

Localization with Extjs
http://dev.sencha.com/deploy/dev/examples/locale/multi-lang.html?lang=ko&charset=utf-8


Pivot Grid
http://dev.sencha.com/deploy/dev/examples/pivotgrid/simple.html

Property Grid
http://dev.sencha.com/deploy/dev/examples/grid/property-grid.html

Edit Grid
http://dev.sencha.com/deploy/dev/examples/grid/edit-grid.html

Custom Grid Filters Example (local filtering)
http://dev.sencha.com/deploy/dev/examples/grid-filtering/grid-filter-local.html

Checkbox Selection in a TreePanel
http://dev.sencha.com/deploy/dev/examples/tree/check-tree.html

Tree Grid
http://dev.sencha.com/deploy/dev/examples/treegrid/treegrid.html


Paging
http://dev.sencha.com/deploy/dev/examples/grid/paging.html


Grouping
http://dev.sencha.com/deploy/dev/examples/grid/grouping.html


Statusbar Demo
http://dev.sencha.com/deploy/dev/examples/statusbar/statusbar-demo.html

Statusbar Advanced
http://dev.sencha.com/deploy/dev/examples/statusbar/statusbar-advanced.html


MessageBox Dialogs
http://dev.sencha.com/deploy/dev/examples/message-box/msg-box.html


Tab Panel Examples
http://dev.sencha.com/deploy/dev/examples/tabs/tabs.html

Advanced Tabs
http://dev.sencha.com/deploy/dev/examples/tabs/tabs-adv.html

An Example of a "Tab Scroller Menu" plugin.
http://dev.sencha.com/deploy/dev/examples/tabs/tab-scroller-menu.html

Group Tabs
http://dev.sencha.com/deploy/dev/examples/grouptabs/grouptabs.html


Charts
http://dev.sencha.com/deploy/dev/examples/chart/charts.html


Offline Support - With Google Gears. http://gears.google.com/
http://dev.sencha.com/deploy/dev/examples/tasks/tasks.html