반응형 NGRX2 😓ngrx를 이용하여 에러난 파일처리 🪜 문제상황 지난 프로젝트 유지보수 진행중 전송되지 않는 파일이 존재하여, 응시완료가 되지 않는 경우가 발생하였다. 그리하여 ngrx를 활용하여 에러난 파일을 store담아서 처리 해보기로 하였다. 문제상황 및 해결 방식은 아래와 같다. 위처럼 "3번"에서 에러가 날 경우 멈추는 것이 아닌 Store에 담는다. 👨💼 500 에러 날 경우 Store에 담기 🦧 1번 상황에서 에러가 발생할려면 actions에 addFileAction를 등록한다. //file.actions.ts import { createAction, props } from '@ngrx/store'; import { File } from './file'; // File 모델을 만들어야 한다. export const addFileAction.. 2022. 7. 30. Ngrx 도입 🦧 Ngrx? ngrx는 Angular에서 사용되는 상태관리 라이브러리이다. 옛날에 기억으로는 Redux에 감명을 받았다는 것을 본적이 있다. 🐅 Ngrx 구조 구조는 위와 같으며 Component에서 Action을 호출하면 Reducer(연산처리 같은)으로 store에 저장한다. 그리고 selector를 통해 component에 보여줄수 있다. Effects는 API를 사용할 경우 필요한 것이며, Actions을 호출할때 Effects에 등록된 Action을 호출하여 API를 호출하는 형식이다. 🚢 Ngrx 세팅 1-1. ☔ tsconfing.json에서 alias 설정 store의 경로를 alias로 설정한다. { . . . . . "compilerOptions": { "paths": { "@stor.. 2022. 6. 16. 이전 1 다음 반응형
