1초에 한명 씩 태어나는 개발자입니다.

ajax로 데이터를 불러올 때나 페이지를 이동할 때 아무것도 뜨지 않으면 사용자들은 이게 진행되고 있는지 아닌지를 판별할 수가 없습니다. 그렇게 되다보면 마음의 여유가 없어지고 무한정 클릭해서 렉이 발생되기도 합니다. 따라서, 사용자들에게 마음의 여유를 주기 위해 기다리는 동안 이 프로세스가 잘 실행되고 있음을 시각적으로 보여줄 필요가 있습니다. 이럴 때 필요한게 바로 Loading bar입니다. 로딩바 혹은 대기창이라고 합니다. 준비물은 JQuery입니다. JQuery가 있어야만 .ajaxStart와 .ajaxStop을 쓸 수 있습니다. 일단 소스부터 보여드리도록 하겠습니다. 12345678910111213141516171819202122 $(function(){ $(document).ajaxStart..

회사에서 일하고 있던 와중에 새로운 프로그램 하나를 배웠습니다. 바로 Fiddler입니다. Fiddler는 바이올린 연주자를 뜻하는 단어인데, Web을 조율하겠다 이런 뜻일까요? 아무튼, 이 Fiddler는 아래에 있는 링크를 통해서 무료로 다운받으실 수 있습니다. www.telerik.com 프로그램을 다운받고 설치한 후 실행하면 다음과 같은 화면이 나타납니다. Fiddler를 실행하고 나서 웹페이지를 접속하면 Fiddler에서 모든 웹페이지를 채어 온 다음 여러 가지 자료들을 보여줍니다. 아래 화면은 제가 쌍용교육센터에 있을 당시에 만든 웹페이지를 접속해본 화면입니다. 먼저 첫 번째는 통계 화면입니다. 웹페이지의 성능을 측정할 수 있는 페이지입니다. 클라이언트가 연결된 후 서버에 요청해서 서버가 응답..

jQuery(제이쿼리)는 자바스크립트 라이브러리입니다. 많은 자바스크립트 라이브러리 중에서도 가장 인기있는 라이브러리로 사용이 간단하고 편리하며 개발자의 생산성을 획기적으로 높여줍니다. 이 jQuery 덕분에 우리는 자바에 비해 난해하다고 느껴지는 자바스크립트의 문법들을 모르더라도 코딩하는 것에 전혀 지장이 없어졌습니다. jQuery 라이브러리는 jQuery 홈페이지에서 무료로 다운 받을 수 있으며 jsp 페이지에 추가하는 것 또한 간단합니다. jQuery 홈페이지에서 라이브러리를 무료로 다운 받은 후에 다음 내용을 추가해주시면 됩니다. 123 /* 내용 작성 */Colored by Color Scriptercs script 태그를 이용해서 다음 내용만 추가하면 jQuery가 제공하는 강력한 기능들을 사..

자바스크립트의 프로토타입은 상속을 구현하기 위해 필요한 프로퍼티입니다. 상속은 프로그래밍을 할 때 매우 중요한 개념입니다. 만약에 우리가 코딩으로 계산기를 만든다고 가정해봅시다. 어떤 계산기든지 간에 기본적으로 더하기, 빼기, 곱하기, 나누기는 포함되어 있을 것입니다. 여기서 계산기를 만들어 달라고 하는 구매자의 의도에 따라 제곱근을 구하는 기능이 추가 된다든가 아니면 로그 값을 구하는 기능이 추가 된다든가 할 것입니다. 그런데, 여기서 기본적으로 사용되는 더하기, 빼기, 곱하기, 나누기 개념을 계산기 하나를 만들때마다 계속 새롭게 만들기에는 너무 번거롭습니다. 따라서, 기본 기능으로 설정해놓고 용도에 따라 기능을 추가하는 것이 여러모로 현명한 방법일 것입니다. 이를 재활용성이라고 하는데, 상속은 코딩의..