React를 다루는 기술 06 - ref로 DOM에 id달기
일반적으로 HTML에서 특정 DOM에 유니크한 이름을 붙여 이를 통해 원하는 DOM만 다루기 위해 id를 지정한다. React에서도 비슷한 작업을 할 때 id를 사용할 수 있지만 기본적으로 권장되지 않는 방법이다. 왜냐하면 React는 여러개의 컴포넌트의 집합으로 이루어져 있을 뿐...
일반적으로 HTML에서 특정 DOM에 유니크한 이름을 붙여 이를 통해 원하는 DOM만 다루기 위해 id를 지정한다. React에서도 비슷한 작업을 할 때 id를 사용할 수 있지만 기본적으로 권장되지 않는 방법이다. 왜냐하면 React는 여러개의 컴포넌트의 집합으로 이루어져 있을 뿐...
사용자가 브라우저에서 DOM 요소들과 상호작용하는것을 이벤트라고 한다. onclick, onmouseover, onkeypress등 HTML을 다룰 때 거의 필수적으로 사용하게 되는데 이러한 함수들은 React에서도 그대로 사용되나 다만 사용법 자체에 조금 차이가 있다.
props는 properties의 줄임말로 컴포넌트 속성을 설정할 때 사용되는 요소로 부모 컴포넌트에서 설정하여 자식 컴포넌트에서 받아서 사용할 수 있다.
React 코드 이해하기
React는 성능을 높이기 위해 렌더링 한 객체를 DOM과 비교하여 업데이트 된 부분만 다시 렌더링하며 이 때 서로 비교하기 위해 사용하는게 VirtualDOM이다.