본문 바로가기

프로그래밍/자바스크립트

자바스크립트 콜백 함수 (javascript Callback Function) 콜백함수란?javascript에서 콜백 함수는 너무나 중요한 개념입니다.node.js로 서버를 운영할 때 반드시 필요한 개념이기도 합니다. 웹 개발을 해보셨으면 jquery를 한 번 쯤은 사용해보거나 보셨을 것이라 생각이 됩니다.jquery의 코드는 콜백함수를 많이 사용하고 있기 때문에 알게 모르게 콜백함수를 사용하고 있었습니다. 콜백 함수란 어떤 이벤트가 발생한 후 수행될 함수를 의미합니다.javascript에서 함수는 1급 객체이므로 인자로 함수를 전달할 수 있습니다. $(".submitBtn").click(function(){ alert("제출버튼을 클릭했습니다!");}); 위의 코드는 submitBtn 클래스를 가진 요소를 클릭했을 때 콜백 함수가 실행되는 jquery 코드입니다. 즉, 비동기 이.. 더보기
자바스크립트 유효범위(javascript Scope), let, const 자바스크립트 유효범위(javascript Scope), let, const 에 대해서 알아보겠습니다. 자바스크립트 유효범위 Scope란?프로그래밍 언어에서 변수는 참조할 수 있는 범위가 존재합니다.그래서 변수는 선언된 위치에 따라 유효범위를 갖게 됩니다. C언어와 java같은 경우는 block level scope를 갖습니다.block이란 { ... } 을 의미하며 이 블록을 벗어나면 블록 내부에 있는 변수를 참조할 수 없습니다.private void foo(){ int x = 10;} System.out.println(x);위와 같은 코드는 에러를 발생합니다. foo 함수 내부에 존재하는 변수 x를 참조할 수 없기 때문이죠. 그러나 javascript의 경우에는 다릅니다.자바스크립트에서 변수를 선언하는.. 더보기
자바스크립트 javascript 클로저(Clouser) 클로저(Clouser)란? 클로저란 이미 생명 주기가 끝난 외부 함수의 변수를 참조하는 함수를 클로저라고 합니다. function outer(){ var tt = 10; function inner(){ tt++; console.log(tt) }; return inner;} 예를들어, outer() 함수가 선언될 당시에 그 내부에서 x라는 변수와 inner()함수를 정의하고 있습니다. 그리고 outer() 함수는 inner() 함수를 반환하는데, outer() 함수 외부에서 outer() 함수를 호출하면 inner 함수가 반환되어 outer() 함수에서 정의된 변수 tt를 참조해서 ++연산자를 수행합니다. 즉, outer()함수를 호출할 때 outer()함수의 유효 범위가 아님에도, inner()함수에서 .. 더보기