TIL 119일차

velog 오랜만에 작성하는거 같다!!

어제 프론트끼리 작업하고 머지하고 각자 작업할거 진행하고 소셜로그인 타입스크립트로 시도하였으며 쿠키에 값을 저장 했고, 다른 api들 토큰이 없어서 값을 받아 오지 못하였지만 오늘 소셜에서 accesstoken 값을 받아와 다른 api값들을 연결하였습니다.

typescript에서 redux-toolkit을 사용하던 도중

PayloadAction<any, string, { arg: string; requestId: string;
requestStatus: "fulfilled"; },never> 형식은
WritableDraft<...>[] 형식과 같지 않으므로, 해당 에러가 발생합니다.

extrareducer 부분에 fulfilled에서 에러발생!

state,{payload} 를 하니 에러 해결

타입스크립트에서 Redux Toolkit을 사용하여 Extra Reducer를 작성할 때, Payload에 중괄호({})를 사용하는 이유는 다음과 같습니다.

• 타입 안정성 보장: Payload에 중괄호({})를 사용하면 타입스크립트에서 해당 객체가 어떤 필드를 가지고 있는지 알 수 있습니다. 이를 통해 타입 안정성을 보장할 수 있으며, 코드의 가독성을 높일 수 있습니다.
• 객체 전달: Payload를 객체로 전달할 경우, 중괄호({})를 사용하여 객체를 생성할 수 있습니다. 이를 통해 객체의 필드와 값을 명확하게 전달할 수 있으며, 코드를 보다 간결하게 작성할 수 있습니다.
• 구분성: Payload에 중괄호({})를 사용하면, 해당 Payload가 객체임을 명시적으로 구분할 수 있습니다. 이를통해 코드의 가독성을 높이고, 추후 유지보수에 용이합니다.

따라서, 타입스크립트 ExtraReducer Payload에 중괄호({})를 사용하는 것이 좋습니다.