추가

• React의 Life cycle 내가 알고 있는 것 : setState하면 상태가 initializing(immutable하게 초기화)되고 리렌더된다. 브라우저 렌더링 과정(DOM Tree 그리고, CSSOM이 만들어지는 과정) 알고 싶은 것 : 리액트 내에서 무슨 일이 일어나는 건지?

문제

컴포넌트의 스코프(코드블럭)이 파악되지 않음

1. state를 initializing 하는 부분을 찾아보기
2. (서버처럼) 함수를 호출 - 컴포넌트를 사용하는 부분을 찾아보기
3. 어떤 컴포넌트가 어떤 상태를 들고 있어야 하는가? 컴포넌트 간 상태를 전달할 때 컴포넌트의 역할에 집중하는 게 맞는지 판단

코드 영역에서 파악하기 힘들었던 이유 eventHandler를 찾지 못함(eventHandler가 서버로부터 SSE를 받아서 Message로 파싱하고 그걸 새로운 상태로 initializing하는 부분의 맥락을 읽지 못함) 결과 -> 엉뚱한 의문 “이 배열의 개수가 확정적이지 않은데 어떻게 스프레드 연산자를 사용하지?”

Retry 시(만약 #보리스 가 없었다면?) setState, useState하는 부분을 따라가본다. setState로 업데이트한 상태가 어떤 Effect를 만드는 건지 파악해본다. Effect가 생기면 렌더링이 어떻게 되는 지 파악해본다.