항해 4주차 주특기 숙련 WIL

이번주는 리덕스를 활용하여 입문주차때 했던 Todolist를 만드는 것이었다.

분명 props를 사용해 state를 내려주는 것 보다는 전역상태관리가 더 효율적이라는 것은 알겠지만,

공부하는데 너무 고통스러웠다. 전에 사용했던 props는 내가 직접 내려주고 받아서 사용하다보니 뭔가

직관적이어서 이해가 쉬웠는데, 중앙store에서 state를 관리하고 그것을 뿌려주는 형식이다보니 이해가 어려웠다.

 

클래스, 함수형 컴포넌트 각각의 lifecycle은 예전에 정리했었다.

https://codingpracticenote.tistory.com/62

Hook이란? component의 lifecycle이란? component가 리렌더링되는 조건은?

하지만 그때는 함수형 컴포넌트에대한 이해도 적었을 뿐더러, 클래스형 컴포넌트는 아예 몰랐던 상태라 그냥 글만 쓴 것이다.

하지만 함수형 컴포넌트와 useEffect는 주차를 보내면서 어느정도 알게되었고, 클래스형 컴포넌트도 JS를 공부하는 책에서 기초중의 기초정도만 알게되어 다시 보니 이해가 되었다.

 

예를들어 componentDidMount에서

컴포넌트가 뭔지 렌더링이뭔지 useEffect가 뭔지 의존성배열이 뭔지 전혀 알지 못했는데,

관련된 내용을 알게되니 컴포넌트가 처음 렌더링되고, 즉 마운트 된 후 내부 명령문이 실행되는 것이다.

useEffect도 처음 마운트 이후 실행되고, 의존성배열의 변화에따라 다시 실행되기에 저렇게 작성했던 것이다.

---