React

윤건호·2022년 10월 3일
0

리액트,리덕스

목록 보기
1/9

리액트 보강하는 차원에서 리액트 공부

Virtual DOM

리액트의 차별점이라고 할 수 있는 Virtual DOM은

모델이 변하면 > 뷰에서 변화 , 뷰에서 변하면 > 모델 변화하는 기존 과정에서

변화 자체를 안하고 데이터가 바뀌면 뷰를 날려버리고 새로 만들면 어떨까 하는 생각을 함

하지만 매번 날려버리고 새로 만들기엔 브라우저가 감당하기가 힘들어진다.

그래서 JS로 이루어진 가상의 DOM에 한번 렌더링을 한 후에 기존 DOM과 비교한다.

이후 필요한 부분만 업데이트를 하는 식이다.

Life Cycle

Mounting

constructor(생성자 함수)

getDerivedStateFromProps :
props로 받아온 값을 state 로 사용하고 싶을 때

updating

shouldComponentUpdate

부모 컴포넌트가 리렌더링 된다면 자식도 렌더링 되는데,

알다시피 Virtual DOM 으로 인해 가상으로 그려진 후에 필요한 부분만 업데이트 한다.

여기서 가상의 DOM에도 그리기 싫을 때 shouldComponentUpdate 얘를 사용한다.

그외 componentDidUpdate ,
componentDidCatch ,
componentWillunMount 등 내일 상세하게 공부해서 정리하겠다 .

profile
갭알자 호소인

0개의 댓글