- arrow function의 함수는 object이다
setInterval()
- 지정된 간격(밀리초)으로 표현
- clearInterval()이 호출되거나 창이 닫힐때 까지 함수를 계속 호출
- setInterval()에 의해 반환된 ID값은 clearInterval()메서드에 대한 매개변수로 사용됨
- 1000ms = 1초
setTimeout()
- 지정된 시간(밀리초) 후에 함수를 한번만 실행
- setTimeout(() => {...}, 6000);6초뒤 실행
asyne & await
- 비동기 처리:
자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미- 앞에있는 요소가 끝날때까지 기다렸다가 실행
useRef
- DOM을 선택하는 용도와, 컴포넌트 안에서 조회 및 수정할 수 있는 변수를 관리
- useRef로 관리하는 변수는 값이 바뀐다고 해서 컴포넌트가 리렌더링 되지 않는다
리액트 컴포넌트에서의 상태는 상태를 바꾸는 함수를 호출하고 나서 그 다음 렌더링 이후로 업데이트 된 상태를 조회 할 수 있는 반면, useRef로 관리하고 있는 변수는 설정 후 바로 조회 할 수 있다- 변수를 사용하여 다음과 같은 값을 관리 할 수 있다
-setTimeout,setInterval을 통해서 만들어진 id
-외부 라이브러리를 사용하여 생성된 인스턴스
-scroll 위치
:D