state2 React에서의 setState React에서 Functional Component를 사용하면 useState hook을 정~말 많이 사용하게 된다. 그 중, 프로젝트를 하면서 setState를 사용하면서 들었던 두 가지 의문점과, 이를 해결해나가는 과정 그리고 그에 관한 생각들을 기술해보려고 한다. 🌱 첫 번째 의문 - setState는 어떻게 동작할까? 사실 지금까지 이미 만들어져있는 hook들을 사용하면서, 이 hook들의 세부 동작에 대해서는 크게 고민하지 않고 사용했다. 몇 번 궁금해서 찾아보기는 했으나, 항상 적당한 수준의 이해만 하고 넘어가기를 반복해서 잘 이해했다고 보기는 어려웠다. setState는 비동기로 동작한다. 왜냐하면 React에서 state가 변경될 때마다 매번 바로바로 DOM을 리렌더링하게되면 퍼포먼스 효율.. 2021. 8. 26. [2] Props, State State 란? 앞에서 Props를 배웠다. Props는 자식 입장에서 읽기 전용이라고 했당. State는 그것보다 자기주도적이당. Props에서는 부모가 자식한테 너의 name은 이거야! 라고 전해줬다면 State는 자식 컴포넌트가 자체적으로 처음부터 name을 가지고 있는다. 그리고 값을 변경하고 싶을 때에는 컴포넌트의 내장함수인 setState를 사용해 변경해준다. 값이 바뀔 때는 다시 렌더링됨! 실습해 볼까yo - Counter 만들기 import React, { Component } from 'react'; class Counter extends Component { state = { number: 0 }; // state는 객체{}여야 합니다! 문자열이나 숫자면 안돼용 handleIncreas.. 2020. 7. 8. 이전 1 다음
