Ajax (15) 썸네일형 리스트형 웹브라우저 크롬 Chrome 요소 검사, 개발자 도구에서 스트리밍을 모니터링 하는 툴 상용 프로그램으로 "HttpWatch, HTTP 스니퍼 툴. 웹브라우저에서 각종 스트리밍을 모니터링해 주는 툴" 이 있는데요.. 웹브라우저 크롬에 기본 장착되어 있는 도구만 사용해도 나쁘지 않습니다. 크롬 웹브라우저에서 여백에 마우스 커서를 두고 마우스 오른쪽 버튼으로 클릭하면, 아래 그림과 같이 '요소 검사(N)' 메뉴가 보입니다. 클릭해 보세요 자, 아래 그림과 같이 스트리밍 정보가 주르륵 나옵니다. 해당 웹페이지를 보여주기 위해 필요한 각종 요소들이 나오고 시간이 얼마나 소요되었는지도 알 수 있습니다. 해당 웹페이지에 기술되어는 있지만, 해당 요소가 없는 경우도 아래 그림과 같이 빨간색으로 표시가 됩니다. Ajax 로 호출되는 웹페이지의 내용도 볼 수 있고(Json 정보도 당연히 보이죠), 웹페이지.. jQuery Ajax 다룰때 전통적인방식/커스텀이벤트/PubSub 등으로 나누어 생각 http://codefactory.kr/2011/12/08/jquery-pubsub-pattern/ 외부 URL (XML, HTML, JSON, JSONP 등등) 읽어오기, 자바스크립트/Java http://en.wikipedia.org/wiki/JSONP o 자바스크립트로 외부 URL 내용을 읽어오는 아래 내용은 ActiveX 를 사용하는 IE 에서만 가능한 이야기.. http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=1040202&docId=108960841&qb=7Jm467aAIHVybCDsnpDrsJQ=&enc=utf8§ion=kin&rank=1&search_sort=0&spq=0&pid=gq9k5U5Y7uCssvfL6uVssc--141592&sid=Tq9X5Kkqr04AACQMPEk o Java 로 URL 내용 읽어오기 jQuery Ajax, FAQ 를 웹에디터로 관리할때 아코디언 목록이 1건만 표시될 때의 처리 (방법론) FAQ 를 구성할 때.. 평소에는 제목만 보이다가, 제목을 클릭하면 상세 내용이 제목 밑으로 펼쳐지는 방식의 아코디온 FAQ 가 필요할 때가 있죠. 그런데, FAQ 내용을 웹에디터를 사용해서 관리한다면 간혹 곤란한 경우가 발생하기도 합니다. 수작업으로 만들어 낼 때는 FAQ 목록에 html 태그가 들어가지 않는데, 웹에디터를 사용해서 FAQ 를 관리하면 펼쳐지는 본문 내용 부분에 태그가 들러붙죠. 이때 FAQ 목록의 첫번째는 제대로 나오는데 그 다음부터 나오지 않을 수도 있어요. FAQ 를 구성하는 구조를 어떻게 했느냐에 따라서 발생하기도 발생하지 않기도 하는 현상입니다만.. 본문내용 로 해 두었다가 클릭했을때 나오게 하거나, 를 두고 본문내용 에 담았다가 div 에 표시되게 하는 방법이 먹히지 않을 때.. jQuery 로 Ajax 가 중첩되어 또는 순차적으로 Call 할때 CallBack 함수 사용 Ajax 는 비동기식 이다 보니.. a.jsp 가 b.jsp 를 호출하고 이어서 c.jsp 를 호출한다 했을때, c.jsp 가 b.jsp 보다 먼저 호출되지 않도록.. 순서를 정해줄 필요가 있을때 callBack 을 활용해 보자구요. function openSimpleUri(id,uri){ var args = openSimpleUri.arguments; // 추가 파라미터. args[0] id, args[1] uri, args[2] parameter, args[3] callback var param = ''; if(args[2]) param = args[2]; $.ajax({ type: 'POST', url: uri, data: param, // 파라미터 cache:false, success:functi.. jQuery Upload 업로드 모음 https://stackoverflow.com/questions/2320069/jquery-ajax-file-upload http://www.goodkiss.co.kr/jQuery/6867, multipart-form 을 자동으로 생성해서 업로드. jquery.form.jshttp://roqkffhwk.tistory.com/entry/jQuery-ajax-fileupload-ajax%EB%A1%9C-%ED%8C%8C%EC%9D%BC%EC%97%85%EB%A1%9C%EB%93%9C%EB%A5%BC-%ED%95%98%EC%9E%90-1 http://www.thefourtheye.in/2013/10/file-upload-with-jquery-and-ajax.html http://github.com/valums.. Ajax 와 jQuery UI 를 십분 활용할때 목록과 상세화면에 보여줄 내용 *. 정보처리 방법론 - indexCommon.jsp ACL 과 기타 공통 코드를 관리. 전체에 정적 포함. - index.jsp ACL 만 체크하고 전체 프레임 관리 - indexJs.jsp 변경이 거의 없는 경우에는 index.js 를 사용하겠지만, 자주 변동될 것이기에 캐시를 고려하여 .jsp 로 작업 - indexList.jsp Ajax 로 불려지는 목록. 목록을 Excel 에 담기도 편하당 - indexView.jsp Ajax 와 jQuery UI 의 Popup 으로 처리. 조회/수정/등록 모두 담을 수 있다. CSS 와 jQuery 를 잘 활용. 상기와 같이 개발된다 했을때.. 목록에는, 최초 등록일시(분초는 고려), 등록자 이름(부서나 직책은 고려), 제목(본문 내용 일부는 고려) 등을 표시.. 이전 1 2 다음
