221123(수)

🎄 성장일지 3.0

책 행복한 이기주의자(웨인 다이어)의 내용에 자극받아 시작하는 소박한 성장기록

살아있는 꽃과 죽은 꽃은 어떻게 구별하는가?
성장하고 있는 것이 살아 있는 것이다.
생명의 유일한 증거는 성장이다!

🌳 키워드 (1.0)
최대한 간단하게 정리, 추후에 보면서 스스로 설명
🍉 경험 위주로 (2.0)
단순 정보를 전달하기보다 무엇을 배웠고 어떻게 해결했는지 짧고 간단하게 작성
❄️ 정해진 템플릿에 맞춰서 (3.0)
키워드, 경험 모두 좋다. 다만 매일 작성하기로 마음 먹은만큼 핵심만 간결하게 정리할 수 있게 템플릿을 작성

🔑 오늘의 키워드

• 리액트
  • PureComponent
  • 클래스 컴포넌트의 라이프싸이클
    • componentDidMount: 렌더링 직후, 비동기 요청을 하기 위해 주로 비동기 요청에 사용
    • componentDidUpdate
    • componentWillUnmount: 컴포넌트 제거 직전, 비동기 요청을 제거하기 위해 사용
  • 함수 컴포넌트에서의 라이프싸이클
    • useEffect 활용
  • 이벤트 함수 전달 시, 고차함수 활용 -> JSX 코드를 좀더 깔끔하게 정리할 수 있다.
  • 커스텀 훅

📝 요약 및 하루 간단 회고

오늘은 리액트 컴포넌트의 라이프사이클에 대해 복습하고, 그 때 사용할 수 있는 함수를 다시 되짚어보았다. 확실히 함수 컴포넌트를 주로 알던 상태에서 클래스 컴포넌트와 비교하면서 공부하니, 새롭게 알게 되고 더 머릿속에 잘 박히는 것 같다. 처음엔 고차함수도 화살표가 3~4개만 되어도 헷갈렸는데, 이제 좀 눈에 익혀지는 거 같아서 좋다. :)
다만, 아직 커스텀 훅은 좀 어려운 느낌..? 기존에 있는 훅들을 이용해서 따로 훅을 만들어 사용하는 게 아직은 낯설지만, 이것마저 곧 익숙해질 것이라 믿는다!