young
is this it
young
전체 방문자
오늘
어제
  • 분류 전체보기 (143)
    • 웹_프론트엔드 (1)
      • 로드맵 챌린지 (73)
      • Svelte (2)
      • React (6)
      • JavaScript (8)
      • TypeScript (2)
      • HTML+CSS (5)
    • 웹_백엔드 (0)
      • Django (0)
    • 빅데이터 (33)
      • R (30)
      • Python (2)
    • 기타 (11)
      • git (3)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • rstudio지도정보
  • 웹보안
  • form
  • 태스크러너
  • 공개키
  • bem
  • vcs
  • ggmap()
  • 인증
  • ssl
  • css후처리기
  • ggplot
  • 버전관리
  • owasp
  • 대칭키
  • Regex
  • css네이밍
  • 보안취약점
  • 구글맵api
  • 암호화

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
young

is this it

상태 관리 프레임워크 - NgRx란?
웹_프론트엔드/로드맵 챌린지

상태 관리 프레임워크 - NgRx란?

2022. 2. 15. 08:45
반응형

NgRx란?

NgRx는 Angular에서 Reactive 애플리케이션을 구축하기 위해 만들어진 상태 관리 프레임워크다.

 

 

NgRx의 6가지 키워드

 

Store

Redux에서 영감을 얻은 RxJS기반 글로벌 상태 관리를 위한 저장소.

 

Action

state의 상태 변경을 위한 명령어를 입력하는 공간.

 

Effects

요청한 action을 service에 전달하여 결과값을 전달하는 역할.

 

Reducer

Service로부터 받은 결과값을 store에 저장된 값을 업데이트 역할.

 

Selector 

필요한 값을 store에서 찾아서 컴포넌트에 전달하는 역할.

 

Component

상태를 사용하는 곳.

 

 

공식 문서

https://ngrx.io/

 

NgRx Docs

 

ngrx.io

 

반응형

'웹_프론트엔드 > 로드맵 챌린지' 카테고리의 다른 글

상태 관리 라이브러리 - Vuex  (0) 2022.02.17
프레임워크 - Vue.js  (0) 2022.02.16
리액티브 프로그래밍 라이브러리 - RxJS란?  (0) 2022.02.14
프레임워크 - AngularJS와 Angular 2  (0) 2022.02.11
상태 관리 라이브러리 - MobX란?  (0) 2022.02.10
    '웹_프론트엔드/로드맵 챌린지' 카테고리의 다른 글
    • 상태 관리 라이브러리 - Vuex
    • 프레임워크 - Vue.js
    • 리액티브 프로그래밍 라이브러리 - RxJS란?
    • 프레임워크 - AngularJS와 Angular 2
    young
    young

    티스토리툴바