발생일: 2013.12.05 문제: 리버스 프록시 역할을 하는 노드 서버를 하나 띄워뒀다. 헌데, 클라이언트에서 `$.ajax()` 로 POST 요청을 보내면 서버에서 제대로 전달하지 못하는 경우가 있다. 왜 그런 걸까~ 해결책: 요청은 '클라이언트 --> 노드 프록시 --> 실제 API 서버'로 전달되고,노드 프록시는 클라이언트의 헤더와 바디를 그대로 API 서버로 전달한다. 클라이언트에서 노드 프록시로는 잘 전달되지만 프록시에서 API 서버로 제대로 전달되지 않았는데,확인해보니, 원인은 `jquery`에서 POST 데이터를 유니코드로 인코딩할 때, 공백을 `+`로 변환하는 것 때문이었다. http://code.jquery.com/jquery-1.10.2.js 코드에서 `jQuery.param` 부분을..
발생일: 2009.12.17 문제: 이번 연구회 때 발표할 주제는 AJAX 다. 대부분 신입 사원들이라 XMLHttpRequest 객체 생성부터 다뤄보려고 한다. 얼마 전 읽은 John Resig 의 Pro Javascript Techniques 책에서 생성하는 방식으로 설명할까 하다가, 신입사원들이 알기에는 좀 어려울 것 같다는 생각이 들어 다른 튜토리얼이나 라이브러리 소스를 좀 열어봤다. 대부분 비슷하긴 한데, 다들 구현하는 방식이 조금씩 다르다. 그렇다면 어떤 방법으로 구현하는 게 가장 좋을까? 해결책: 일단 XMLHttpRequest 객체에 대해 간단하게 히스토리를 정리해보자. 비동기 통신 수단인 XMLHttp 는 인터넷 익스플로러에서 제일 먼저 제안하였으며, 최초 ActiveXObject 를 사..
발생일: 2009.08.06 문제: jquery 를 이용하여 작업하고 있는데, 좀 쉽게 drag & drop 을 구현하고자 한다. jquery 는 플러그인이 무지 많던데 말이야... 해결책: http://blog.threedubmedia.com/ jquery 를 바탕으로 drag & drop 을 잘 구현해놓은 플러그인이 있다. 사용도 간단하고 매우 잘 작동한다. 간단하게 아래와 같이 사용하면 되겠다. $(obj).bind('drag'), function(e) { // 핸들러 }); 이 외에도 좋은 플러그인을 구현해 놓았으니 참고해보자.