Sencha에서 js 변수 사용하기

처음 로딩되는 파일(index.html)에 원하는 변수 선언

    <script type="text/javascript" src="/js/util.js"></script>
    
    <script type="text/javascript">
        var Ext = Ext || {
			aaa: {
				name: 'aklsfd'
			}	
		}; // Ext namespace won't be defined yet...

		var leftWidth = 200;
        
        생략

다른 컴포넌트에서 사용

Ext.define('Test.view.main.Main', {
    extend: 'Ext.container.Container',
    xtype: 'main',

    requires: [
    ],

    title: 'Test',
    layout: 'border',
    items: [
		{
	        region: 'north',
	        height: 50,
	        layout: 'border',
	        items: [
				{
					region: 'west',
                    # 자바스크립트에서 선언한 변수 사용
					width: leftWidth,
			        bodyStyle: 'background-color:black',
				}
			]
	    },