Today I Learn...

• React
  • import vs require
  • map() : key설정(고유한 key) / index로 하면 성능 최적화에 문제 발생할수도..
  • 컴포넌트 분리
    1. 가독성
    2. 재사용성
    3. 성능 최적화
  • props
    • 부모 컴포넌트에서 받아온 properties
    • 자식 컴포넌트에서 바꾸면 X (바꿔야 할 때에는 props를 state에 넣어준다)
    • 부모가 손자 컴포넌트에 직접 전달 할 시 -> Redux, context API 사용
  • 불변성
  • shoulComponentUpdate() : 언제 렌더링될 지 조건을 적어줄 수 있다.
  • { Component } 부분을 { PureComponent }로 바꾸면 state가 바뀌었는지 확인하고, shouldComponentUpdate 를 자동으로 해준다.
  • Hooks에서는 memo를 쓴다.

To-Do

1. React 복습
   • 클래스 컴포넌트/함수형 컴포넌트 익숙해지기
2. Webpack으로 빌드해보기