b.log()

blog92@web:~$ grep -rl "#React" posts/

#React

이 태그가 달린 글

29 ENTRIES
tags/react/

ALL TAGS · 372

29 ENTRIES · PAGE 02/02SORTED BY DATE 내림차순 누르면 오래된순으로 정렬
21

프론트엔드 안티패턴 (3) — 컴포넌트 설계: 성급한 추상화가 중복보다 비싼 이유

잘못된 추상화의 비용 곡선, God Component를 쪼개는 순서, 컴포넌트 안에서 컴포넌트를 정의할 때 입력값이 사라지는 이유, key={index}가 만드는 정체성 혼란.

2026-09-14
[frontend]
frontend-antipatterns-3-component-design.md
22

프론트엔드 안티패턴 (2) — 상태와 데이터 흐름: useEffect는 왜 계속 오용되는가

useEffect의 네 가지 오용을 해부하고, 왜 사람들이 계속 그렇게 쓰게 되는지 밝힌다. 파생 상태, props를 state로 복사, 성급한 전역화, boolean 상태 머신까지.

2026-09-14
[frontend]
frontend-antipatterns-2-state-and-data-flow.md
23

Suspense 경계는 어디에 그어야 하는가 — 실전 설계 기준 (번외편)

Suspense를 남용하지도, 방치하지도 않기 위한 실전 판단 기준을 정리합니다. 경계는 코드가 아니라 사용자가 화면을 읽는 구조를 따라갑니다.

2026-04-05
[frontend]
react-suspense-boundary-design.md
24

React 스트리밍 렌더링 — Suspense 경계가 응답을 쪼개는 절단선이 되기까지

RSC와 Suspense가 결합해 서버 렌더링 결과를 조각조각 스트리밍하는 방식과 Selective Hydration까지, 시리즈의 마지막 퍼즐을 맞춥니다.

2026-04-05
[frontend]
react-streaming-rendering.md
25

React Server Components — 렌더링을 어디서 할 것인가

SSR과 RSC의 차이, Server/Client Component의 경계 규칙, 그리고 children 패턴이 왜 중요한지 정리합니다.

2026-04-05
[frontend]
react-server-components.md
26

React Lane 내부 구현 — 비트마스크로 우선순위를 관리하는 법 (번외편)

React가 업데이트 우선순위를 31비트 정수 하나로 관리하는 방법과, 그 설계가 선택된 이유를 살펴봅니다.

2026-04-05
[frontend]
react-lane-internals.md
27

React Suspense — 데이터 로딩을 렌더링 시스템 안으로

Suspense가 어떤 문제를 풀고, Promise를 throw한다는 독특한 메커니즘이 동시성 렌더링과 어떻게 맞물리는지 정리합니다.

2026-04-05
[frontend]
react-suspense.md
28

React Fiber 아키텍처 — 렌더링을 멈추고, 재개하고, 버릴 수 있는 이유

React 16에서 도입된 Fiber 아키텍처가 왜 등장했고, 어떤 구조로 동시성 렌더링을 가능하게 하는지 정리합니다.

2026-04-05
[frontend]
react-fiber-architecture.md
29

React 렌더링 원리 — Virtual DOM, Reconciliation, 그리고 key

React가 UI를 어떻게 효율적으로 업데이트하는지, 그 내부 원리를 단계별로 정리합니다.

2026-04-05
[frontend]
react-rendering-principles.md