라우팅

Router docs
https://docs.sencha.com/extjs/7.5.1/guides/application_architecture/router.html

위키독스 참고
3.5 라우터 사용

• SPA(Single Page Application)
  • 새 페이지 로딩 없이 한 화면에서 처리하는 페이지

라우터 사용 방법

• centerview 작성

  • 작동할 기본 페이지

• application 파일에 defaultToken 작성 가능

• main viewcontroller에 작성

  • :id 로 작성하면 id를 변수로 사용 가능
  • before / action으로 나누어서 함수 작성
    • before : 페이지 라우팅 전 실제로 존재하는 페이지인지 확인하는 함수
      ⇒ before: 라우팅 전에 필요한 절차 진행하는 함수 / 라우팅을 멈추거나 실행하도록 할 수 있음
    • action : 권한이 적합할 때 실행되는 함수

• 작동할 버튼의 handler에 라우팅 연결

  • this.redirectTo 사용하여 연결 가능
  • 두번째 매개변수에 true 설정하면 같은 버튼 다시 눌렀을 때 라우팅 다시 연결

---

과제

헤더 페이지 버튼에 라우팅 구현(My DB)