진이의 Developer Story

ajax를 처리하다 보면, 순차적으로 실행이 되어야 할때가 있습니다. 예로 들자면, A,B,C를 각각 호출해야 하는 상황입니다. B는 A에 의존적이며, C는 B에 의존적이죠. 그럼 A가 완전히 호출된 다음에, B 그리고 C가 순서대로 호출이 되어야 합니다. 그런데 ajax의 비동기 방식으로 실행을 한다면, 호출은 순서대로 되겠지만 처리되는 순서는 다를 수 있습니다. 이런 경우에는 ajax 옵션에 async (기본값 : true, 비동기식) 를 false (동기식)로 해주시면 되지만, 최신 jQuery에서는 지원이 되질 않는 것 같더라구요. 그래서 알아본 것이 바로 when()함수입니다. jQuery 1.5 이상부터 추가가 되었다고 합니다. 사용법은 다음과 같습니다. // done 의 경우 성공적으로 호출..

iCheck는 checkbox, radio 버튼을 이미지와 css를 이용하여 예쁘게 보여줍니다. 하지만, 여러가지 면에서 매우매우매우 불편한데요. 제가 느낀 단점. 1. 마지막 업데이트 이후 유지보수가 되지 않고 있습니다. (에러는 본인이 수정해야 하며) 2. 익스플로러에서는 속도가 매~우 느립니다. (익스 외의 크롬 등에서는 빠름, 브라우저의 렌더링 속도가 느린탓.) 3. jQuery Form Validation 사용시 메세지가 이상한 위치(?)에 출력됨 오늘은 3번째 단점 때문에 이 포스팅을 올립니다. iCheck의 경우 렌더링을 할때 div를 여러개 생성하기 때문에 에러메세지의 위치는 iCheck의 가장 바깥쪽에 있는 엘리먼트의 다음에 와야합니다. 따라서 iCheck에는 사용이 부적합한데요. [에러..

설연휴는 잘들 보내셨나요? 저는 여기저기 다니느라 바쁜 연휴였던 것 같아요. 오늘은 jqGrid에 대해 알아보려고 합니다. 무료로 사용할 수 있는 jQuery 라이브러리로써 많이 사용되는 jqGrid. jqGrid는 여러가지 데이터를 파싱해서 그리드로 뿌려줍니다. 오늘은 ajax를 호출하여 테이블의 내용을 그리드에 뿌리는 방법에 대해 알아보겠습니다. CREATE TABLE invheader ( invid int(11) NOT NULL AUTO_INCREMENT, invdate date NOT NULL, client_id int(11) NOT NULL, amount decimal(10,2) NOT NULL DEFAULT '0.00', tax decimal(10,2) NOT NULL DEFAULT '0.00..