# interceptors

axios 모듈화 및 일괄 에러 핸들링 (interceptors 안에서 useNavigate 사용하는 법)
axios는 JavaScript에서 HTTP 요청을 보내는 데 사용되는 라이브러리이다. 주로 웹 애플리케이션에서 서버와의 통신을 위해 사용되며, 클라이언트 측에서 서버로 데이터를 보내거나 서버로부터 데이터를 받아올 때 유용하게 활용된다.
NESTJS를 배워보자(10) - Interceptors
Interceptors nest의 공식문서를 토대로 작성합니다. 인터셉터는 @Injectable() 데코레이터가 달린 클래스이며 NestInterceptor 인터페이스를 구현합니다. 인터셉터에는 AOP(Aspect Oriented Programming) 기법에서
axios interceptors
✍️ 로그인에 성공하고, api 요청을 할 때, 매번 요청 할 때마다 인증 문제로 토큰을 헤더에 넣어서 보내야 했는데, 이 상황 이 불편하여 개선하고자 찾아보다가 발견하였다. interceptor의 기본 정의와 사용 방법 그리고 필자의 상황에 따른 적용 방법을 기록

Hook 안쓰고 바로 redux에 접근하기
지금까지 redux에 접근하기 위해선 selector 등으로 접근해야 하는 줄 알았지만, 그건 기초가 부족한, 사용법만 아는 상태였던것 같다.auth로직을 구현하면서 interceptor의 response에 응답에 따른 리덕스 상태를 변화시키는 로직을 짜고 싶었다.그러

Axios interceptors(인터셉터)에서 timeout 오류 처리하기
axios 요청이 길어질 때 요청을 중단하고, timeout 처리를 하고 싶다면 요청 config에 timeout 설정을 해주어야 합니다. axios interceptors(인터셉터)에서 timeout 설정과 오류 처리하는 방법을 알아보겠습니다.
react에서 axios.interceptors를 이용해 accessToken, refreshToken으로 로그인 구현하기(feat. @reduxjs/toolkit)
백서버에서 온 accessToken과 refreshToken을 브라우저 cookie에 담기 위해 react-cookies라이브러리를 사용했다./utils/setToken.ts/redux/reducers/user.ts/redux/actions/index.ts/redux/
refresh토큰 사용하기
현재 진행하는 프로젝트에서 회원가입 또는 로그인을 하면 access-token과 refresh-token을 같이 발급해준다. access-token은 로그인후의 요청들에 필요한 header값으로 넣어줘야하고 access-token의 기간이 만료되었을때 돌아오는 erro