191022 TIL React - 두번째(useReducer, 클래스형 컴포넌트, Sentry)

» 1.5막, TIL (Today I Learned), React.js

React

오늘 공부한 부분

 - useReducer
 - 커스텀 Hook
 - Context API
 - UserDispatch Context
 - Immer
 - 클래스형 컴포넌트
 - LifeCycle 메서드
 - componentDidCatch, Sentry

수업내용 && 내 생각 && 기타등등

  • useState vs useReducer
    reducer 상태를 업데이트 하는 함수, dispatch == 액션을 발생시킨다 상태 업데이트 로직이 컴포넌트 밖에 있는 것을 확인하세요. ie. Function reducer(state, action){} function Counter() {}" 간단 ? useState : useReducer
  • 커스텀훅 name = use+구현할 기능 (와 모르겠다. 많이 써봐야 알 듯..)
  • 컴포넌트로 넘겨주고 넘겨주고 넘겨주는 걸 한번에 하기 위해 context API 사용
  • const MyContext = createContext(‘defaultValue’); <- 그냥 전역으로 쓰겠다는거 같은데…
  • 뭔가 emit 같은 느낌으로 쓰는 듯. 그 흐름이 아직 명확하게 잡히질 않는당
  • 근데 immer 안쓰는 게 좋을듯 / 불변성 유지하는 거 인지 못하고 그냥 쓸듯
  • 요샌 클래스형 많이 안쓰지만 나중에 유지보수 등에서 쓸 수 있게 알아만 두세요.
  • lifecycle image 출처
  • sentry 잘 활용하면 좋을 것 같다.

공부법 고민

요새 정신차려보면 막힌 부분을 깊게 파고 있는데, 일단 전체적인 맥락 잡는 것부터 하자. 차근차근!

MacBook Pro 발열잡기

맥북 프로 쓰는데 발열이 너무 심해서 monitor앱을 봤더니 WindowServer가 30~40% 잡아먹길래, 아래 글 보고 불필요한 기능들을 껐다.
WindowServer high CPU on Yosemite
(발열은 그대로)