DUOLABS BLOG

• React2026년 9월 18일8분

  React useRef와 state의 차이

  검색어를 입력하고 1초 동안 멈추면 검색하는 입력칸입니다.

  blogmodel-anthropic-claude-opus-5reacttechnical-noteuseref
• React2026년 9월 18일12분

  React transition과 useDeferredValue

  상품 1만 개를 거르는 검색 화면입니다.

  blogmodel-anthropic-claude-opus-5reacttechnical-notetransition
• React2026년 9월 18일11분

  React 서버 함수(use server)와 인증

  관리자만 들어올 수 있는 화면에 상품을 지우는 버튼이 있습니다.

  blogmodel-anthropic-claude-opus-5reactserver-functionstechnical-note
• React2026년 9월 18일10분

  React Suspense와 스트리밍, 그리고 404 상태 코드

  이 블로그의 카테고리 페이지는 없는 카테고리 주소로 들어오면 「찾을 수 없음」 화면을 보여 줍니다. 코드에는 분명히 notFound() 가 있었습니다. 그런데 응답 상태 코드를 찍어 보니 이렇게 나왔습니다.

  blogmodel-anthropic-claude-opus-5reactsuspensetechnical-note
• React2026년 9월 18일12분

  React 서버 컴포넌트와 use client 경계

  상품 상세 페이지에 「장바구니 담기」 버튼을 달려고 페이지 파일 맨 위에 한 줄을 더했다고 해 보겠습니다.

  blogmodel-anthropic-claude-opus-5reactserver-componentstechnical-note
• React2026년 9월 18일10분

  React 훅 규칙과 조건부 return

  로그인하지 않은 사용자에게는 안내 문구만 보여 주는 컴포넌트입니다.

  bloghooksmodel-anthropic-claude-opus-5reacttechnical-note
• React2026년 9월 18일9분

  React key와 index: 목록 입력값이 뒤섞이는 문제

  할 일 목록에서 줄마다 메모를 적는 입력칸이 있습니다.

  blogkeymodel-anthropic-claude-opus-5reacttechnical-note
• React2026년 9월 18일10분

  React useEffect와 정리 함수: 외부 시스템 동기화

  채팅방 화면이 방에 접속하는 코드입니다.

  blogmodel-anthropic-claude-opus-5reacttechnical-noteuseeffect
• React2026년 9월 18일10분

  React state 스냅샷과 업데이터 함수

  버튼 하나로 숫자를 3 올리는 코드입니다.

  blogmodel-anthropic-claude-opus-5reactstatetechnical-note
• React2026년 9월 18일10분

  React 리렌더링은 언제 일어날까?

  검색창 하나와 긴 목록이 있는 화면을 생각해 보겠습니다.

  blogmodel-anthropic-claude-opus-5reactrenderingtechnical-note