[ExtJS] 대시보드

demo: https://examples.sencha.com/extjs/6.0.0/examples/admin-dashboard/#dashboard

방법1 - 성공 😆
참고: https://www.jianshu.com/p/9b2c2195929b

1. SenchaApp 생성
   [cmd] sencha -sdk C:\Users\MS.Kim\Downloads\program\ext-7.0.0-gpl\ext-7.0.0 generate app -s C:\Users\MS.Kim\Downloads\program\ext-7.0.0-gpl\ext-7.0.0\templates\admin-dashboard LlegAdmin C:\Users\MS.Kim\eclipse-workspace\test1
   [cmd] cd C:\Users\MS.Kim\eclipse-workspace\test1
   [cmd] sencha app watch

2. test1\app.json 코드 수정

   "output": {
        //"base": "${ext.dir}/build/examples/admin-dashboard/${build.id}",
        "base": "${workspace.build.dir}/${build.environment}/${app.name}/${build.id}",

방법2 - 성공 😆
참고: https://skydev.tistory.com/entry/extjs-6%EC%97%90%EC%84%9C-admin-dashboard-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

1. SenchaApp 생성
   [cmd] cd C:\Users\MS.Kim\eclipse-workspace\test2
   [cmd] sencha -sdk C:\Users\MS.Kim\Downloads\program\ext-7.0.0-gpl\ext-7.0.0 generate app -s C:\Users\MS.Kim\Downloads\program\ext-7.0.0-gpl\ext-7.0.0\templates\admin-dashboard Admin ./ --classic
   [cmd] sencha -sdk C:\Users\MS.Kim\Downloads\program\ext-7.0.0-gpl\ext-7.0.0 generate app -s C:\Users\MS.Kim\Downloads\program\ext-7.0.0-gpl\ext-7.0.0\templates\admin-dashboard LlegAdmin ./ --classic

2. test2\app.json 코드 수정

   "output": {
        //"base": "${ext.dir}/build/examples/admin-dashboard/${build.id}",
        "base": "${workspace.build.dir}/${build.environment}/${app.name}/${build.id}",

방법3
참고: https://www.sencha.com/blog/how-to-create-a-responsive-javascript-admin-dashboard-easily-with-ext-js/

똑같이 따라해도 안될때가 있다? 😅

1. [cmd] sencha -sdk C:\Users\MS.Kim\Downloads\program\ext-7.0.0-gpl\ext-7.0.0 generate app Admin C:\Users\MS.Kim\eclipse-workspace\test3
2. [윈도우탐색기]
   C:\Users\MS.Kim\Downloads\program\ext-7.0.0-gpl\ext-7.0.0\templates\admin-dashboard\app\model 복사
   C:\Users\MS.Kim\eclipse-workspace\test3\app\model 붙여넣기
   C:\Users\MS.Kim\Downloads\program\ext-7.0.0-gpl\ext-7.0.0\templates\admin-dashboard\app\view 복사
   C:\Users\MS.Kim\eclipse-workspace\test3\app\view 붙여넣기

• 2-1. [cmd] cd C:\Users\MS.Kim\eclipse-workspace\test3 -> sencha app watch
  

3. test3\app.json 코드수정

   "output": {
        //"base": "${ext.dir}/build/examples/admin-dashboard/${build.id}",
        "base": "${workspace.build.dir}/${build.environment}/${app.name}/${build.id}",

• 3-1. [cmd] cd C:\Users\MS.Kim\eclipse-workspace\test3 -> sencha app watch
  
• 3-2. [cmd] dir
  : ${ext.dir} 새로 생김
  

4. \saas 추가
   [윈도우탐색기] C:\Users\MS.Kim\Downloads\program\ext-7.0.0-gpl\ext-7.0.0\templates\admin-dashboard\sass 복사 \test3 붙여넣기
5. [cmd] sencha fs web -port 8000 start -map C:\Users\MS.Kim\eclipse-workspace\test3
   [chrome] localhost:8000
   

---

+도중에 발생한 문제

[cmd] cd C:\Users\MS.Kim\Downloads\program\ext-7.0.0-gpl\ext-7.0.0\templates\admin-dashboard
[cmd] sencha app watch


열고 난 후로 다른 SenchaApp을 실행할 때,
주소창에 localhost:1841만 입력해도 localhost:1841/build/examples/이 자동완성된다

chrome 검색어 및 URL 자동 완성 해제 했는데도 여전히 안된다 아오 열불나 일단은 edge 쓰는중