일을 하고 있던 와중에 배열에서 value 값을 찾아서 삭제해야 하는 경우가 생겼습니다. 그래서 열심히 구글링을 해보니 아래와 같은 방법이 있었습니다. 12345678910111213141516171819202122232425262728293031Array.prototype.remove = function() { var what, a = arguments, L = a.length, ax; while (L && this.length) { what = a[--L]; while ((ax = this.indexOf(what)) !== -1) { this.splice(ax, 1); } } return this;}; var ary = ['three', 'seven', 'eleven']; ary.remove('sev..
클로저(closure)는 javascript에서 닫혀진 내부 함수가 바깥에 선언되어 있는 변수들에 접근할 수 있는 함수들을 의미합니다. 글로는 잘 이해가 되지 않을텐데 먼저 아래 예제를 보겠습니다. 12345678910function init() { var name = "name"; function displayName() {//클로저 alert(name);//name 변수 출력 } displayName(); }init();cs 위 코드를 실행시키면 브라우저가 켜지면서 'name'이라는 단어와 함께 팝업창을 실행하는 것을 볼 수 있습니다. 여기서 함수 displayName()은 함수 init() 내부에 있는 함수인데, 자신의 영역에 name이라는 변수가 있지 않음에도 name 변수를 불러와서 출력하는 것..
ajax로 데이터를 불러올 때나 페이지를 이동할 때 아무것도 뜨지 않으면 사용자들은 이게 진행되고 있는지 아닌지를 판별할 수가 없습니다. 그렇게 되다보면 마음의 여유가 없어지고 무한정 클릭해서 렉이 발생되기도 합니다. 따라서, 사용자들에게 마음의 여유를 주기 위해 기다리는 동안 이 프로세스가 잘 실행되고 있음을 시각적으로 보여줄 필요가 있습니다. 이럴 때 필요한게 바로 Loading bar입니다. 로딩바 혹은 대기창이라고 합니다. 준비물은 JQuery입니다. JQuery가 있어야만 .ajaxStart와 .ajaxStop을 쓸 수 있습니다. 일단 소스부터 보여드리도록 하겠습니다. 12345678910111213141516171819202122 $(function(){ $(document).ajaxStart..
회사에서 일하고 있던 와중에 새로운 프로그램 하나를 배웠습니다. 바로 Fiddler입니다. Fiddler는 바이올린 연주자를 뜻하는 단어인데, Web을 조율하겠다 이런 뜻일까요? 아무튼, 이 Fiddler는 아래에 있는 링크를 통해서 무료로 다운받으실 수 있습니다. www.telerik.com 프로그램을 다운받고 설치한 후 실행하면 다음과 같은 화면이 나타납니다. Fiddler를 실행하고 나서 웹페이지를 접속하면 Fiddler에서 모든 웹페이지를 채어 온 다음 여러 가지 자료들을 보여줍니다. 아래 화면은 제가 쌍용교육센터에 있을 당시에 만든 웹페이지를 접속해본 화면입니다. 먼저 첫 번째는 통계 화면입니다. 웹페이지의 성능을 측정할 수 있는 페이지입니다. 클라이언트가 연결된 후 서버에 요청해서 서버가 응답..
- Total
- Today
- Yesterday