240111~240112 - '내 문제지' 페이지 클론 코딩

과제

수학비서 ‘내 문제지’ 페이지 클론 코딩

사용 : panel, container

• panel의 collapser, resizer 사용할 것
• panel에 검색 추가할 것

cardcomponent 두 가지 생성

• cardcomponent 들어갈 내용 store 사용할 것
• grouper 사용할 것

---

24.01.11.

header, sidebar 완성
mypaperview 부분 구성은 완료, 배치 미완

24.01.12.

mypaperview부분 배치 진행중
데이터를 group화 하여 출력하는 부분을 componentdataview 말고 listdataview로 해야 하는 것 확인

List docs
https://docs.sencha.com/extjs/7.5.1/modern/Ext.dataview.List.html

groupheader 이용해서 해보기

• 새로 알게 된 사실
  • sencha에는 기본적으로 다양한 css가 적용되어있음(direction이 column으로 설정되어 있음, flex가 이미 적용되어 있음)
    → 개발자 모드로 어떤 것이 적용되어 있는지 확인 가능
    
  • 화면에서 가운데 정렬하고 싶을 때
    • 전체 container에서 padding 주기
    • width 줄이고 margin auto하기
  • 각 component끼리 띄어 놓기
    • margin-top(bottom) 사용