[TIL] Day-42

오늘 배운 것

• 컴포넌트 스타일링

  • 스타일 시트를 이용하는 법 - style파일 import
  • 인라인 스타일을 적용하는 것 - props으로 받아서
  • Css In JS - emotion

• useMemo
  (화면이 바뀌지 않는다면) 동일한 연산을 반복하지 않기 위해 사용한다

• React.memo
  Props변화 제외, 부모가 바뀔 시 자식까지 렌더링되지 않도록 하는 훅

• useCallback
  함수 재렌더링 시 함수 재할당 막아주는 훅

• Custom Hook
  자주 사용될 수 있는 로직을 사용자 정의 훅으로 정의해서 사용하면 중복을 코드 제거하고 편하게 쓸 수 있다

• Story Book
  컴포넌트를 문서화해서 관리할 수 있는 툴

리액트의 다양한 훅에 대해 배웠다. 사용법은 많이 다르지만
개념 자체는 뷰와 거의 같아서 다행이었다. 너무 다르면 혼란스럽기 때문에..
그리고 story book을 처음 알게됐는데 신세계였다!!
익숙해지면 정말 편하게 사용할 수 있을 것 같다.

꼼꼼하게 필기하고 전부 이해하면서 공부하는 걸 선호하는데 이미 강의가 많이 밀렸고 이제 프로젝트 기간이기 때문에 사용법만 익히는데 초점을 두고 빨리빨리 보고 있다ㅜㅜ 아쉽긴한데 평소의 내 공부법이 비효율적이라고 생각했기 때문에 이번에는 사용법을 중점으로 가볍게 쭉 훑고 직접 사용해보면서 필요할 때마다 정보를 찾아보는 방법을 해보려한다.

그리고 TIL을 가볍게 써야지 다짐했지만 매번 포스트 작성하듯이 써버려서 사실 TIL을 쓰는게 부담이 되어서 잘 안쓰게 되었다..ㅜ
다른 분들 TIL을 보니 오늘 배운 것, 새로 알게된 것, 느낀 것만 간략하게
쓰시는 걸 보고 나도 방법을 바꿔서 간략하게라도 자주 써야겠다고 생각했다.