Manifest: Line: 1, column: 1, Syntax error. ❓상황 유데미 react-query 강좌를 보며 따라하던 중, 발생한 오류 🔎 원인 파악 특별히 Manifest.json 파일을 건드리지 않았더라면, manifest.json 파일 경로를 잘못 설정해서 발생한 오류 ✨ 해결 방법 manifest 경로 앞에 /를 붙여주면 해결된다.

Error! missing queryFn ❓상황 v4 버전의 @tanstack/react-query의 useInfiniteQuery 함수 사용시 발생한 오류 🔎 원인 파악 v3에서는 querykey가 문자열과 배열을 허용했지만, v4에서는 querykey가 배열만 허용되게 바뀌었다. ✨ 해결 방법 querykey를 배열로 변경했더니 fetch 잘 되었다.

Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()? ❓상황 Next.js 태그에 태그를 넣는것 대신, 컴포넌트를 넣을때 발생하는 오류 🔎 원인 파악 Next.js의 태그로 감싸진 태그는 (onClick, onMouseEnter), ref 총 3개의 필수 속성을 갖는다. 태그 안에 태그를 넣으면, 별 문제없이 잘 동작한다. 회원가입 그러나 컴포넌트를 사용할 경우, onClick, onMouseEnter, ref 속성을 갖도록 해줘야한다. 회원가입 그래서 아래와 같이 ...연산자를 이용하여 속성을 부여했다. const Button..

fatal: refusing to merge unrelated histories ❓상황 다른 사람 원격저장소의 branch를 나의 로컬 저장소로 git pull할때 발생한 오류 🔎 원인 파악 기본적으로 git pull은 git fetch와 git merge의 2개의 명령어를 합친 명령어이다. git fetch의 경우에는, 원격 저장소의 내용을 가져온다. 조금 더 정확히는 원격 저장소의 branch들을 가져온다. 확인하려면, git fetch 한 후에, git branch -r을 하면 다른 사람 원격저장소의 branch들을 가져온 것을 볼 수 있다. git branch -r git merge의 단편적인 개념으로는 원격 저장소의 특정 branch와 현재 선택된 나의 로컬 저장소의 branch와 합쳐지게된다...

Object is possibly undefined ❓상황 axios에서 interceptors로 headers에 Authorization 값을 부여할때, 빨간 줄이 나오는 문제 🔎 원인 파악 config.headers는 axios request headers를 가질 수도 있고, undefined도 가질 수 있다. (property) AxiosRequestConfig.headers?: AxiosRequestHeaders | undefined 값이 undefined인 경우일때, 접근 한 경우 에러가 발생한다. How to fix config.headers.Authorization "Object is possibly undefined" when using axios interceptors I got the ..