개발/TIL

[230424] Angular - Observable subscribe, Router, ActiveRoute

ash_ 2023. 4. 24. 17:56

Observable

  • lazy loading
  • Observable: 변화하는 데이터 소스들
    ex) (user Input)events, HTTP Requests, triggered in Code...
  • Observer: 관찰자, 코드의 다른 부분들

비동기 데이터를 다루는 새로운 표준

 

lazy하다. 각 이벤트에 subscribe 하면, 구독한 관찰자에게만 보내진다.

ngOnDestroy에서 unsubscribe 해줘야함 : 안하면 메모리 누수!

 

promise = 오직 하나의 값만 반환

observable = 구독을 하거나 취소하는 등 직접 관리.

 


앵귤러 라우팅 객체 (gpt 답변)

 

Router: Router 클래스는 라우팅과 관련된 주요 동작을 제공하는 핵심 클래스입니다. navigate, navigateByUrl, navigateByData 등의 메서드를 사용하여 라우터를 통해 다른 경로로 이동할 수 있습니다. 또한, 현재 라우트 정보에 대한 접근, 라우트 변경 감지, 이벤트 처리 등을 수행할 수 있습니다.

 

ActivatedRoute: ActivatedRoute 클래스는 현재 활성화된 라우트에 대한 정보를 제공합니다. 현재 라우트의 URL, 라우트 파라미터, 쿼리 매개변수, 데이터 등의 정보에 접근할 수 있습니다. 또한, 부모-자식 라우트 구조에서 상위 라우트로의 상대 경로를 계산하는 데 사용되는 relativeTo 메서드도 제공합니다.

 

 

라우팅 관련 객체 잘 알아두기