incodevelop

  • 홈

함수실행시점 1

🧩 React와 웹소켓 타이밍 이슈, Closure

MakeCandidate.tsx에서는 WebSocket 응답으로 받은 voteLimit 값을 기반으로 조건 분기(voteLimit !== null)하여 공(ball)을 생성한다.하지만 예상과 달리 voteLimit이 null이 아님에도 null로 참조되어, 제한/무제한 여부가 잘못 반영되는 공이 생성되는 문제가 발생했다.🔍 원인 분석1. React 함수형 컴포넌트의 클로저 구조WebSocketProvider 컴포넌트에서 Websocket 응답을 받고 setVoteLimit으로 voteLimit 상태를 업데이트 하고 있다.아래 subscribeAll 함수 내부에서는 업데이트 된 voteLimit 값을 사용하고 싶었으나, 항상 null로 참조가 되었다. // AS-ISuseEffect(() => { //..

TIL 2025.05.08
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 N
    • TIL N

Tag

closure, rootlayout, deploy.yaml, usetransition(), useformstate(), webpack-loader, websocket, 함수실행시점, revalidatepath(), 낙관적업데이트, server-action, zod, intersection-observer없이, 기존 데이터에 추가, useoptimistic(), useformstatus(), is there any way to add values to an array column with update?, next.js, sharedworker, api_url,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바