개발 계획

• [x] JS 중급 문법 복습 마무리 (setTimeout ~)
• [ ] React 기초

개발 내용

1. setTimeout / setInterval

setTimeout

setTimeout 함수는 일정 시간이 지난 후 함수를 실행해준다.

function fn() {
  console.log(3);
}
setTimeout(fn, 3000); //3초 후 3 출력

위 코드는 3초 후에 fn을 실행시킨다.

만약 실행시킬 함수에 인수를 넘겨줘야하면 setTimeout함수의 세 번째 인수에 넣어주면 된다.

function showName(name){
		console.log(name);
}

setTimeout(showName, 3000, 'Mike');
//3초 뒤 Mike 출력

setTimeout은 tId를 반환하기 때문에 이를 이용하여 clearTimeout함수를 사용해 스케줄링을 종료할 수 있다.

const tId = function showNmae(name) {
  console.log(name);
};
setTimeout(showName, 3000, "Mike");
clearTimeout(tId); //Mike가 출력되기 전에 종료

setInterval

setInterval 함수는 일정 시간 간격으로 함수를 실행해준다.

setTimeout함수와 사용법은 동일하다.