[Jquery] Jquery – Mobile div.sourcecode{ display:none; } 안녕하세요. 명월입니다. 이번 포스팅에서는 Jquery의 Mobile에 대해서 알아보겠습니다. 우리가 모바일(스마트 폰)로 웹사이트를 접속하다 보면 글씨들이 조그만 하게 보일 때가 간간히 있습니다.또 반대로 네이버를 접속하게 되면 읽기 좋게 보이는 경우도 있습니다. 이렇게 하는 경우는 보통 모바일에 맞는 디자인을 해서 경로를 다르게 해서 표시가 되는 것 입니다. .. 개발 노트/JQuery 2015.01.25 23:55
[Jquery] Jquery - UI 안녕하세요 명월입니다.이번 포스팅에서는 Jquery에서 지원하는 UI에 대해서 알아보겠습니다.요즘 프로젝트는 거의 웹 디자이너가 있어서 개발자가 디자인에 대해 크게 신경을 쓰지 않습니다.. (특히 한국 프로젝트의 경우는 거의 있는 것 같더군요) 그러나 저 같은 경우는 일본에서 개발을 하고 있는데 웹 디자이너를 끼고 개발해 본 적이 없을 정도로 웹 디자이너가 귀하네요. 그래서 개발자가 디자인을 하는 경우가 많은데요..제가 할 수 있는 .. 개발 노트/JQuery 2015.01.25 01:11
[Jquery] ScrollTop으로 갈때 부드럽게 롤링 안녕하세요 개발자입니다. 이번에 소개할 함수는 animate 함수입니다. 참고로 제 블로그 가장 밑에 Top이란 버튼을 누르면 위로 올라가는 모습입니다. 1 <a href=#top> Top </a> 2 3 <script type="text/javascript"> 4 $(document).ready(function() { 5&.. 개발 노트/JQuery 2012.10.06 21:16
[Jquery] 물리 함수식 안녕하세요. 개발자 명월입니다. 이번 포스팅은 JQuery로 물리 함수식을 만들어서 객체를 떨어트려 보았습니다. 그렇게 대단한 함수식은 아니고 재미삼아서 작성해 본 코딩입니다. 그럼 코드를 살펴 보겠습니다. 1 function Display_input(){ 2 i+=i_; 3 i_+=0.1; 4 if(i>window.document.body.clientHeight.. 개발 노트/JQuery 2012.10.04 14:25
[Jquery] 롤링 라이브러리 - jcarousellite 안녕하세요. 개발자 명월입니다. 이번 포스팅에서 소개할 내용은 롤링 라이브러리 입니다. 웹 개발을 하다보면 자주 사용되는 라이브러리라 생각되고 유용하게 사용되었으면 좋겠습니다. 참조 사이트 - 롤링 라이브러리 사이트 바로가기 사용방법에 대해서는 예제로 살펴 보겠습니다. 결과 화면입니다. 라이브러리와 예제 참조 파일 첨부하오니 확인하시기 바.. 개발 노트/JQuery 2012.09.24 21:59
[Jquery] treeview 안녕하세요 개발자 명월입니다. 이번 포스팅에서는 jquery plug in treeview 를 소개 할까 합니다. 출처는 bassistance.de 에서 참조하였습니다. Plugin 다운로드는 여기에서 하면 됩니다. 출처와 소개는 이쯤에서 하고 예제화면 확인 하겠습니다. 밑에는 제가 직접 연습해 본 소스와 결과 예제 화면 입니다. 제가 만든 .. 개발 노트/JQuery 2012.09.22 21:33
[Jquery] slide menu, 슬라이드 메뉴 안녕하세요 개발자 명월입니다. 이번 포스팅에서 소개할 소스는 Jquery를 이용한 슬라이드 메뉴입니다. 제가 사용하는 메뉴 중에 가장 깔끔하고 사용하기 편한 메뉴인듯 합니다. 아래는 소스 설명입니다. 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://ww.. 개발 노트/JQuery 2012.09.19 11:18
[Jquery]jqPlot - Jquery 를 이용한 그래프 그리기 - (2) 안녕하세요 개발자 명월입니다. 저번 포스팅에서는 jqPlot에 대해 사이트 소개와 이런 모듈이 있다라는 간략한 소개르 끝났습니다. 이번 포스팅에서는 좀 더 구체적으로 사용법과 사용예제에 대해 알아보겠습니다. 먼저, 소개 항목에 가서 가장 밑에 모듈을 다운을 받습니다. [Jquery]jqPlot - Jquery 를 이용한 그래프 그리기 - (1) 바로가기 다운을 받고 압축을 푸시면 항목.. 개발 노트/JQuery 2012.09.17 10:47
[Jquery]jqPlot - Jquery 를 이용한 그래프 그리기 - (1) 안녕하세요 개발자 명월입니다. 이번에 소개할 모듈은 웹 서비스 상에 그래프를 그릴 수 있는 모듈을 소개 할까합니다. 웹 서비스는 XML을 이용한 문서적인 요인이 강하기 때문에 그림을 그리거나 그래프를 나타내기가 힘듬니다. 그러나 이 모듈을 이용하면 간단하게 그래프를 그릴 수 있습니다. 이렇게 많은 그래프를 그릴 수 있는 .. 개발 노트/JQuery 2012.09.16 09:55
[Jquery] Ajax xml 파싱 안녕하세요 개발자 명월입니다. 요번 포스팅에서 소개할 Ajax에서 xml 파싱 할 방법입니다. 보통은 JSON을 파싱해서 사용하는게 대부분이지만 xml도 할 경우가 있으니 참고해 두는 것도 좋을 듯 싶습니다. Ajax 용법 function get_data(key){ $.ajax({ type:"GET", .. 개발 노트/JQuery 2012.09.13 10:11
[Jquery] append(), appendto() 안녕하세요 개발자 명월입니다. 웹 개발을 하다 보면 웹페이지를 동적으로 만들어야 할 경우가 많이 있습니다. 동적으로 만드는 것중에 하나가 Ajax도 있지만 그런것보다 TextBox를 추가한다던지 버튼을 눌렀을 경우 웹페이지의 형태(DOM)을 바꾸어야 할 때가 간혹 있습니다. 그럴 때 사용하는 함수 append(), appendto() 함수를 소개합니다. append 는 지정한 id 요소에.. 개발 노트/JQuery 2012.09.09 21:25
[Jquery] 소스보기, 새로고침, 드래기 막기 소스 안녕하세요. 개발자 명월입니다. 웹페이지 개발할 때 자주 쓰이는 소스보기 막기, 새로고침 막기, 드래그 막기 소스 입니다. 그럼 살펴보겠습니다. 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2 <HTML> 3 <HEAD> 4 <TITLE> New .. 개발 노트/JQuery 2012.09.08 17:36
[Jquery] Ajax 관련 함수 안녕하세요 개발자 명월입니다. 요즘 인터넷 웹서핑을 하면 Ajax 통신을 이용한 웹페이지가 많습니다. 예전엔 플래쉬가 많은 웹페이지가 많았는데 플레쉬는 점점 들어가고 Ajax통신으로 화려함에서 깔끔함으로 점점 바뀌고 있는 것 같습니다. 네이버의 실시간 검색 이라던가 구글의 순간 검색기능이라던가 그렇다고 Ajax가 만능은 아닙니다. 설계를 잘못하면 DB나 웹서버에 엄청난 부담을 줄 수 있는 로직이기 때문입니다. 설계.. 개발 노트/JQuery 2012.09.07 09:56
[Jquery] Ajax 예제 안녕하세요 개발자 명월입니다. 요즘 Ria System이 각광받는 요즘 추세에 Ajax는 정말 많이 사용되는 기술입니다. AJax란 정확하게 이야기 하믄 JavaScript-x + 통신객체(XMLHttpRequest) + 통신데이터(XML) 세가지가 주요 기술요소로써 JavaScrpt-x에서 웹서버에 비동기 통신을 이용하여 데이터를 얻고 화면에 반영하는 방식입니다. 어려운 이론보다는 실제 코딩을 확인하겠습니다. .. 개발 노트/JQuery 2012.09.06 15:47