더북(TheBook)

처음에 컴퓨터가 가위를 내도록(computerChoice = 'scissors') 설정하고 이미지를 바꾸는 changeComputerHand() 함수를 따로 만듭니다. 함수 내부는 데이터(computerChoice)를 수정하는 부분과 화면을 수정하는 부분($computer.style.background)으로 나뉩니다. 데이터는 다른 곳에서 자주 재사용되므로 이렇게 데이터와 화면을 분리해서 프로그래밍하는 것이 좋습니다.

changeComputerHand() 함수를 0.05초, 즉 50밀리초마다 실행해야 하니 자체적으로 반복 기능을 수행하는 setInterval() 함수를 사용하면 됩니다.

const changeComputerHand = () => {
  (중략)
}
setInterval(changeComputerHand, 50);
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.