반응형 에러7 [React/axios] 토큰 관리(refreshToken, accessToken) interceptors 프로젝트 도중에 refreshToken과 accessToken을 어떻게 관리하면 좋을지에 대해서 계속 생각을 해보았다. 다양한 방법을 찾았었는데 우선 내가 시간을 정해서 setTimeout으로 정해진 시간이 끝나면 다시 서버에 요청해서 accesstoken을 발급 받는 방법을 봤었는데 처음엔 그렇게 할까? 생각하다가 조금 더 찾아보자는 마음으로 찾기 시작했다. 우선 나는 편하게 쓰기위해서 공통 api를 따로 빼놓는 편인데 그 부분에서 같이 헤더를 보낼 생각을 하다가 더 찾아보니 interceptors라는게 있어서 이용해보기로 했다. const Apis = axios.create({ baseURL: "http://URL", }); 이런식으로 기본적으로 베이스가 될 url을 잡아주고 토큰을 매번 주소로 연결.. 2022. 5. 29. [RTK] Redux Toolkit 사용할 때 state값 proxy로 나올 때 해결법 RTK를 사용할 때 state값이 proxy로 나온다면 import { createSlice, current } from "@reduxjs/toolkit"; ... console.log(current(state.data)); current를 붙여서 확인하면 데이터가 제대로 나온다. https://stackoverflow.com/questions/64586207/redux-toolkit-state-showing-as-proxy-undefined-within-reducer Redux Toolkit: state showing as Proxy / undefined within reducer Solved it, thanks! - For anyone interested, I was trying to access s.. 2022. 5. 29. [React] input의 useState를 하나로 통합해서 관리할 때 에러 const [inputs, setInputs] = useState({ title: "하나둘", subTitle: "", }); const { title, subTitle } = inputs; const onChange = (e) => { const { value, title } = e.target; setInputs({ ...inputs, [title]: value, }); }; 이렇게 해서 여러가지 input을 통합으로 관리하고 아래 onChange로 수정을 하려고 했는데 이런식으로 오류가 나는 것이었다!! 이부분은 원래 이렇게 쓰던 부분에서 value를 defaultValue로 바꿔주면 에러가 뜨지 않고 사용가능하다. 처음에 당황했는데 생각보다 쉬운문제라서 다행이다 ! 2022. 5. 6. [React/ESLint] ESLint: Static HTML elements with event handlers require a role. 오류수정 이러한 오류를 발견하면 이런식으로 오류가 나게 된다 우선 X를 누르면 그냥 계속 진행은 가능하나 찝찝하다 이렇게 aira-hidden="true"를 넣어주면 오류가 사라지게 된다. 출처 https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/docs/rules/click-events-have-key-events.md GitHub - jsx-eslint/eslint-plugin-jsx-a11y: Static AST checker for a11y rules on JSX elements. Static AST checker for a11y rules on JSX elements. - GitHub - jsx-eslint/eslint-plugin-jsx-a1.. 2022. 4. 28. [React/ typescript] eslint, prettier 설정하기 수많은 오류가 엄청 많이 났었다 ㅠ 우선 오류를 다 찾아보고 최대한 오류 안나는 부분까지 고친 부분인데 이게 우선 오늘의 내가 최선이다 !! #npm npm install eslint@^7.2.0 eslint-plugin-import@^2.22.1 --save-dev npm install eslint-plugin-jsx-a11y@^6.4.1 eslint-plugin-react@^7.21.5 --save-dev npm install eslint-plugin-react-hooks@^4 eslint-config-prettier --save-dev npm install eslint-plugin-prettier eslint-config-airbnb prettier --save-dev npm install @typ.. 2022. 4. 21. [React] 페이지네이션 적용 후 글 자동 불러오기 오류 페이지네이션을 적용 한 이후에 프로젝트에 글을 적고 나서 바로 적용이 안되고 새로고침을 해야 적용이 되었다. 그래서 rtk적용 부분에 문제가 생긴 것을 알았는데, await thunkAPI.dispatch(logout()); return thunkAPI.rejectWithValue({ error: b, }); } const page = 1; await thunkAPI.dispatch(getAtt({page})); } ) 아니 처음에 getAtt({page : 1})로 줘도 같은 현상이고 따로 const page로 빼서 1로 주니까 에러 해결이 됐다. 하나가 해결되면 하나가 생겨서 참 난감하다. 2021. 10. 29. 이전 1 2 다음
