React - useRef https://www.daleseo.com/react-hooks-use-ref/ React Hooks: useRef 사용법 Engineering Blog by Dale Seo www.daleseo.com (해당 글은 위 블로그를 참조하였습니다.) 이번 글에서는 리액트에서 특정 상황에서 사용하는 유용한 함수 훅인 useRef에 대해서 소개하려고 한다. useRef는 인자를 넣어 정의하면 current 값을 가진 객체를 반환하게 되는데 이 current 값에 인자가 들어가게 된다. 보편적으로 useRef를 사용하는 상황은 3가지로 나뉜다. 1. 포커스, 텍스트 선택영역, 혹은 미디어의 재생을 관리할 때 2. 애니메이션을 직접적으로 실행시킬 때 3. 서드 파티 DOM 라이브러리를 R..

State 끌어올리기(React 공식문서) https://ko.reactjs.org/docs/lifting-state-up.html State 끌어올리기 – React A JavaScript library for building user interfaces ko.reactjs.org 동일한 데이터에 대한 변경사항을 여러 컴포넌트에 반영해야 할 때 가장 가까운 공통 조상으로 state를 끌어올리는 것이 좋다. React 애플리케이션 안에서 변경이 일어나는 데이터에 대해서는 "진리의 원천(source of truth)"를 하나만 두어야 한다. 이 말은 곧 동일한 데이터에 대한 state는 한 곳에서 폭포처럼 내려가는 방법이 좋은 방법이라는 뜻이다. 다른 컴포넌트 간에 존재하는 state를 동기화시키려고 노력..