On a couch

[TIL] React의 배칭 본문

혼자 발버둥/TIL

[TIL] React의 배칭

couch 2022. 9. 25. 22:51

프로젝트를 진행하며 react에서 state 변화와 리렌더링 시점의 관계에 대해 궁금증이 생겼다.

뭐라고 검색해야 할 지 모르고 있다가 오늘 배칭이라는 용어를 알게 되고, 궁금증에 대한 답을 어느 정도 얻었다.

 

이게 리액트 17까지는 일부 사실이었다고 한다. 이왜진.

 

* 발단이 된 영상 : batching이 뭔지 대략 알려줌

https://youtu.be/wZiOGxOhJNs

 

* 그 뒤 batching이 '하나의 함수 스코프 안에서 여러 개의 state를 변경할 경우 이를 한 번의 리렌더링으로 묶어서 진행하는 기능'이라는 것을 알게 됨.

이게 17버전까지는 이벤트함수에서만 자동으로 적용되고 비동기 함수에서는 적용되지 않았지만, 18부터는 모든 함수에서 디폴트가 되었다고 한다.

https://merrily-code.tistory.com/226

 

미리 만나보는 automatic batching

TL;DR 1. 리액트에서는 중복되는 상태 업데이트를 배칭으로 처리하고 있다. 2. 기존에는 비동기 프로세스 안에서 발생하는 중복된 상태 업데이트에는 배칭을 적용하지 않았지만, 버전 18부터는 항

merrily-code.tistory.com

https://nukw0n-dev.tistory.com/33

 

React 18 의 새 기능 자동 배칭(Automatic Batching)은 무엇일까?

React 18 릴리즈를 살펴보며 Automatic Batching에 대해 탐구해보고 실험한 것을 정리한 글입니다. Batching이란 무엇일까? React 공식문서 번역 ( https://reactjs.org/blog/2022/03/29/react-v18.html ) Batchi..

nukw0n-dev.tistory.com

 

아마 이전에도 공부하면서 이 batching이라는 용어를 접한 적이 있을 것이다. 들어는 봤던 거 같은 기억이 어렴풋이 난다.

다만 그게 뭔지 이해를 못해서 기억에 안 남았겠지.. 이래서 코딩은 부딛혀보고 에러를 내 가면서 공부해야 하나보다.