전체 글

과제를 통한 async, await 연습(+호이스팅, callback, promise 맛보기)

저번 글에서 setTimeout을 해부하게 된 건 전적으로 요 과제 때문이었다. 교수님께서 내가 차면 상대방이 자동으로 1초 뒤에 차게끔 코딩해보라고 하셔서 딜레이를 사용했고, 승부차기 특성상 일정 점수 이상을 먼저 따면 중간에도 승패가 갈리게끔 코딩하고 싶었다. 그래서 중간중간 점수를 확인하면서 승패가 안 났을 때만 버튼을 활성화시키도록 했는데, 그냥 setTimeout(function , 1000), setTimeout( , 2000) 이런 식으로 순서를 주려고 했더니 위에서 딜레이를 실행하는 동안 밑에서 현재 점수로 검사하고 지맘대로 게임을 끝내버린 후 점수를 누적시켜서 다시 검사하더라.... 그래서 한국 차고 일본 차는 중인데 갑자기 한국 승! 나오더니 다시 일본이 차고 경기를 이어가거나 비겼다고..

[JavaScript] setTimeout()의 형식과 익명함수, arrow 함수 공부

저번 승부차기 만들기 과제에서 상대가 1초 뒤 자동으로 공을 차게 하기 위해 setTimeout()을 사용했는데, 아직 setTimeout의 형태가 손에 잘 익지 않아 복습 겸 정리를 해본다. 자바스크립트에서는 딜레이를 주기 위해 setTimeout()을 사용한다. 일정 시간 간격마다 실행하고 싶다면 setInterval()을 사용하는데, 클럭처럼 사용해도 될 것 같다. 나는 주로 setTimeout()을 사용할 것 같으니 구조를 분해하며 알아보겠다. setTimeout(function(){ console.log('dddd'); }, 1000); //1초 뒤에 콘솔 로그에 dddd를 출력하는 코드 setTimeout 함수의 기본형은 위와 같다. 위의 코드는 setTimeout( ); 에 인자로 funct..

블로그 개설

모른 척 하고 있다가 블로그를 만들었다. html과 css 수업이 어느 정도 진행된 상태에서 들어왔더니 눈치껏 구글링하면서 수업을 따라가야 했다. 공부 겸 백업용으로 써야지^.^ 배운게 밀려서 순서를 어떻게 해야할지 모르겠네