관련 코드는 여기서 확인이 가능합니다. https://github.com/velopert/learning-react
Dom 은 Document Object Model 의 약어로, 웹 브라우저에서 이를 활용하여 객체에 Javascript, Css 를 적용한다. Dom 자체는 빠르지만, 웹 브라우저 단에서 Dom 의 변화가 일어나면 연산, 레이아웃 구성, 페이지 리페인트를 하는 과정에서
클래스형 컴포넌트함수형 컴포넌트state 기능 및 라이프 사이클 기능을 사용할 수 있다. 임의 메서드를 정의 할 수 있다. render 함수가 꼭 있어야 하고, 그 안에 JSX 를 반환해줘야 한다. 클래스형 컴포넌트 보다 선언이 쉽다.메모리 자원을 덜 사용한다.프로젝트
다음과 같이 내부 값을 바로 추출할 수 있다!
자신이 전달 받은 props 가 변경될 때자신의 state가 바뀔 때부모 컴포넌트가 리렌더링 될 때forceUpdate 함수가 실행 될 때 \-> 불필요한 리렌더링은 막아야 한다 ! 함수형 컴포넌트에서는 라이프 사이클 메서드를 사용할 수 없다. 그 대신 React.me
두가지 파라미터를 받는다. 첫번쨰 파라미터는 수정하고 싶은 상태, 두번째 파라미터는 상태를 어떻게 업데이트 할 지 정의.두 번쨰 파라미터로 전달되는 함수 내부에서 원하는 값을 변경하면, produce 함수가 불변성 유지를 대신해 주면서 새로운 상태를 생성해 준다. '