Dev갱이 Dev갱이

.prettierrc { "trailingComma": "all", "tabWidth": 2, "useTabs": true, "semi": true, "singleQuote": true, "importOrder": [ "", "^@/components/(.*)$", "^@/screens/(.*)$", "^@/ui/(.*)$", "^@/hooks/(.*)$", "^@/shared/(.*)$", "^@/services/(.*)$", "^@/assets/(.*)$", "^@/utils/(.*)$", "^@/config/(.*)$", "^@/store/(.*)$", "^../(.*)", "^./(.*)", "(.scss)$" ], "importOrderSeparation": true, "importOrderSo..

https://uiverse.io/ Open-Source UI elements - made with CSS and HTML Library of free and customizable HTML and CSS UI elements. It's all open-source, and it's all free. Try it out to save you many hours spent on building & customizing UI components for your next project. uiverse.io

보통 이럴 경우에는 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..