Dev갱이 Dev갱이

보통 이럴 경우에는 2가지 방법이 있는데 1. get을 한번 더 해서 리스트를 초기화한다. 2. useState를 활용, 기존 Array에 push 해서 setState를 해준다. const queryClient = useQueryClient(); const [userId, setUserId] = useState(5); // Query const { isLoading, data, isError } = useQuery('users', getUserWithAxios, { staleTime: 5000, }); const mutation = useMutation((data: User) => axios.post('http://localhost:8000/user', data), { onMutate: (data: U..

axios 비동기 함수 호출할때 반드시 await 붙여서 해야됨 아님 return 받은 데이터 primise로 받음 export const refreshToken = async() =>{ const response = await apiClient.get(`/users/refreshtoken`); //console.log(response.data); return response.data; } const data = refreshToken(); console.log(data); -> 결과 Promise const data = await refreshToken()으로 받아야됨 또는 then으로 받기

Unhandled Runtime Error AxiosError: Network Error has been blocked by CORS policy: Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight response accessToken을 헤더로 전송할때 또 오류가 났다. //NextJs export const AuthApiClient = axios.create({ baseURL: "http://localhost:3001", withCredentials: true, headers: { 'Content-type': 'application/json', 'Authorization': 'Bear..

Access to XMLHttpRequest at 'http://localhost:3001/users/signin' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'. The credentials mode of requests initiated by the ..

위 이미지처럼 데이터를 가져와서 UI를 그리기전 보여주는 화면을 보통 스피너로 뱅글뱅글 돌아가는걸 보여 주는데 위에 같이 이쁜 애니메이션을 보여주는걸 스켈레톤 로더라고 한다 스켈레톤(skeleton) 로더 나는 Tailwind를 많이 쓰니까 이 예제로 해봐야지 https://flowbite.com/docs/components/skeleton/

로그인 기능을 구현 하고 있는데, 오류가 난다. Violation: Duplicate atom key "loginState". This is a FATAL ERROR in production. But it is safe to ignore this warning if it occurred because of hot module replacement 서칭 해보니 나오는 스택오버플로우 https://stackoverflow.com/questions/71291122/how-can-i-write-update-localstorage-object-in-recoil-atom How can i write(=update) Localstorage object in Recoil Atom? I try to get LocalSt..

AWS 프리 티어 사용 알림의 이메일 주소를 변경하려면 AWS Management Console에 로그인하고 https://console.aws.amazon.com/billing/ 에서 결제 콘솔을 엽니다. . 탐색 창의 기본 설정 에서 결제 기본 설정 을 선택합니다 . 비용 관리 기본 설정 아래 의 이메일 주소 대화 상자 에 있는 AWS 프리 티어 사용 알림 수신에서 사용 알림을 받을 이메일 주소를 입력합니다. 페이지 끝으로 스크롤하고 환경 설정 저장 을 선택 합니다. 프리 티어 한도의 85%에 대한 AWS 예산 사용 알림은 모든 개별 AWS 계정에 대해 자동으로 활성화되지만 AWS Organizations의 마스터 계정에 대해서는 활성화되지 않습니다. 마스터 계정을 소유하고 있는 경우 AWS 프리 티..

_app.tsx import '../styles/globals.css'; import React from 'react'; import type { AppProps } from 'next/app'; import { Hydrate, QueryClient, QueryClientProvider } from 'react-query'; import { RecoilRoot } from 'recoil'; function MyApp({ Component, pageProps }: AppProps) { const queryClient = React.useRef(new QueryClient()); //const [queryClient] = React.useState(() => new QueryClient()) return (..