본문 바로가기

IT/Web

[Javascript]Fire fox firebug 플러그인 설치 파이어폭스는 Explore 브라우저와는 다르게 버그가 적고 호환성이 뛰어나다는 점에서 강점을 갖고있지만특히 더 눈에띄게 두드러지는 기능은 플러그인을 자체적으로 설치해서 사용할 수 있다는 것입니다. 익스플로러에서도 개발환경을 보려면 F12를 눌러서 코딩물을 볼 수는 있지만 확인하기가 꽤나 불편합니다.파이어폭스에서도 이와같은 개발환경을 확인해보고 직접 레이아웃을 수정해볼 수 있는 기능이 있는데 이것이 바로 firebug 라는 플러그인입니다. 그럼 파이어버그 플러그인의 설치법을 알아보도록 합시다. 전에 설명한 방법으로 일단 파이어 폭스를 깐 후에브라우저 좌측상단에 주황색 버튼으로 Firefox 라는 버튼을 눌러줍니다. 버튼을 누르면 파란색 퍼즐 아이콘에 부가기능 이라고 써있는 메뉴가 있습니다. 클릭합니다. 부.. 더보기
[Javascript] 클로저(closure) 란? 기존 객체지향이나 절차적 프로그래밍을 해왔던 페이지 개발자라면 처음에는 이 개념이 어색할 것이다.반면, 함수현 언어로 프로그래밍을 해 왔던 사람에게는 익숙한 개념이다. 간단히 설명하면 클로저란? 함수에 필요한 환경과 지역변수가 결함된 Function 인스턴스이다. - 클로저에서는 함수가 선언된 범위를 벗어난 이후에도 이들 변수를 참조할 수 있다. 이 예제에서 의문을 가질 수 있는 점은 - 준비 핸들러의 실행이 끝나고 페이지를 로드하고나면 콜백이 3초마다 호출되는데, 이 때 local 값은 콜백 함수가 실행되는 동안 정의되지 않았다고 짐작할 것이다. - local이 선언된 블록은 준비 핸들러가 끝나면서 범위를 벗어났다고 생각하게 된다. - 함수의 선언으로 생성된 클로저는 local을 포함한다. 그러므로 함.. 더보기
[Javascript] 콜백 함수란(CALLBACK Function)? 콜백함수 - 디자인 패턴 중 하나인 옵저버 패턴에서 나온 개념 - 이벤트가 발생시 함수를 통해 전달하는 것 - 정해진 이벤트 발생시 함수 동작 Definition - method 실행시에 자동으로 후출되는 함수 - 함수 구현을 위한 로직(Control)과 결과를 표현하는 로직(View)을 분리. (MVC 패턴) Example // 콜백함수 정의function callbackTest(다른변수) { alert(다른변수); } // 콜백함수를 호출할 함수 정의 function callbackCall(변수, callback) { if (typeof callback == "function") { callback(); } } // 콜백함수 호출 callbackCall('변수', callbackTest('다른변수')); 더보기