🖥️ Frontend
React Server Components 완전 정복 — RSC와 Server Actions
React Server Components를 개념 소개 수준이 아니라 아키텍처 선택의 관점에서 정리합니다. Client Component와의 경계 설정, Server Actions, 캐싱, 스트리밍, 실무에서 자주 겪는 함정까지 Next.js App Router 기준으로 설명합니다.
Tag Archive
#react
이 태그는 현재 19개의 포스트와 연결되어 있습니다. 같은 문제를 다른 관점에서 다룬 글까지 함께 따라가면 주제 이해가 훨씬 빠르게 넓어집니다.
Expand The Topic
함께 많이 등장하는 태그
🖥️ Frontend
스트리밍 UI의 실패 복구 패턴
부분 렌더링, 서버 스트리밍, AI 응답 UI에서 중간 실패를 사용자 경험으로 흡수하는 설계 방법을 정리합니다.
🖥️ Frontend
Optimistic UI의 Reconciliation 경계
낙관적 UI는 빠르게 느껴지지만, 서버 진실과 충돌하는 순간 복잡성이 드러납니다. 어디까지 낙관적으로 처리할지 경계를 정리합니다.
🖥️ Frontend
React Activity와 View Transitions 도입 포인트
React의 최신 Activity, View Transitions 흐름은 단순한 애니메이션 기능 추가가 아닙니다. UI 상태 보존과 전환 경험을 어떻게 다시 설계할지 정리합니다.
🖥️ Frontend
프론트엔드 학습 경로: 입문부터 고급까지
컴포넌트와 상태 기초부터 렌더링 전략, 성능, 아키텍처 트레이드오프까지 체계적으로 배우는 프론트엔드 로드맵입니다.
🖥️ Frontend
프론트엔드 Error Boundary 전략
실패를 적절히 격리하면서도 UI 전체를 복구 미로로 만들지 않는 error boundary 배치 전략을 정리합니다.
📈 최신 동향
React Foundation 이 엔지니어링 팀에 의미하는 것
React Foundation 소식이 단순 거버넌스 뉴스가 아니라 프레임워크 생태계의 장기 예측 가능성에 어떤 의미를 갖는지 정리한 글입니다.
🧪 Test
React Testing Library 실전 설계 가이드
React Testing Library를 사용자 중심 테스트 도구로 활용하는 방법을 정리합니다. query 우선순위, 상호작용 테스트, 비동기 UI, provider wrapper, 과도한 mocking 회피까지 실무 기준으로 다룹니다.
🖥️ Frontend
React 아키텍처 설계 가이드
React 애플리케이션을 유지보수 가능한 시스템으로 설계하는 방법을 정리합니다. 컴포넌트 경계, 상태 계층, 서버 상태, 렌더링 모델, 팀 협업 구조까지 실무 중심으로 다룹니다.
🖥️ Frontend
React 디자인 시스템 아키텍처 가이드
React 기반 디자인 시스템을 설계할 때 필요한 토큰, 컴포넌트 계층, 접근성, 배포 전략을 실무 관점에서 정리합니다.
🖥️ Frontend
React + SPA 아키텍처 가이드
React 기반 SPA를 설계할 때 필요한 화면 경계, 상태 구조, 라우팅, 데이터 계층, 성능 전략을 실무 관점에서 정리합니다.
🖥️ Frontend
React + SSR/Streaming 아키텍처 가이드
React 기반 SSR과 스트리밍 렌더링을 설계할 때 필요한 데이터 흐름, 경계 분리, 캐싱, 점진적 렌더링 전략을 실무 관점에서 정리합니다.
🖥️ Frontend
React 상태관리 전략 가이드
React 애플리케이션에서 로컬 상태, 서버 상태, 전역 상태를 어떻게 분리하고 설계해야 하는지 실무 관점에서 정리합니다.
🖥️ Frontend
Vue vs React 심화 비교 가이드
Vue와 React를 문법 취향이 아니라 아키텍처, 상태 모델, 렌더링 방식, 팀 확장성, 생태계 관점에서 깊이 비교합니다. 어떤 조직과 제품에 더 잘 맞는지 실무 기준으로 정리합니다.
🖥️ Frontend
React Hooks 설계 가이드
React Hooks를 단순 문법이 아니라 상태와 부수효과를 분리하는 설계 도구로 이해합니다. useState, useEffect, useRef, custom hook을 언제 어떻게 써야 하는지 실무 관점에서 정리합니다.
🖥️ Frontend
React Context API로 전역 상태 관리하기
Context API의 기본 사용법을 넘어 언제 적합한지, 리렌더링 비용을 어떻게 통제할지, 어떤 상태에는 쓰지 말아야 하는지까지 정리합니다.
🖥️ Frontend
Next.js 14 App Router 완벽 가이드 — 서버 컴포넌트부터 라우팅까지
Next.js App Router를 폴더 구조 소개가 아니라 렌더링 모델의 관점에서 정리합니다. 서버 컴포넌트, 클라이언트 컴포넌트, 레이아웃, 로딩/에러 처리, 캐싱, Route Handler까지 실무 기준으로 설명합니다.
🖥️ Frontend
TanStack Query(React Query)로 서버 상태 관리하기
TanStack Query를 단순한 fetch 헬퍼가 아니라 서버 상태 관리 모델로 정리합니다. queryKey 설계, staleTime, invalidation, optimistic update, 서버 상태와 클라이언트 상태의 경계까지 실무 관점에서 설명합니다.
🖥️ Frontend
React + TypeScript 설계 가이드
React 프로젝트에서 TypeScript를 실무적으로 적용하는 기준을 정리합니다. Props 타입, 이벤트 타입, 제네릭 컴포넌트, 상태 모델링, 과도한 타입 복잡도를 피하는 방법까지 다룹니다.