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

Ajax란 Asynchronous Javscript And XML의 앞 글자를 따서 만든 용어로 해석하자면 비동기적인 자바스크립트와 XML이라고 할 수 있겠습니다. Ajax가 등장하기 전까지 Web에서 서버를 보내 처리를 하고자하면 무조건 Get이든 Post든 데이터를 넘겨서 서버에서 처리 후 다음 화면에서 결과를 보여주는 방식으로 처리해야 했습니다. 그 이유는 Web이 애초에 전자문서를 목적으로 했기 때문이라고 합니다. 그러다가 Ajax가 나오게 되고 대중화되면서 한 페이지 내에서 비동기 방식을 통해 다음 페이지로 이동하지 않고도 결과물을 보여주어 더 효율적인 코드 작성 및 화면 사용, 파일 수 줄이기 등이 가능하게 되었습니다. 이전에 Ajax를 쓰던 방식도 보긴 했는데 지금 jQuery가 나오고 대중..

PoshyTip은 jQuery의 많은 플러그인 들 중에 하나입니다. 위 사진처럼 hover를 하거나 focus를 할 때 툴팁을 나오게 해주는 플러그인입니다. 이름이 왜 Poshy Tip인지는 모르겠습니다. tip은 tooltip에서 나온 것 같고, Poshy는 구글을 검색해보니 나오는 Urban Dictionary의 2번 째 뜻인 것 같습니다. 해석해보니 어떤 능력이나 독특한 능력으로 대단히 눈길을 끄는 것이라는데 그 정도로 이 플로그인이 눈길을 끄는 지는 모르겠지만 일단 그렇다고 합시다. 플러그인의 사용 방법등은 아래 웹사이트에서 확인하시면 될 것 같습니다. 웹사이트에 접속 후 demo를 누르면 사용 방법을 알 수 있습니다. http://vadikom.com/tools/poshy-tip-jquery-p..

일을 하고 있던 와중에 배열에서 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 변수를 불러와서 출력하는 것..