Latest Posts

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

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

FCP 85%, DCL 89.5% 개선하기

Next.jsWeb Vitals
Next.js Error Handling Strategy 3 - 경계 구현과 적용

Next.js Error Handling Strategy 3 - 경계 구현과 적용

safeServerAction, networkBoundary 등 각 경계에서 필요한 래퍼 함수를 완성해 아키텍처를 실전에 적용하기

Next.jsError Handling
Next.js Error Handling Strategy 2 - 중앙화된 에러 처리

Next.js Error Handling Strategy 2 - 중앙화된 에러 처리

단일 에러 모델 DomainError와 중앙 에러 처리기 handleError로 아키텍처 완성하기

Next.jsError Handling
Next.js Error Handling Strategy 1 - 경계와 책임

Next.js Error Handling Strategy 1 - 경계와 책임

의도한 에러 vs 의도하지 않은 에러, 그리고 5개의 방어선 '경계'에 책임을 부여하는 전략

Next.jsError Handling
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
[번역] Core Web Vitals가 SEO에 미치는 영향

[번역] Core Web Vitals가 SEO에 미치는 영향

Core Web Vitals가 SEO에 미치는 영향과 실제 데이터와 실험실 데이터의 차이점을 이해하기

Core Web VitalsSEO
‘딸깍’으로 다국어 지원 데이터 변환 시간 99% 줄이기

‘딸깍’으로 다국어 지원 데이터 변환 시간 99% 줄이기

Google Spreadsheet와 자동화 시스템으로 다국어 데이터 변환 시간을 10분에서 1초로 단축하기

Internationalizationi18n
Next.js에서 FSD 적용하기

Next.js에서 FSD 적용하기

Next.js에 맞게 Feature Sliced Design 아키텍처를 개선해 팀 컨벤션으로 만들기!

Next.jsFeature Sliced Design

Series

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

웹 성능 & Core Web Vitals

4개

SEO와 성능 최적화 실전

최신 글: 2025년 11월 11일

Next.js 에러 처리 전략
  • Next.js Error Handling Strategy 3 - 경계 구현과 적용
  • Next.js Error Handling Strategy 2 - 중앙화된 에러 처리
  • Next.js Error Handling Strategy 1 - 경계와 책임
시리즈 바로가기 →

Next.js 에러 처리 전략

4개

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

최신 글: 2025년 10월 21일

Feature-Sliced Design (FSD)
  • Feature Sliced Design, FSD의 레이어, 슬라이스, 세그먼트
  • Next.js에서 FSD 적용하기
  • Feature Sliced Design(FSD), 기능 분할 설계
시리즈 바로가기 →

Feature-Sliced Design (FSD)

3개

FSD 개념부터 Next.js 적용까지

최신 글: 2024년 11월 18일

Categories

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

Tags

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