Nani's Dictionary

  • 홈
  • 태그
  • 방명록

react 2

useState

useState는 비동기로 동작한다. export default function App(){ const [count, setCount] = useState(0); const handleClick = () => { setCount(count+1); setCount(count+1); setCount(count+1); } return ( + {count} ) } 위의 경우 버튼을 클릭하면 count=1이 된다. 그 이유는 useState의 비동기적 특성 때문이다. 리액트가 효율적으로 렌더링하기 위해 여러 개의 상태 값 변경 요청을 batch(일괄처리) 처리 하기 때문이다. batch 처리를 하는 이유는 성능 이슈 때문 state의 수정은 리렌더링을 일으키는데 state의 수정을 일일이 해주면 얼마나 많은 렌더..

Web/React 2022.07.29

React에서 F5 눌렀을 때 (새로 고침) socket emit하기

현재 페이지에서 새로고침을 했을 때 서버로 특정 이벤트를 emit 해야할 때 socket 옵션에서 closeOnBeforeunload 값을 false로 설정해준 뒤에 해당 페이지의 window 객체에 beforeunload 이벤트 리스너에 emit 이벤트를 추가해준다! 출처 : https://github.com/socketio/engine.io-client/issues/661

Web/Node.js 2022.04.29
이전
1
다음
더보기
프로필사진

Nani's Dictionary

꾸준히 쌓아가는 블로그입니다...!

  • 분류 전체보기 (19)
    • DevOps (0)
      • Kubernetes (1)
      • Ansible (1)
    • Web (15)
      • html & css (1)
      • Javascript (8)
      • Node.js (2)
      • React (1)
      • React Native (1)
      • 번역 (2)
    • 도서 (1)
      • 자바스크립트 패턴과 테스트 (1)

Tag

자바스크립트 패턴과 테스트, 자바스크립트 패턴과 테스트 요약, wsl kubernetes, Next.js #SEO #최적화 #Apollo #useFragment #Optimization #, wsl2 ansible, wsl kubeadm, kubeadm 설치, react, kubeadm 가이드, Testing Library, Javascript TDD, kubeadm 패키지, javascript, 앤서블 설정, App Router #Next14 #Next.js14 #검색 트래픽 #페이지스피드 #pagespeed #성능 개선, kubeadm v1.24, http-equiv 프로퍼티, 구이구이 #롯데백화점 #내돈내산 #고등어 #생선구이 #꽃게탕 #대하 #대하구이 #반찬 #한정식 #밑반찬 #재방문, wsl2 앤서블 설정, testing library query,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/04   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바