본문 바로가기

jquery

vue.js에서 jQuery, Bootstrap 추가하여 사용하기 국내에서도 Vue.js를 사용하는 비율이 점점 높아져가는 것 같습니다. Angularjs, Reactjs보다 진입장벽이 낮고, HTML/CSS와 기본 JavaScript만 다룰줄 알더라도 쉽게 사용할 수 있다는 장점이 있습니다. 또한 vue-cli라는 툴을 이용하여 기본적인 vue 골격을 만들어 웹팩(webpack)까지 통합세트로 운영할 수 있다보니, 고민없이 사용해야한다라는 생각이 점점 강해지는 것 같습니다. 분명 처음에는 가볍게 시작을 하면서, 분명 사용하기도 편합니다. 그런데 이 전에 사용했었던 jQuery, Bootstrap. 그리고 그 외의 많은 라이브러리들을 어떻게 추가해야하는지 헷갈릴 수도 있을 것 같습니다. 이는 웹팩이 같이 포함되어 있으면서 외부 라이브러리들을 어떻게 추가하는게 맞는 것인.. 더보기
jQuery Modal Dialog http://labs.voronianski.com/jquery.avgrund.js/ 예제소스 파란색 링크만 변경해주면 임의 실행 변경 가능. 더보기
CrossDomain Ajax - SSO 개발 첨부 세션을 유지하기 위해 타 도메인으로 주기적 실행되는 메소드 첨부 dataType에 반드시 "jsonp" 작성 crossDomain : true 옵션도 있는데 무슨 차이인지는 모르겠음. ※중요 리턴받은 방법 jsonp 옵션에 callback 메소드명 또 data 파라미터에 반드시 callback 키값과, 실행될 js 메소드 명을 작성해야 된다. 같은 내용이 두번 들어가는게 찝찝하지만 어째서 인지 어느 곳이든 하나만 넣으니 콜백 함수가 실행이 안된다. jquery 버전은 1.7.2 원인은 나중에... var ssoSessionKeepProcess = function( url_ ) { $.ajax({ url : url_, type : "POST", dataType : "jsonp", // jsonp jsonp.. 더보기
jQuery를 이용한 자주 사용되는 Ajax 구문 PHP, JAVA jQuery.ajax({ url: "./guide.html", //페이지 global: false, type: "POST", data: $("#frm").serialize(), dataType: "string", //json xml text async:false, clearForm:true, resetForm:true, success: function(data){ //성공 액션 }, error: function(response, textStatus, errorThrown){ //실패 액션 }, beforeSend:function() { //실행되기 전 액션 } }); C# $.ajax({ type: "post", url: "ResponseText.aspx/GetMessage", data.. 더보기
jQuery와 Ajax로 RIA 만들기: JQuery: 내일 나올 웹 응용을 오늘 구현해보자 Michael Abernethy, 제품 개발 관리자, Optimal Auctions 옮긴이 : 박재호 이해영 dwkorea@kr.ibm.com 원문 게재일 : 2008 년 10 월 28 일 번역 게재일 : 2009 년 1 월 13 일 JQuery는 동적 RIA를 쉽게 개발하는 방법에 목마른 개발자를 위한 자비스크립트 라이브러리로 각광을 받고 있습니다. 브라우저 기반 응용이 데스크톱 응용을 계속 대체하고 있기에, 이런 라이브러리 활용 역시 꾸준히 증가 추세에 있습니다. jQuery 연재물에서 jQuery로 웹 응용 프로젝트를 구현하는 방법을 살펴봅시다. 도입 jQuery는 지난 몇 개월 동안에 웹 개발자를 위한 유력한 자바스크립트 라이브러리로 급속도로 세를 넓혀가고 있다. 이런 현상은 브라우저 기반 응용으.. 더보기

티스토리툴바