이번 주

• VC 부트캠프 집중 (공식문서 정독)
• TIL 정리 (React 주로)

오는 주

• VC 부트캠프 집중 (우선순위를 잘 정하자)
• TIL 정리

피드백

• 잘 정돈된 코드를 작성하자
  • 인덴팅 적절하게 (프리티어 예시 참조)
  • 네이밍 고민 잘하기! 상황에 맞는prefix (on, handle...)
  • 마지막줄 비우기... (진짜 기본이다.)
  • 오타 잘 확인하자. (자동완성에 의존하지 말자)
  • 세미콜론 잘 확인하자
• 재사용가능한 컴포넌트가 어디서든 사용하는 하나의 컴포넌트를 의미하는 것이 아니다. => 그 컴포넌트로 컴포넌트를 더 쉽게 만들 수 있는 컴포넌트를 말한다! 코드리뷰 예시 참조
• state UI와 관련된 요소들 (반드시 나타난 것들만 적는것은 아니다.)

WIL

Batch condition

• batch는 리액트에서 state update를 한번에 해서 불필요한 re-rendering을 줄여서 성능향상한다.
• React는 이벤트 핸들링(browser event)시에만 batch가 일어난다.
• 브라우저 이벤트가 일어나는 동안 batch가 됨(18이전 기준, 이후부터는 브라우저 이벤트 끝나고 batch)
• 그 이외에 promise, setTimeOut, native event handler 등 다른 이벤트에서는 batching일어나지 않음

Virtual DOM의 휴리스틱 알고리즘

• 내가 잘못 이해한 부분
  • 휴리스틱 알고리즘은 속도를 위해 정확성을 포기 => 이전 virtual DOM과 새로만든 virtual DOM과의 차이를 찾는 부분의 자식요소들은 탐색을 안할 것이라고 생각
  • 그렇다면 virtual DOM그려서 바뀌지 않는 부분은 그대로 두는게 이해를 못함
  • virtual DOM이 탐색한다는 입장이 아닌, 새로 그린다는 생각으로 이해하면 됨
  • 달라진 부분부터 자식요소는 상관말고 다 virtual DOM그리면 해결 가능

batch는 잘 정리해서 공유해보자