본문 바로가기 메뉴 바로가기

doeunn.log

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

doeunn.log

검색하기 폼
  • 분류 전체보기 (256)
    • 빅데이터 인공지능 (51)
      • 데이터분석 (12)
      • OpenCV (0)
      • 머신러닝 (14)
      • 딥러닝 (25)
    • 프론트엔드 (137)
      • HTML (5)
      • CSS (11)
      • Javascript (31)
      • DOM (5)
      • React (49)
      • TypeScript (19)
      • Next.js (17)
    • 백엔드 (45)
      • NodeJS (8)
      • Java (30)
      • JSP (7)
    • 코드 회고 (15)
      • facebook 프로젝트 (8)
      • 영화 목록 조회 프로젝트 (3)
      • NEGO MARKET (4)
    • Git | Github | VSCode (3)
    • 디프만x인프런 (4)
  • 방명록

Automatic Batching (1)
[React] Automatic Batching - 일괄 처리

Batching state가 변경되면 React에서는 렌더링을 하죠? React에서는 불필요한 리렌더링을 방지하기 위해 state를 변경하는 작업을 일괄적으로 처리합니다. 예를 들어 prev+1을 5번 동시에 작성했다면, 1 2 3 4 5가 아니라 그냥 5 이렇게 됩니다. → 이렇게 state의 업데이트 작업을 일괄 처리하는 방식을 Batching이라고 합니다. 덕분에 불필요한 리렌더링을 방지할 수 있는 것입니다. import { useState } from "react"; function Counter() { const [count, setCount] = useState(0); function increaseCountThree() { // 아래의 작업은 모두 일괄적으로 묶여 처리된다. 한 번의 리렌더링..

프론트엔드/React 2023. 6. 14. 00:08
이전 1 다음
이전 다음
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • next.js
  • 머신러닝
  • Python
  • TypeScript
  • rtl
  • 자바스크립트 기초
  • 프론트엔드 공부
  • 파이썬
  • 프론트엔드 기초
  • react
  • testing
  • HTML
  • JSP
  • 스타일 컴포넌트 styled-components
  • 프로젝트 회고
  • jest
  • react-query
  • 프론트엔드
  • 타입스크립트
  • 딥러닝
  • frontend
  • CSS
  • 리액트
  • 자바
  • 데이터분석
  • 리액트 훅
  • 인프런
  • 자바스크립트
  • 디프만
  • styled-components
more
«   2026/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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바