useRef란? 간단하게 말해서 .current 속성에 변경 가능한 값을 담고 있는 상자이다. 그래서 ref는 state와 비슷하게 어떤 값을 저장하는 저장 공간으로 사용될 수 있고 ref를 통해 DOM요소에 접근해서 여러 가지 일들을 할 수 있다. useRef의 특성 1. useRef는 렌더링을 발생시키지 않는다. State는 변경되면 자동으로 컴포넌트가 다시 랜더링이 된다. 하지만 Ref는 변경되어도 컴포넌트는 다시 렌더링 되지 않는다. 따라서 State 대신 Ref를 사용하면 불필요한 렌더링을 막을 수 있다. 2. 컴포넌트가 렌더링이 되어도 Ref 안에 저장되어 있는 값은 변화되지 않고 그대로 유지가 된다. 변화는 감지해야 하지만 그 변화가 렌더링을 발생시키면 안 되는 값을 다룰 때 유용하게 사용할..
useEffect란? 어떤 컴포넌트가 Mount 되었을 때, Update 될 때, UnMount 되었을 때 특정작업을 처리할 코드를 실행시킬 때 사용한다. React 컴포넌트의 Lifecycle Mount (화면에 나타나는 것) -> Update (업데이트, 리렌더) -> UnMount (화면에서 사라지는 것) React Component Lifecycle Methods 출처 : https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/ React는 기본적으로 Lifecycle마다 실행할 수 있는 Method를 가지고 있다. 하지만 이 Method들은 Class형 컴포넌트에서 만 사용할 수 있다. 함수형 컴포넌트에서는 사용할 방법이 없을까? 바로 Re..