TanStack Query No QueryClient set 오류 해결: QueryClientProvider 위치 확인하기
이 글에서 정리하는 내용 TanStack Query에서 No QueryClient set 오류가 발생했을 때 먼저 확인해야 할 지점은 queryFn이 아니라 QueryClientProvider입니다. React 프로젝트와 Next.js App Router에서 Provider를 어디에 두어야 하는지, 이미 P…
더 읽기
hebi_admin
Tailwind CSS Unknown at rule 경고 해결: VS Code와 PostCSS 설정 확인하기
이 글에서 정리하는 내용 Tailwind CSS를 설치한 뒤 VS Code에서 Unknown at rule 경고가 보일 때, 단순 에디터 경고인지 실제 PostCSS 설정 문제인지 구분하는 기준을 정리합니다. 경고를 바로 숨기기보다 화면 적용 여부, 터미…
더 읽기
Expo Metro unable to resolve module 오류 해결: import 경로와 캐시 초기화 체크
이 글에서 정리하는 내용 Expo 프로젝트에서 Unable to resolve module 오류가 발생했을 때, Metro 캐시를 지우기 전에 import 경로, 파일명 대소문자, 패키지 설치 상태, alias 설정을 순서대로 확인하는 기준을 정리합니다.…
더 읽기
TypeScript No overload matches this call 오류 해결: 함수 인자 타입이 안 맞을 때
이 글에서 정리하는 내용 TypeScript에서 No overload matches this call 오류가 발생했을 때 함수 이름이나 import보다 먼저 확인해야 할 부분을 정리합니다. 함수 overload 후보, 실제 인자 타입, union 타입, …
더 읽기
Next.js Dynamic server usage 오류 해결: cookies headers 사용 위치 확인하기
이 글에서 정리하는 내용 Next.js App Router에서 Dynamic server usage 오류가 발생했을 때, cookies()와 headers() 호출 위치를 추적하고 정적 렌더링을 유지할지, 동적 렌더링으로 명확히 전환할지 판단하는 과정을 …
더 읽기
React Maximum update depth exceeded 오류 해결: 무한 렌더링 원인 찾기
이 글에서 정리하는 내용 React에서 Maximum update depth exceeded 오류가 발생했을 때, 무한 렌더링의 출발점을 setState 호출 위치와 useEffect 의존성 구조를 기준으로 추적합니다. 단순히 의존성 배열을 비우는 방식이…
더 읽기
Next.js params should be awaited 오류 해결: App Router params 처리 기준
이 글에서 정리하는 내용 Next.js 15에서 App Router의 params와 searchParams를 기존처럼 바로 읽을 때 발생하는 params should be awaited 오류를 정리합니다. 단순히 await를 아무 위치에 붙이는 문제가 아니라, …
더 읽기
TypeScript Cannot find module 오류 해결: tsconfig paths와 moduleResolution 점검하기
이 글에서 정리하는 내용 TypeScript에서 Cannot find module 또는 TS2307 오류가 발생했을 때 import 경로만 고쳐서는 해결되지 않는 경우가 있습니다. 특히 tsconfig.json의 paths, baseUrl, moduleResol…
더 읽기
pnpm install 오류 해결: lockfile과 workspace 의존성이 꼬였을 때 대처 방법
이 글에서 정리하는 내용 pnpm install 오류는 단순히 node_modules가 꼬인 문제로 끝나지 않는 경우가 많습니다. 특히 모노레포나 workspace 구조에서는 package.json, pnpm-lock.yaml, pnpm-workspace.yam…
더 읽기
GitHub Actions npm ci 실패 해결: lockfile과 Node 버전 확인하기
이 글에서 정리하는 내용 GitHub Actions에서 npm ci가 실패하면 먼저 패키지 자체보다 package.json, package-lock.json, Node 버전, npm 버전, lockfile 경로가 서로 맞는지 확인해야 합니다. 로컬에서는 npm …
더 읽기