checkFailureSaga라는 함수를 만들고, CHECK_FAILURE 액션이 발생할 때 해당 함수가 호출되도록 설정했습니다. 이 함수에서는 localStorage 안에 있는 user 값을 초기화해 줍니다. 스토어 안의 user 값은 리듀서에서 CHECK_FAILURE 액션이 발생했을 때 user 값을 null로 설정하도록 이미 처리했으니 신경 쓰지 않아도 됩니다. 또한, checkFailureSaga 함수에서는 yield를 사용하지 않으므로 function*를 사용하여 제너레이터 함수 형태로 만들어 주지 않아도 괜찮습니다.

이제 로그인 정보가 유효하지 않을 때 로그인 정보 초기화 후 새로고침이 되는지 확인해 볼까요? 쿠키를 초기화하고 페이지를 새로고침해 보세요.

▲ 그림 24-33 쿠키 초기화