220731 WIL

강의 듣기, 팀과제 해결, 학습자료 훝어보기, git 강의 보기. 

---

state

 

 

props

 

 

리렌더링 발생 조건

 React에서 리렌더링이 되기 위해서는 업데이트가 될 때 렌더링이 된다.

이 업데이트가 되는 조건, 즉 리렌더링이 되는 조건은 아래와 같다.

state변경이 있을 때

 

새로운 props가 들어올 때

 

부모 컴포넌트가 렌더링 될 때

 

강제 업데이트가 실행될 때

 

보너스+ shouldComponentUpdate에서 true가 반환 될 때.

 

보통 지나친 리렌더링은 성능을 악화시켜 효율성과 최적화면에서 몹시 떨어질 수 있다. 
렌더링은 필요할 떄만 사용하여 성능 최적화를 위해 노오력을 해야겠지만 아직은 그런걸 생각할 때가 아니다.

일단 초보일땐 구현에 초점을 두고 일단 만들자.

 

 

 

 

 

 

 

flex flow

 

제어 비제어 컴포넌트

스테이트 기준으로 관리를 하는지 안하는지.

하면 제어 컴포넌트, 안하면 비제어 컴포넌트

useref()

 

아토믹 디자인

리렌더링을 줄이는 방법중 하나

버튼을 쪼갠다? 페이지를 계속 쪼갠다 원자단위로?

 

 

css 움직이는 방법

jutify-contents - 가로축

align-items -세로축

flex-flow - 컬럼으로 바꾸면 축 방향이 바뀐다. 시작점은 똑같다. 

 

 

dk.....정리.....귀...찮....아..