모영이의 블로그

개요 React에서 state값을 변경해야할 때, setstate를 사용해서 변경할 수 있다. state값이 변경되면 자동적으로 rendering이 이루어지는데, 이것은 리엑트의 부분 렌더링이라는 기법이다. 변한 state을 사용하는 컴포넌트와 하위 컴포넌트들만 rendering을 해서 효율을 높이는 방식이다. setstate는 비동기적으로 동작하기 때문에 사용후 곧바로 콘솔을 찍어보면 state값이 변화가 없다고 찍힌다. 이것은 당연한 결과라고 한다. 오류 setstate를 사용했는데 rendering이 작동하지 않았다. 해결 1시간 동안 헤멨는데, 콘솔을 여기저기 다 찍어보니깐, useEffect를 사용했을 때도 값이 변화가 없다고 떴다. 분명히 배열의 값이 변했는데 왜 변화가 없다고 뜰까. 친구찬스..

element 가장 작은 단위 immutable, 생성 후에 children, attribute를 바꿀 수 없다. 렌더링된 element를 업데이트 하는법. 새롭게 렌더링 하기. components and props component 구성요소 Component-Based 레고 블록 조립하듯 컴포넌트들을 모아서 개발. 개념적으로 JavaScript function과 비슷하다. 입력을 받아서 출력을 내보냄. 입력은 Props, 출력은 React element. component: 붕어빵 틀, element: 붕어빵. props 속성. Component의 속성. props: 붕어빵 재료(팥, 슈크림, 고구마). 모양은 같은데 속은 다른 붕어빵. Read-Only 값을 변경 할 수 없다. 붕어빵 다 구웠는데 속..