Router

SPA(Single Page Application)

• 페이지 전체를 다시 불러오지 않아도 페이지 내용 일부를 변경 할 수 있음(Router 사용)
• 첫페이지의 상태, 특정 뷰가 표시되고 있는 상태를 모아둔 것
• 사용자의 행동에 따라 뷰를 전환하면서 콘텐츠를 표시하는 영역으로 사용

Location strategy

• HashLocationStrategy
  : URL에 '#'를 사용하여 이후 부분은 웹페이지의 특정 부분을 가리키도록 라우팅(오래된 브라우저에도 잘 작동됨)
• pathLocationstrategy(Angular 라우터의 기본 정책)
  : 브라우저의 방문기록 API를 사용하는 정책, HTML5를 지원하는 브라우저에서 동작

Router의 구성요소

• Router
  : 원하는 경로로 이동하려면, 이 객체의 navigate()함수와 navigateByUrl()함수를 사용하거나, 라우터 객체의 path 프로퍼티 값을 변경
• RouterOutlet
  : 라우터가 컴포넌트를 렌드링하는 영역인 을 구현하는 디렉티브
• Routes
  : 특정 URL에 연결되는 컴포넌트를 지정하는 배열
• RouterLink
  : 의 원래 용도는 브라우저의 URL 주소를 변경하는 것이지만, RouterLink를 사용하면 라우터가 렌더링할 컴포넌트에 인자를 전달할 수있음
• ActivatedRoute
  : 현재 동작하는 라우터 인스턴스를 가리키는 객체