221016_WIL | Lifecycle, React hooks

221016_WIL

오늘한 일

• WIL 작성(라이프 사이클)
• 팀과제 add 게시물까지 구현해보기

이번주 한 일

• TodoList redux 사용하여 만들기
• Redux Toolkit 사용해보기

이번주 공부한 메인 키워드(어려웠던 부분 위주)

• redux toolkit
• json / axios – (통신 관련은 1도 모르겠다 큰일났다)

오늘 항해 99 정리사항들!

---

- Lifecycle, Hooks -

lifecycle

: 생명주기 메소드(클래스형 컴포넌트에서 주로 사용)
컴포넌트가 브라우저상에 나타남 -> 업데이트 -> 사라짐

=> 이때 호출되는 메서드

• 생성될 때(마운트) : DOM이 생성되고 웹브라우저 상에서 나타남

• 업데이트할 때(업데이트)

  1. props가 바뀔 때
  2. state가 바뀔 때
  3. 부모 컴포넌트가 리렌더링 될 때
  4. this.forceUpdate로 강제로 렌더링을 트리거할 때

• 제거할 때(언마운트) : DOM에서 제거됨

Hook

• Hooks는 리액트 v16.8에 새로 도입된 기능.
• 함수형 컴포넌트에 사용되는 몇 가지 기술을 Hook이라고 함.
• 리액트 훅은 함수형 컴포넌트가 클래스형 컴포넌트의 기능을 사용할 수 있도록 해주는 기능.
• 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect등의 기능 등을 제공.

---

자세한 정리는 아래의 링크!

Lifecycle, Hooks 자세한 정리 -> Click!