Firebase permission-denied 오류 해결: Firestore Rules 체크리스트
permission-denied를 재현한 요청과 소유자 규칙·쿼리를 짝지어 수정합니다. Firestore Rules는 결과에서 비허용 문서만 걸러주지 않습니다. 요청이 허용되는 범위만 읽는다는 것을 쿼리가 증명해야 합니다. 로…
전체 글
React 리스트 key 경고 해결 기준: index key를 피해야 하는 이유
위 오류 코드를 실습의 map에 적용하면 위치를 나타내는 index가 key가 됩니다. Beta 메모를 고친 뒤 순서를 뒤집으면 메모가 Alpha에 붙는 현상을 볼 수 있습니다. 수정본은 Row 내부에 로컬 state를 일부러…
React useEffect 두 번 실행되는 이유: StrictMode·API 중복 해결
cleanup 없는 오류 코드는 루트 StrictMode의 개발 검사에서 같은 컴포넌트에 리스너를 중복 등록할 수 있습니다. 수정본은 setup에서 만든 함수와 같은 참조를 removeEventListener에 전달합니다. […
Next.js hydration failed 오류 해결: 원인과 해결 방법
Next.js hydration failed 오류가 발생하는 원인과 해결 방법을 서버 HTML과 브라우저의 첫 React 출력 비교 순서에 맞춰 정리합니다.
Next.js metadata가 적용되지 않을 때 확인할 7가지
Next.js metadata가 보이지 않을 때 파일 위치, export 충돌, params, URL 기준, 특수 파일, 병합 규칙, 응답·캐시를 순서대로 점검합니다.
Zustand 리렌더링 원리와 selector 최적화 방법
Zustand 리렌더링 원리, selector 구독 구조, shallow 비교와 최적화 기준을 설명하는 개념형 글입니다.
Zustand 학습 로드맵: store·action·selector·persist 순서
Zustand를 적용할 때 로컬·전역 상태 경계부터 create store, action, selector, useShallow, persist와 Next.js hydration까지 순서대로 정리합니다.
Next.js 환경변수 적용 오류 해결: .env.local을 바꿨는데 값이 안 바뀔 때
Next.js 환경변수 적용 오류 해결: .env.local을 바꿨는데 값이 안 바뀔 때 상황에서 먼저 확인할 로그, 설정, 버전, 환경 차이를 실무 체크리스트로 정리합니다.
npm install 의존성 충돌 해결: ERESOLVE 오류가 날 때 해결법
목표는 ERESOLVE에서 충돌한 peer 요구 범위를 읽고 호환 조합으로 설치를 복구하는 것입니다. package.json과 버전 범위 기초가 필요합니다. npm 11 기준 로컬 tarball 최소 재현으로 실제 오류와 수정…
Next.js Image remotePatterns 오류 해결: 외부 이미지 도메인 허용하기
Next.js Image remotePatterns 오류가 발생하는 원인과 외부 이미지 URL의 protocol·hostname·pathname을 안전하게 허용하는 기준을 정리합니다.
Next.js Route Handler 405 오류 해결: GET/POST 파일 위치와 메서드 설정 확인
Next.js App Router Route Handler에서 405 Method Not Allowed가 날 때 route.ts 위치, export 메서드, 요청 URL, form/action 메서드를 점검하는 방법을 정리합니…
Vercel 404 NOT_FOUND 오류 해결: Next.js 배포 후 라우팅과 rewrites 확인
Next.js App Router의 page.tsx와 npm build를 알고 있다는 전제에서, 잘못된 rewrite와 없는 라우트를 서로 다른 문제로 재현·수정합니다.