jQuery
-
[jQuery] jQ Mobile 버튼(Buttons) - jQuery Mobile 강좌Web/jQuery 2016. 3. 16. 19:24
W3School 를 참고하여 작성하는 jQuery Mobile 강좌입니다. 아래 링크들은 Tutorial 편입니다. jQ Mobile 시작하기jQ Mobile 페이지(Pages)jQ Mobile 버튼(Buttons)jQ Mobile 아이콘(Icons)jQ Mobile 팝업(Popups)jQ Mobile 툴바(Toolbars)jQ Mobile 네비바(Navibars)jQ Mobile 패널(Panels)jQ Mobile 접는 블록(Collapsibles)jQ Mobile 테이블(Tables)jQ Mobile 그리드(Grids) jQuery Mobile Buttons 모바일 어플리케이션은 당신이 보기 원하는 것을 탭핑하는 간단한 구현 방식을 가지고 있습니다. Creating a Button in jQuery ..
-
[jQuery] jQ Mobile 페이지(Pages) - jQuery Mobile 강좌Web/jQuery 2016. 3. 16. 18:50
W3School 를 참고하여 작성하는 jQuery Mobile 강좌입니다. 아래 링크들은 Tutorial 편입니다. jQ Mobile 시작하기jQ Mobile 페이지(Pages)jQ Mobile 버튼(Buttons)jQ Mobile 아이콘(Icons)jQ Mobile 팝업(Popups)jQ Mobile 툴바(Toolbars)jQ Mobile 네비바(Navibars)jQ Mobile 패널(Panels)jQ Mobile 접는 블록(Collapsibles)jQ Mobile 테이블(Tables)jQ Mobile 그리드(Grids) jQuery Mobile Pages Create a Page 아래 코드를 보면, 간단하고 표준적인 jQuery Mobile 페이지를 생성합니다: * jqstd.html 12345678..
-
[jQuery] jQ Mobile 시작하기 - jQuery Mobile 강좌Web/jQuery 2016. 3. 16. 15:17
W3School 를 참고하여 작성하는 jQuery Mobile 강좌입니다. 아래 링크들은 Tutorial 편입니다. jQ Mobile 시작하기jQ Mobile 페이지(Pages)jQ Mobile 버튼(Buttons)jQ Mobile 아이콘(Icons)jQ Mobile 팝업(Popups)jQ Mobile 툴바(Toolbars)jQ Mobile 네비바(Navibars)jQ Mobile 패널(Panels)jQ Mobile 접는 블록(Collapsibles)jQ Mobile 테이블(Tables)jQ Mobile 그리드(Grids) jQuery Mobile Get Started Adding jQuery Mobile to Your Web Pages 당신의 웹 페이지에 jQuery Mobile을 추가하기 위한 두 가..
-
[CodeIgniter] 9. AJAX 구현: jQueryWeb/CodeIgniter 2015. 8. 28. 10:49
8장에서 XMLHttpRequest 객체를 이용해 댓글 쓰기, 삭제를 구현헀습니다. 9장에서는 jQuery를 이용해 구현해보도록 하겠습니다. AJAX를 구현하기 위해 복잡한 과정을 거치고 DOM 스크립팅을 이용해 개발했는데 9장에서 jQuery를 이용해 개발한 소스를 비교해보면 jQuery가 단순하고 간결하게 프로그래밍할 수 있습니다. 9.1 댓글 쓰기 AJAX로 구현 컨트롤러와 모델 부분은 수정하지 않고 뷰만 DOM 스크립팅에서 jQuery를 이용한 방식으로 수정하면 됩니다. * bbs/application/views/board/view_v.php 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748..
-
[CodeIgniter] 4. 게시판 프로젝트 - 검색, 입력, 보기 기능Web/CodeIgniter 2015. 8. 23. 14:00
4.2.3 검색 만들기 이번 절은 게시물 목록의 마지막인 검색 만들기입니다. 앞 절에서 기본 목록 모델에 페이지 변수를 추가한 것을 만들었습니다. 뷰에서 검색어를 컨트롤러에 전송하고, 컨트롤러는 검색어를 처리해서 모델을 통해 데이터를 가져와서 다시 뷰로 전달해 화면에 출력합니다. 이번 절은 뷰 파일부터 살펴보겠습니다. 바로 위 참고에서 설명했던 것처럼 게시물 목록 화면이 출력된 후의 검색어 입력 부분부터 시작하므로 뷰 파일에서 시작하겠습니다. * bbs/application/views/board/list_v.php 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758..
-
[jQuery] 27. noConflict Method - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:31
jQuery - The noConflict() Method jQuery를 사용하는 와중에, 웹 페이지에 다른 프레임 워크를 사용하길 원한다면? 1. jQuery and Other JavaScript Frameworks 이미 알고 있듯이, jQuery는 $ 마크를 사용하여 jQuery의 단축으로 사용합니다. 다른 많은 자바스크립트 프레임 워크가 있습니다: AngularJS, Backbone, Ember, Knockout 등등 만약 다른 자바스크립트 프레임워크에서도 달러 마크를 사용한다면?? 다른 두 개의 프레임워크가 같은 단축어를 사용한다면, 둘 중 하나는 작동을 멈추게 됩니다. jQuery 팀은 이러한 점을 염두에 두었습니다. 바로 noConflict() 메소드입니다. 2. The jQuery noCon..
-
[jQuery] 26. AJAX get / post - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:30
jQuery - AJAX get() and post() Methods 1. HTTP Request: GET vs. POST 클라이언트와 서버사이의 요청-요구를 위한 일반적인 두 메소드는 GET 과 POST 입니다. - GET : 명시된 자원으로부터 요구된 데이터 - POST : 처리되어진 명시된 자원을 제출한 데이터 GET은 일반적으로 서버로부터 몇몇 데이터를 그냥 가져오는데 사용합니다. * GET 메소드는 캐시된 데이터로 남습니다. POST 또한 서버로부터 몇몇 데이터를 가져오는데 사용됩니다. 그러나, POST 메소드는 절대로 데이터를 캐시하지 않습니다. 그리고 요청과 함께 데이터가 전송되어지기도 합니다. 2. jQuery $.get() Method $.get() 메소드는 HTTP GET 요청인 서버로..
-
[jQuery] 25. AJAX load - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:29
jQuery - AJAX load() Method 1. jQuery load() Method load() 메소드는 간단하면서도 강력한 AJAX 메소드 입니다. load() 메소드는 서버로 부터 데이터를 로드하고, 선택된 요소에 반환된 값을 넣습니다. 문법:$(selector).load(URL,data,callback); 필수적인 URL 파라미터는 로드를 원하는 URL을 명시합니다. 선택적인 data 파라미터는 요구와 함께 보내지는 키 / 값 쌍의 일련의 질의 문자열을 명시합니다. 선택적인 callback 파라미터는 load() 메소드가 끝나고 난 뒤 실행될 함수의 이름입니다. 아래 "demo_test.txt"라는 텍스트 예제 파일이 있습니다. jQuery and AJAX is FUN!!! This is ..