2019-10-25

bathingape·2019년 10월 25일
0

TIL(2019)

목록 보기
3/41

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으로 빌드해보기
profile
웹 개발을 위해 공부한 내용을 기록하고 있습니다.

0개의 댓글