React

컴포넌트 : 클래스 컴포넌트, 함수형 컴포넌트가 있다.

클래스 컴포넌트와 함수형 컴포넌트는 Props를 사용하는 방법은 비슷하지만

State 사용에 차이가 있음

 

클래스 컴포넌트 : 생성자에 state초기값 세팅 후 this.setState() 함수 호출하여 사용

함수형 컴포넌트 : 배열 비구조화 할당 문법을 사용하여 useState() 함수 호출하여 사용

 

JSX 문법에서 이벤트 바인딩은 자바스크립트 코드가아닌 객체를 전달해야함.

 

 

ref란

ref란 특정 DOM에 작업을 해야할 때 사용한다. ID를 사용하지 않는 이유는 컴포넌트를 여러번 사용하였을 경우 ID의 Unique 에 위배되기 때문이다.

ref는 전역적으로 작동하지 않고 컴포넌트 내부에만 작동을 하기 때문에 이러한 문제가 생기지 않는다.

 

ref를 사용해야되는 상황 (DOM을 꼭 집접적으로 건드려야 할때 사용)

1. 특정  input에 포커스 주기

2. 스크롤 박스 조작하기

3. Canvas 요소에 그림그리기