TIL] 라이프사이클 복습

라이플 사이클은 전에 공부를 하고 TIL에 포스팅을 한 적이 있지만

아직 이해도가 부족한 것 같아 오늘 복습을 했습니다.

라이플 사이클이란 트리구조인 DOM 트리 중 하나가 수정될 때마다

모든 DOM을 뒤지고 수정할걸 찾고 수정을 하면 필요없는 연산이 너무 많이 일어나기 때문에

가상 돔이 등장하게 되는데 가상 돔은 메모리 상에서 돌아가는 가짜 DOM입니다.

---

가상 돔

가상 돔의 동작 방식에 대해 살펴보자면

기존 돔과 어떠한 행동 후 새로 그린 돔을 비교해서 바뀐 부분을 갈아 끼워주기 때문에

돔 업데이터 처리가 간결해집니다.

하지만 그렇다고해서 가상 돔이 일반적인 돔보다 성능이 좋다고 말할 순 없습니다.

돔은 사이트 구조에 따라 가상 돔을 쓰는 것보다 성능이 좋을 수도 나쁠 수도 있기 때문에

상황에 따라서 틀려집니다!

---

라이프 사이클

라이프 사이클이란 컴포넌트가 렌더링을 준비하는 순간부터

페이지에서 사라질때까지가 라이프 사이클입니다.

우선 컴포넌트가 생성되고 업데이트되고 사라집니다.

생성은 처음으로 컴포넌트를 불러오고 수정은 사용자의 행동으로 데이터가 바뀌거나

부모 컴포넌트가 렌더링할 때 업데이트가 됩니다.

예를 들어 prop가 바뀌거나 state가 바뀔 때나 리 렌더링 했을 때 또는, 강제로 업데이트했을 경우

업데이트됩니다.

제거는 페이지를 이동하거나, 사용자의 행동으로 인해 컴포넌트가 화면에서 사라지는 것입니다!

요약하자면 이렇습니다! 생성 -> 업데이트 - > 제거 

---

오늘은 라이프 사이클은 정말 중요한 개념인데 이해도가 부족한 것 같아서

강의를 다시 듣고 정리를 하였습니다!

확실히 처음 들었을 때보다 이해가 되었고 과제 배포를 한번 해보고

강의를 다시 들으니 제가 처음 들었을 때 놓쳤던 부분들이 눈에 들어왔습니다!

처음에는 막막한 것들도 열심히 공부하고 부딪혀보면 된다라는 것을 느끼고

앞으로도 막히거나 이해 안 되는 부분이 있다면 열심히 부딪혀봐야겠다는 생각이 들었습니다!!

프로그래밍 공부를 하시는 모든 분들 정말 파이팅입니다!!!

✍️👍👍👍✍️✍️