📖 AxiosInstance 리펙토링이 필요한 이유1. ` basicAxiosInstance `기본 axiosInstance 2. ` axiosInstance `accessToken을 헤더에 담고, accessToken이 만료된 경우 refreshToken을 이용해 accessToken 재발급요청을 해주는 axiosInstance 2개의 instance를 만들어 사용하고 있는데 accessToken 재발급 요청해준는 부분만 따로 분리하여 사용해야하는 경우가 생겼다. 코드를 제대로 분리하기로 마음먹었다. 사실 분리만 했기때문에 크게달라진것은 없으나, 리펙토링전 코드와 리펙토링 후 작성하게된 TIL이 있어서 작성이 필요했다..!! 그 경우를 알고 싶은 분은 아래 블로그 경로를 참고해주세요🤣https:..
프로젝트를 진행하면서 부족한 부분들이 생긴다.그래서 프로젝트를 하면서 중간중간 리펙토링도 많고 추가 해야하는 기능도 많아 두서없는 TIL을 쓰게 된다.. ㅎ쨋든. 📖AxiosInstance 이외에 토큰 만료처리가 필요한 이유.API를 요청하는 특정 페이지로 이동하기 전에 refreshToken이 만료되었는지 확인이 필요했다. ❓refreshToken이 만료되었는지 확인하는 이유.백엔드로부터 ` accessToken `을 받아 localstorage에 저장해 사용하고토큰을 디코딩하여 추가로 localstorege에 user로 저장하여 로그인 상태유지, 접근 제어 등에 사용하고 있다.⬇️localstorage에 저장한 이유더보기더보기더보기cookie의 특성상 api 요청을 보낼 때마다 헤더에 담겨 함께..
- Total
- Today
- Yesterday
- axios CRUD
- simple Icon 사용방법
- axios instance 작성하기
- axiosinstance 사용 시 토큰 사용 법
- 별점만들기
- styled component 조건부 사용방법
- 유효성검사 css
- readme 역할
- 영화별점만들기
- 에러모음집
- readme 작성해야 하는 이유
- readme 작성 방법
- git cache
- axios 설치하기
- styled component 사용방법
- Warning: Each child in a list should have a unique "key" prop.
- nextjs 토큰 만료처리하기
- Warning: validateDOMNesting(...): <li> cannot appear as a descendant of <li>
- readme 이미지 추가 방법
- styled component 설치방법
- readme작성해보기
- 별점 색채우기
- axios 사용하기
- Warning: A component is changing an uncontrolled input to be controlled.
- styled component GlobalStyle 사용방법
- Fetch와 Axios 의 장단점
- 영화 별점
- 유효성검사
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |