[TIL] 2019-12-02 December 02, 2019

[번역] useEffect 완벽 가이드를 읽었다.

너무 * 3 재미있게 읽었다.

급하게 코드를 작성하느라고 놓치고 있었던 부분을 조금 더 진지하게 생각할 수 있는 계기가 되었다.

예를 들어

state를 업데이트할 때마다, 리액트는 컴포넌트를 호출합니다. 매 랜더 결과물은 고유의 counter 상태 값을 “살펴봅니다”. 그리고 이 값은 함수 안에 상수로 존재하는 값입니다.

이건 랜더링 결과물에 숫자 값을 내장하는 것에 불과합니다. 이 숫자 값은 리액트를 통헤 제공됩니다. setCount 를 호출할 때, 리액트는 다른 count 값과 함께 컴포넌트를 다시 호출합니다. 그러면 리액트는 가장 최신의 랜더링 결과물과 일치하도록 DOM을 업데이트 합니다.

명심하셔야 할 점은 여느 특정 랜더링 시 그 안에 있는 count 상수는 시간이 지난다고 바뀌는 것이 아니라는 것입니다. 컴포넌트가 다시 호출되고, 각각의 랜더링마다 격리된 고유의 count 값을 “보는” 것입니다.

이런 내용을 react를 처음 접했을 때 스쳐지나가듯 읽었었는데 까맣게 잊고 있었다.

쉽게 접할 수 있도록 번역 해주신 분에게 감사드린다.

이틀 정도 뒤에 다시 한번 읽어보려고 한다.

그리고 이 글에 링크된 내용도 일정을 만들어서 읽어봐야지~

하루하루가 즐겁다.