Latest Posts

전체 글 보기 →
Frontend Error Architecture #6 - DAL, TanStack Query, 그리고 완성된 방어선

Frontend Error Architecture #6 - DAL, TanStack Query, 그리고 완성된 방어선

Data Access Layer와 TanStack Query에 투 트랙 전략을 실전 적용하고, HydrationBoundary·throwOnError로 완성된 에러 아키텍처 조감도를 그리기

Next.jsTanStack Query
Frontend Error Architecture #5 - 클라이언트 경계 구현

Frontend Error Architecture #5 - 클라이언트 경계 구현

safeHandler로 이벤트 핸들러 에러를 포착하고, error.tsx·global-error.tsx·브라우저 경계로 완전한 클라이언트 방어선을 구축하기

Next.jsError Boundary
Frontend Error Architecture #4 - 서버 경계와 네트워크 경계 구현

Frontend Error Architecture #4 - 서버 경계와 네트워크 경계 구현

safeServerAction으로 직렬화 안전한 Result 패턴을 구현하고, networkBoundary로 오프라인·타임아웃·HTTP 에러를 세분화하는 서버/네트워크 경계 래퍼

Next.jsServer Actions
Frontend Error Architecture #3 - 투 트랙 전략과 handleError

Frontend Error Architecture #3 - 투 트랙 전략과 handleError

Return vs Throw 투 트랙으로 에러를 전달하되, DI 기반의 handleError 단일 처리기로 정책을 일관 적용하고 반환값으로 맥락별 UI를 처리하는 전략

Next.jsError Handling
Frontend Error Architecture #2 - 에러 모델과 도구 설계

Frontend Error Architecture #2 - 에러 모델과 도구 설계

ERROR_REGISTRY로 에러 코드·정책·expected 여부를 통합 관리하고, Zod 스키마 검증 기반의 DomainError 모델과 makeError 팩토리 함수를 설계하기

Next.jsError Handling
Frontend Error Architecture #1 - 경계와 책임

Frontend Error Architecture #1 - 경계와 책임

의도한 에러 vs 의도하지 않은 에러를 분류하고, 서버·네트워크·인터랙션·렌더링·브라우저 5개의 경계에 변환과 처리의 책임을 부여하는 전략

Next.jsError Handling
FCP 85% 개선, 데이터 스케일링이 초래한 렌더링 병목 해결하기

FCP 85% 개선, 데이터 스케일링이 초래한 렌더링 병목 해결하기

FCP 85%, DCL 89.5% 개선하기

Next.jsWeb Vitals
Frontend Error w. Next.js App Router

Frontend Error w. Next.js App Router

Next.js App Router에서 발생하는 에러를 처리하는 방법

Next.jsError Handling
Feature Sliced Design, FSD의 레이어, 슬라이스, 세그먼트

Feature Sliced Design, FSD의 레이어, 슬라이스, 세그먼트

Feature Sliced Design, FSD의 레이어, 슬라이스, 세그먼트에 대해 자세히 알아보자.

ArchitectureFeature Sliced Design

Series

모든 시리즈 →
frontend-error-architecture
  • Frontend Error Architecture #6 - DAL, TanStack Query, 그리고 완성된 방어선
  • Frontend Error Architecture #5 - 클라이언트 경계 구현
  • Frontend Error Architecture #4 - 서버 경계와 네트워크 경계 구현
시리즈 바로가기 →

frontend-error-architecture

6개

최신 글: 2026년 2월 14일

웹 성능 & Core Web Vitals
  • FCP 85% 개선, 데이터 스케일링이 초래한 렌더링 병목 해결하기
  • [번역] Core Web Vitals가 SEO에 미치는 영향
  • Core Web Vitals
시리즈 바로가기 →

웹 성능 & Core Web Vitals

4개

SEO와 성능 최적화 실전

최신 글: 2025년 11월 11일

Next.js 에러 처리 전략
  • Frontend Error w. Next.js App Router
시리즈 바로가기 →

Next.js 에러 처리 전략

1개

App Router 기반 에러 처리 패턴 정리

최신 글: 2025년 2월 21일

Categories

모든 카테고리 →
Next.js (21)Architectures (3)SEO (3)React (20)Frontend (3)JavaScript (1)

Tags

모든 태그 →
프론트엔드 (41)React (33)Next.js (25)TypeScript (23)Retrospective (12)Team Project (8)Wanted PreOnBoarding Frontend Course (8)프론트엔드 아키텍처 (7)SEO (6)Tailwind CSS (6)협업 (5)Custom Hook (5)무한 스크롤 (4)상태관리 (4)성능 최적화 (4)Animation (4)App Router (4)Error Handling (4)Frontend Architecture (4)Infinite Scroll (4)