전체

리액트에서 DTO가 필요한 이유

React에서의 의존성 주입(Dependency Injection)

React 전역 상태 관리 완벽 가이드: Context API vs Zustand vs Jotai

리액트 클린 아키텍처 - 3개 핵심 레이어로 설계하는 유지보수성

리액트(React) 클린 아키텍처의 도메인·데이터·프레젠테이션 계층과 의존성 주입(DI)을 설명한다. 결제 승인 예제로 폴더 구조, Repository·UseCase·Hook의 책임과 변경에 유연한 설계를 살펴본다.

실제 서비스에서 낙관적 업데이트(Optimistic Update)를 활용하여, 유저의 답답함 줄이기

낙관적 업데이트(Optimistic Update)로 API 응답 전에 UI를 갱신하는 방법을 설명한다. TanStack Query와 QueryKeyFactory를 사용한 ToDo 생성 예제로 캐시 갱신, 실패 시 롤백과 동기화 흐름을 다룬다.

객체지향 프로그래밍(OOP) - 배달 서비스를 설계하며 이해하는 OOP의 핵심 개념

HTTP 캐싱 이해하기 — Last-Modified, ETag, Cache-Control로 웹 성능 최적화

Tanstack Query 효율적으로 Key 관리해보기