ref와 state의 차이 state를 변경하면 자동으로 컴포넌트가 렌더링 된다. 함수형 컴포넌트는 말 그대로 함수이다. 따라서 리렌더링이 된다는 것은 말 그대로 함수가 다시 불려지게 되고 컴포넌트 내부 변수들이 초기화 된다. 반면 Ref는 값이 변경되어도 렌더링이 발생하지 않는다. 또한 리렌더링시 값이 유지된다. 이에 따라 ref 값이 변해도 컴포넌트 내부의 변수들이 유지가 된다. 언제 사용하면 좋을까? 1. 값을 변경했을 때 렌더링이 되지 않았으면 할 때 2. state변화 등에 의해서 리렌더링시 값을 유지시키고 싶을 때 3. 특정 DOM 요소에 접근하고 싶을때 => ex) 렌더링시 input의 focus를 주고 싶을 때 state의 값을 업데이트 할 떄와 ref의 값을 업데이트 할 때의 렌더링 유무..
Hook
React-Hook 리액트는 두 가지 방법으로 컴포넌트를 만들 수가 있다. 1. Class 형태 2. Function 형태 Class형태는 리액트의 모든 기능들을 파워풀하게 사용할 수가 있다. 하지만 class에서 사용되는 문법들을 알아야하고 다소 복잡하다. 그에 반해 function 형태는 리액트의 제한된 기능만을 사용할 수 있고 Function에서 사용되는 문법만 알면 되기에 단순하다. Function 형태에서 사용할 수 없는 작업은 대표적으로 컴포넌트 내부에 state를 만들어 사용하는 것이다. 또 컴포넌트의 생성,변경,소멸의 event인 life cycle API도 사용할 수가 없었다. 이제는 Class를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있게 Hook이 REACT ..
