til-odin 님의 블로그

서론: CSS가 깨지고, 콘솔엔 ERR_TIMED_OUT 오류가 뜨나요?프로젝트 규모가 점점 커지면서 Vite나 Nuxt.js로 개발할 때, 이상한 문제를 겪어보신 적 없으신가요?내 PC에서는 완벽하게 작동하던 개발 서버. 그런데 테스트를 위해 같은 네트워크에 연결된 다른 PC나 모바일 기기에서 IP로 접속하니 CSS가 일부만 적용되거나, 이미지가 간헐적으로 깨지고, 특정 기능이 동작하지 않습니다. 브라우저 개발자 도구의 네트워크 탭을 확인하면, 콘솔 창에 여러 개 net::ERR_TIMED_OUT 오류가 찍혀 있습니다. 이 문제는 단순한 '유휴 상태'에서의 연결 끊김이 아닙니다. 이것은 페이지가 최초로 로딩되는 과정에서 수많은 리소스(JavaScript 모듈, CSS, 이미지 등) 중 일부를 다운로드하..

00. TL;DRNuxt 3에서 데이터 패치와 컴포넌트 렌더링 중 발생할 수 있는 오류에 대해 3가지 대응 방식을 설명합니다.페이지 레벨 데이터 패치 오류 – SSR/CSR 전역 처리 (useAsyncData + error.vue)컴포넌트 단위 데이터 패치 오류 – CSR 대응 (useFetch + ErrorBoundary)일반 렌더링 로직 오류 – 런타임 예외 대응 (ErrorBoundary)원칙:페이지 단의 오류는 Nuxt의 에러 핸들링 시스템과 layouts/error.vue를 통해 처리컴포넌트 레벨 오류는 로 로컬하게 처리로딩은 각 컴포넌트 내부에서 ref()로 상태 관리하며 컴포넌트로 UI 분리01. Nuxt의 전체 오류 처리 체계처리 범위위치처리 방법SSR/CSR 대응UI 처리페이지 초기 데..