javascript28 Node.js 자바스크립트 런타임 (웹 브라우저에서 사용) 런타임 프로그래밍 언어가 구동되는 환경 어떤 프로그래밍 언어가 동작할 수 있는 프로그램 실행되는 곳 : 런타임 이전에는 자바스크립트 런타임이 브라우저 밖에 없었음 이제는 Node.js라는 새로운 자바스크립트 런타임이 나옴 평소에 쓰던 자바스크립트 코드를 브라우저에서 실행시킬 수 도 있고, Node.js라는 환경에서 실행시킬 수 있음 test.js 작성 (Web Browser 실행) // Web Browser, Node 테스트 function sub (a,b) { console.log(a + b); } // Vs Code 테스트 function sub (a,b) { console.log(1 + 2); } 터미널 창에서 node 실행 VS Code에서 작성 후 실.. 2020. 7. 20. this this this의 값은 함수를 호출한 방법에 의해 결정 실행중에는 할당으로 설정할 수 없고 함수를 호출할 때 마다 다를 수 있음 Global memory 생성 var num = 2; function pow(num) { return num * num; } variable name value num 2 pow function pow(num){ ... } 자료출처 : 코드스테이츠 실행 컨텍스트 (excution context) 어떤 함수가 호출되면, 실행 컨텍스트 execution context가 만들어짐 call stack에 push 함수를 벗어나면 call stack에서 pop scope 별로 생성 여기에 담긴 것 scope 내 변수 및 함수 (Local, Global) 전달 인자 (arguments) .. 2020. 7. 8. 타이머 API 타이머 API setTimeout (callback, milisecond) 일정 시간 후에 함수를 실행 arguments : 실행할 callback 함수, callback 함수 실행 전 기다려야 할 시간 (밀리초) return value : 임의의 타이머 ID setTimeout(function() { console.log('1초 후 실행'); }, 1000); setInterval (callback, millisecond) 일정 시간의 간격을 가지고 함수를 반복적으로 실행 arguments : 실행할 callback 함수, 반복적으로 함수를 실행시키기 위한 간격 (밀리초) return value : 임의의 타이머 ID setInterval(function() { console.log('1초마다 실행').. 2020. 7. 8. 비동기 호출 비동기 호출 (Asynchronous call) 클라이언트 서버 이벤트 핸들링 애니메이션 Parameter를 넘겨받는 함수(A)는 callback 함수(B)를 필요에 따라 즉시 실행(synchronus) 나중에 실행(asynchronously) 할 수도 있음 function B() { console.log ('call back'); } function A(callback) { callback();// callback === B } A(B); callback in action : 반복 실행하는 함수 (iterator) [1, 2, 3].map(function(ele, index) { return ele * ele; }); callback in action : 이벤트에 따른 함수 (event handler).. 2020. 7. 8. 이전 1 2 3 4 5 ··· 7 다음
