Tailwind CSS Unknown at rule 경고 해결: VS Code와 PostCSS 설정 확인
목표는 VS Code의 Unknown at rule 진단과 Tailwind CSS 변환 실패를 다른 증상으로 판별하는 것입니다. CSS import와 npm scripts를 알고 시작합니다. Tailwind v4의 PostCS…
해비
웹퍼블리싱 실무를 바탕으로 React, Next.js, TypeScript와 프론트엔드 문제 해결 과정을 기록합니다.
총 370개의 글
Expo Metro unable to resolve module 오류 해결: 경로와 캐시
Metro 오류의 import 출발 파일과 탐색 대상을 읽고 잘못된 상대 경로를 고칩니다. import/export와 Expo Router 파일 구조를 알아야 합니다.
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 의존성, 객체·함수 참조, 파생 state, 부모·자식 순환 구조로 진단하고 올바른 수정 순서를 정리합니다.
Next.js params should be awaited 해결: App Router 기준
Next.js 15 App Router에서 params should be awaited 오류가 발생하는 이유와 page, generateMetadata, route handler별 수정 방법을 정리합니다.
pnpm install 오류 해결: lockfile·workspace 점검 순서
이 글의 목표는 pnpm install 실패를 lockfile 불일치·workspace 불일치·인증·경로 문제로 나누고 필요한 입력만 고치는 것입니다. package.json, Git diff, workspace 기본 지식이…
GitHub Actions npm ci 실패 해결: lockfile과 Node 버전 확인
package.json과 터미널 사용법을 알고 있다는 전제에서, lockfile 불일치를 작은 로컬 패키지로 재현하고 파일 갱신만으로 npm ci가 성공하는지 확인합니다.
Vitest document is not defined 오류 해결: jsdom 설정 기준
document 오류를 Node와 jsdom 환경 차이로 재현하고 해결합니다. matcher 연결과 TypeScript 오류까지 구분하는 독립 실습입니다.
Firebase Auth unauthorized-domain 오류 해결: 로그인 도메인 설정 확인
OAuth 도메인 오류와 redirect·continue URL 오류를 구분하고 설정 한 곳만 바꾸어 재확인합니다. auth/unauthorized-domain은 현재 앱의 호스트가 인증 작업에 승인되어 있는지 먼저 확인할 오…
ESLint flat config 규칙 적용 안됨 해결: eslint.config.js 기준
목표는 설정 파일을 읽지 못한 오류와 files 범위에서 빠져 규칙이 적용되지 않는 현상을 분리하는 것입니다. npm과 JavaScript 모듈을 알고 시작합니다. 먼저 ESLint flat config의 JavaScript…