#react | 이주영

react.

10 articles

react2026.11.14

loading.tsx에서 영역별 Suspense까지, Next.js 스트리밍 렌더링 개선기

CodeMate의 AI 리뷰 이력 페이지에서 영역별 Suspense를 적용해 통계와 필터를 리뷰 목록보다 먼저 표시한 과정을 정리했습니다.

react nextjs suspense codemate

react2026.11.04

AI 코드 리뷰를 기다리지 않아도 되도록 만들기

GitHub PR의 AI 코드 리뷰를 요청한 뒤에도 다른 작업을 할 수 있도록, API 응답과 실제 분석을 분리하고 완료 결과를 알림으로 연결한 과정을 정리했습니다.

react nextjs typescript codemate

react2026.04.19

PR 댓글 이벤트를 Query 캐시에 반영한 이유와 재조회 경계

과거 Socket 댓글 이벤트는 Query 캐시에 직접 반영하고, mutation 뒤에는 서버 상태를 다시 조회했습니다. 빠른 반영과 정합성 확인의 경계를 나눈 이유를 정리했습니다.

react react-query cache performance codemate setQueryData invalidateQueries

react2025.03.11

setState는 비동기일까

setState가 왜 동기 함수인지, 그리고 react서는 setState를 통해 상태 업데이트를 어떻게 하는지 알아보자.

react JavaScript deepdive useState hook

react2024.11.25

React와 Next.js의 Suspense에 대해 알아보자

React와 Next.js에서 Suspense를 어떤 방식으로 다르게 다루는지, 그리고 Next.js에서 이로인해 발생할 수 있는 에러와 해결방법에 대해 알아보자.

react next.js deepdive SSR Suspense 렌더링

react2024.11.19

리액트 컴포넌트 테스트 코드 시작하기

React Deepdive 서적의 React 컴포넌트의 테스트 코드를 정리하였다.

react 테스트 deepdive

react2024.11.12

React 개발자 도구(React dev tools)로 불필요한 렌더링을 없애본 경험

React 개발자 도구(React dev tools)의 기능들과 이를 활용해본 경험을 공유해보겠다.

react next.js 렌더링 트러블슈팅 deepdive dev tools

react2024.11.04

서버사이드 렌더링에 대해 알아보자(Feat: next.js, SSG)

클라이언트 사이드 렌더링(CSR)과 서버 사이드 렌더링(SSR)에 대해서 그리고 SSR을 활용한 next.js 예제와 SSG의 개념과 예제까지 알아보자.

react next.js deepdive SSR SSG 렌더링

react2024.10.27

React useState 훅과 클로저

클로저를 이용한 React useState 훅의 작동 원리

react JavaScript deepdive useState hook 클로저

react2024.09.25

[React DeepDive] React의 가상 DOM

리액트 딥다이브 책 내용 중 '가상 DOM과 파이버'의 정리 내용입니다.

react deepdive Virtual DOM

Tags