inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

Context API

dispatch가 null인 경우 에러를 발생시키도록 하는 패턴을 실무에서도 사용할 수 있나요?

해결된 질문

279

kizarrd10

작성한 질문수 2

0

안녕하세요, optional chaning을 사용하는 대신 dispatch가 null인 경우 에러를 발생시키도록 커스텀 훅을 작성하여 해결한다는 것으로 이해했는데, 이러면 사실 optional chaning을 사용하는 것보다도 더 위험한 코드가 되는것은 아닌지 질문드립니다.

실제 프로덕트에서라면 try catch로 감싸야 하는 것인지, 만약 그렇다면 구체적으로 어떤식으로 작성할 수 있을지 궁금합니다

typescript

답변 1

1

이정환 Winterlood

안녕하세요 이정환입니다.

우선 Context로 부터 불러온 dispatch가 null인 경우는 아래 2가지 중 하나일 것으로 예상됩니다.

  • Provider에게 데이터를 공급하지 않았을 때

  • Provider의 영역이 아닌 외부에서 데이터를 사용하려고 할 때

위 두 상황 모두 전반적인 App을 셧다운 시킬 수 있을 만큼 매우 위험한 상황입니다. 따라서 useTodoDispatch Hook에서도 throw로 예외를 던져 TodoDispatchContext에서 오류가 발생했다고 확실히 알려주는게 좋다고 생각합니다.

또는 Context의 타입을 nullable하지 않게 유지하기 위해 초기값을 만들어 두는것도 좋은 방법이 될 수 있을 것 같습니다. 그러나 이 방법은 문제가 생겼을때 디버깅을 힘들게 만들 가능성이 있습니다.

내키지 않으신다면 Zod 등의 런타임 타입체크 툴을 이용하시는것도 방법이 될 수 있을 것 같습니다.

감사합니다.

제네릭 클래스 핸드북 페이지가 undefined라고 나옵니다.

0

21

2

적절한 타입 찾기 React.ChangeEvent<HTMLInputElemen>

0

34

2

outDir 옵션 추가 후 컴파일 오류 질문

0

71

1

호출 시그니처 질문

0

69

2

서로소 유니언 타입이 discriminated union과 동의어 인가요?

0

80

2

조건부타입소개 중 함수오버로딩 활용 시 인수의타입과 함수의 반환값의 타입이 깨지는 문제

0

72

1

할인쿠폰 관련하여

0

164

2

프론트엔드에서의 인터페이스활용

0

97

2

안녕하세요 이정환님!

0

95

1

Node.js 설치에 관한 질문입니다.

0

81

2

함수 타입 호출 시그니처

0

61

1

35강. 모듈 보강은 라이브러리 파일을 직접 편집해야 하나요?

0

68

2

인터페이스 문법이 있는데 타입 별칭 문법은 왜 있나요?

0

121

4

마우스 호버 시 정보

0

93

2

vite으로 리액트 빌드하기를 업데이트해주세요.

1

91

2

타입가드를 만들어 사용하는 이유가 궁금합니다.

0

86

2

섹션 12가 너무 어려운데... 정상이겠죠..?

0

140

2

선생님.. 알고리즘도 강의해주시면안되나요

0

104

2

선생님은 어떻게 이런걸 아세요?

0

134

1

type: module

0

100

2

7:17초 업캐스팅 질문이있습니다!

0

80

1

슈퍼타입질문

1

67

2

프로젝트 설치

0

108

2

enum은 비원시 타입이면서 열거형 타입이 되는건가요?

0

73

2