Vercel Next.js 배포 실패 해결 체크리스트: 빌드 로그·환경변수·Node 버전 확인법
Vercel Next.js 배포 실패를 가장 빨리 좁히는 순서 Vercel에서 Next.js 배포가 실패할 때는 마지막 실패 문구보다 첫 번째 에러 블록, 환경변수 차이, Node.js 버전, lock 파일, runtime 오류 여부를 순서대로 확인해야 합니다. 이 글…
더 읽기
hebi_admin
Expo EAS Build 오류 해결: 로컬은 되는데 원격 빌드만 실패할 때
Expo EAS Build 오류 핵심 점검 순서Expo EAS Build는 로컬 개발 서버와 다른 원격 빌드 환경에서 실행됩니다. 이 글은 eas.json profile, app.json/app.config.ts, Android/iOS credentials, Expo …
더 읽기
Vite import.meta.env undefined 해결: VITE_ prefix와 .env 파일 확인법
Vite import.meta.env undefined 오류를 가장 빨리 찾는 순서 Vite에서 import.meta.env 값이 undefined라면 변수명 prefix, env 파일 위치, mode별 파일, dev server 재시작, 배포 환경변수 등록 여부를 순…
더 읽기
Playwright 테스트 실패 해결: locator가 요소를 찾지 못할 때 체크리스트
이 글에서 정리하는 내용 화면에는 요소가 보이는데 Playwright locator가 찾지 못하는 상황을 기준으로 원인을 좁히고, 실제 프로젝트에서 어떤 설정과 코드 구조를 확인해야 하는지 정리합니다. 단순 개념 소개가 아니라 오류가 난 순간 바로 확인할 순서와…
더 읽기
Next.js useSearchParams Suspense 오류 해결: App Router 빌드가 실패할 때
이 글에서 정리하는 내용 App Router에서 useSearchParams를 쓴 클라이언트 컴포넌트 때문에 production build가 실패하는 상황을 기준으로 원인을 좁히고, 실제 프로젝트에서 어떤 설정과 코드 구조를 확인해야 하는지 정리합니다. 단순 개…
더 읽기
Next.js fetch 캐시 문제 해결: 데이터가 바뀌었는데 화면이 그대로일 때
이 글에서 정리하는 내용 App Router에서 API 데이터는 바뀌었는데 페이지 화면이 오래 그대로 남는 상황을 기준으로 원인을 좁히고, 실제 프로젝트에서 어떤 설정과 코드 구조를 확인해야 하는지 정리합니다. 단순 개념 소개가 아니라 오류가 난 순간 바로 확인…
더 읽기
Radix UI와 shadcn/ui 차이: 컴포넌트를 고를 때 헷갈리는 기준 정리
이 글에서 정리하는 내용 Radix UI와 shadcn/ui를 경쟁 라이브러리처럼 오해해 선택 기준이 흐려지는 상황을 기준으로 원인을 좁히고, 실제 프로젝트에서 어떤 설정과 코드 구조를 확인해야 하는지 정리합니다. 단순 개념 소개가 아니라 오류가 난 순간 바로 …
더 읽기
Next.js Server Actions + React Hook Form 검증 기준
이 글에서 정리하는 내용 Server Actions와 React Hook Form을 같이 쓸 때 클라이언트 검증과 서버 검증 역할이 겹쳐 보이는 상황을 기준으로 원인을 좁히고, 실제 프로젝트에서 어떤 설정과 코드 구조를 확인해야 하는지 정리합니다. 단순 개념 소…
더 읽기
shadcn/ui 설치 오류 해결: components.json과 import alias가 맞지 않을 때
이 글에서 정리하는 내용 shadcn/ui 컴포넌트 생성 후 @ alias와 실제 폴더 구조가 맞지 않아 import가 깨지는 상황을 기준으로 원인을 좁히고, 실제 프로젝트에서 어떤 설정과 코드 구조를 확인해야 하는지 정리합니다. 단순 개념 소개가 아니라 오류가…
더 읽기
React Hook Form Zod 연결 오류 해결: resolver 타입이 맞지 않을 때 확인할 것
이 글에서 정리하는 내용 React Hook Form에 zodResolver를 붙였는데 schema, defaultValues, optional 처리 때문에 타입이 맞지 않는 상황을 기준으로 원인을 좁히고, 실제 프로젝트에서 어떤 설정과 코드 구조를 확인해야 하…
더 읽기