벌써 28일 차 슬슬 리액트의 대해 이해가 되기 시작했고, 어떻게 사용해야 되는지 어느 정도 적응을 한 것 같다.
그만큼 다른 라이브러리에 대해서 욕심이 생겼고 바로 실천에 옮길 생각이다. 또 리액트를 공부하면서 자바스크립트 문법 또 계속해서
공부하고 있다. 정말 힘든 한 주였던 것 같다. 그래도 그만큼 성장한 게 느껴지고 실전까지 남은 시간을 어떻게 활용해야 될지 이제 좀 방향성이 잡힌 것 같다.
이번 주차 과제는 리액트의 리 렌더링에 대해 얘기해보는 것이다.
리액트에서 리렌더링이 되는 조건은
- 1. props가 바뀔때
- 2.state가 바뀔 때
- 3. 부모 컴포넌트가 리 렌더링 될 때
- 4.this.forceUpdate 강제로 렌더링 할 때
으로 대표적으로 4가지가 있는 것 같다. 리액트는 단방향 데이터 바인딩을 사용하기 때문에 부모에 state가 바뀌거나 자식이 바뀌면
다시 리 렌더링 되며 무엇인가 렌더링을 막고 싶거나 렌더링 될 때 동작을 추가하고 싶다면 useRef와 useEffect에 대해서도 더 공부해봐야 될 것 같다.
useEffect는 리액트에서 중요한 훅이며 생각보다 답한 부분을 담당하고 있는 것 같았다..
https://overreacted.io/ko/a-complete-guide-to-useeffect/
useEffect 완벽 가이드
이펙트는 데이터 흐름의 한 부분입니다.
overreacted.io
매니저님께서 추천해주신 useEffect에 대해서 읽어보고 있는데 정말 useEffect가 리액트에서 어렵고 알아야 할 부분인 것 같았다.
이해될 때까지 계속 읽어봐야겠다.
'항해99' 카테고리의 다른 글
항해 49일차 (0) | 2022.12.25 |
---|---|
항해 42일차 (0) | 2022.12.18 |
항해 35일차 (0) | 2022.12.11 |
항해 21일차 WIL (0) | 2022.11.27 |
항해 14일 WIL (0) | 2022.11.20 |