자바스크립트 클로저? 간단히 핵심만 파악하기

*자바스크립트 엔진이란?

우리의 코드를 전달받는 JS엔지는 [console]을 찍거나 [화면]을 그리거나 [네트워크 통신]하는 기능이 내부에 없다.

alert함수는 브라우저에서 제공하는 JS엔진의 날개 API(= Application Programming Interface) JS엔진 자체에 alert함수가 있는 것이 아니다.

1. 자바스크립트 클로저? 간단히 핵심만 파악하기

https://youtu.be/MbYShFxp-j0

2. 자바스크립트 대표적 클로저 실수를 let으로 해결?

https://youtu.be/RZ3gXcI1MZY

3. 코좀봐코 - 화살표 함수에서 간단히 객체 리턴할 때 왜 괄호()가 필요한 거죠?

https://youtu.be/sTMeRamEwwk

4. 자바스크립트 예외처리 1/4 - 예외란 무엇인가? throw?

https://youtu.be/EBmIHrLTVdg

5. 자바스크립트 예외처리 2/4 - try catch, Error 객체

https://youtu.be/wf6AlMj7TFA

6. 자바스크립트 예외처리 3/4 - promise의 catch함수

https://youtu.be/RRc_iVHdDKk

7. 자바스크립트 예외처리 4/4 - async/await의 예외

https://youtu.be/kngOWhzPHzg

8. 자바스크립트 promise? 나도 써보자, 기본 개념부터~

https://youtu.be/CA5EDD4Hjz4?list=PLuBMRNcyzsWxcnDdAmJWyWYXuExyP9aS1

9. ES6 화살표 함수에 없는 3가지?

https://youtu.be/4zjKltnIBug?list=PLuBMRNcyzsWxcnDdAmJWyWYXuExyP9aS1

10. 자바스크립트 개념잡기: 콜백 함수의 동기적 실행과 비동기적 실행

https://youtu.be/j0Viy3v97gY?list=PLuBMRNcyzsWxcnDdAmJWyWYXuExyP9aS1

11. 자바스크립트 타이머는 지각쟁이? 그 이유는 싱글 콜 스택?

https://youtu.be/iNH4UQxZexs?list=PLuBMRNcyzsWxcnDdAmJWyWYXuExyP9aS1

12. 자바스크립트 this? 간단히 핵심만 파악하기

https://youtu.be/PAr92molMHU?list=PLuBMRNcyzsWxcnDdAmJWyWYXuExyP9aS1 

---------------------------------------------------------------------------------------------------

var:  함수 scope
let:  중괄호 scope
scope: 변수의 값을 볼 때 참조하는 곳

*******************
main.js
*******************

var btns = [
  documents.getElementById('btn0'),
  documents.getElementById('btn1'),
  documents.getElementById('btn2')
];

function setClick() {
  for (var i = 0 ; i < 3; i++) {
    btns[i].onclick = function() {
console.log(i);
    }
  }
}

setClick();

-----------------------------------------------------------------

var btns = [
  documents.getElementById('btn0'),
  documents.getElementById('btn1'),
  documents.getElementById('btn2')
];

function setClick() {
  for (let i = 0 ; i < 3; i++) {
    btns[i].onclick = function() {
console.log(i);
    }
  }
}

setClick();