CallBack 2

class 예제 & 콜백 함수 재정리

클래스에 대해서 이야기해보자 Counter라는 간단한 class를 만들면 Counter에는 자체적으로 counter라는 변수가 있다. counter로 오브젝트를 만드는 순간 0으로 초기화 된다.(아래그림) class 내부에는 increase라는 함수가 있는데 increase라는 함수를 호출할 때마다 counter의 숫자를 하나씩 증가할 것이다.(++) 즉 class안에는 counter가 있고 increase라는 함수가 있다.(class diagram) class는 다양한 object를 만들기 위한 청사진이다라고 기억하자 coolCounter라는 변수를 만들고 Counter라는 class를 넣자. 그리고 increase를 계속 호출해주면 1씩 늘어난다. increase 함수 자체에서 this.counter..

비동기 처리 Callback 이해하기

첫번째로는 synchronous와 aysynchronous에 대해서 알아보면 JS는 synchronous 즉 동기적인 프로그램이다. 바로 hoisting이 된 이후부터 코드가 작성한 순서에 맞쳐서 하나하나씩 동기적으로 실행된다는 것이다. hoisting이란 var변수와 function declaration 함수선언들이 자동적으로 제일위로 올라가는 것이 hoisting이다. hoisting된 이후부터 코드가 나타나는 순서대로 자동적으로 실행이 된다. 아래와 같이 정해진 순서에 맞게 나타난다. aysynchronous는 비동기적으로 언제 코드가 실행될 지 예측할 수 없는 것을 말한다. 아래 예제를 보자 setTimeout이라는 web API가 있는데 브라우저에서 제공되어지는 API로 지정한 시간이 지나면 전..