react
1.reduxjs/toolkit+axios에서 RTK-query로 변환하기- accessToken, RefreshToken
https://stackoverflow.com/questions/68581163/redux-toolkit-query-interceptor
2.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/
3.sheetjs로 Excel upload, download 구현하기(with antd upload component)
sheetjs bstr wb console 출처: https://eblo.tistory.com/83
4.react-scroll-hooks을 이용해 scrollToTop 버튼 만들기
myInfo div structure 내정보 페이지의 div 구조는 다음과 같다. /pages/myInfo/index.tsx 스크롤을 브라우저 창 크기보다 30px 더 내렸을 때 scrollToTop Button이 fadeIn하도록 하기위해 Intersecti
5.redux-toolkit reducer와 extraReducer 차이
공식문서에 보면 extraReducer는 slice.actions에서 생성되지 않은 action을 사용할 수 있게 해준다.extraReducers allows createSlice to respond to other action types besides the type
6.react image 경로 설정하기
require로 불러오면 찾지 못하고 import 구문으로 불러와야 이미지가 보인다폴더구조는 다음과 같다.폴더구조webpack.config.js설정에서 public 폴더의 경로를 다음과 같이 설정해주었다.
7.NextJS 에 custom fonts 불러오기
next-compose-plugins로 다양한 plugins(withBundleAnalyzer, withAntdLess 등)를 함께 사용중인 상태에서 custom fonts를 \_document.ts에서 Link로 불러와 사용하고 있었다. 이 상태에서 build를 하면