Sencha에서 custom component 적용하기

파일 인식을 위해서 Main의 requires에 해당 컴포넌트 전체 이름을 기술

'Test.view.main.Menu'의 실제 파일은 '/app/view/main' 아래에 있어야 함(파일명은 상관없음)

Ext.define('Test.view.main.Main', {
    extend: 'Ext.container.Container',
    xtype: 'main',
    
	requires: [
    	# 커스텀 컴포넌트 전체 이름 기술: 없으면 404에러 발생
		'Test.view.main.Menu',
    ],
    
    items: [
      {
          region: 'west',
          width: 200,
          # requires에 기술이 없으면, leftmenu.js를 찾음
          xtype: 'leftmenu',
      }
    ]
}