adminschool.net wiki - study:php
https://www.adminschool.net/wiki/
2026-04-22T07:49:42+00:00adminschool.net wiki
https://www.adminschool.net/wiki/
https://www.adminschool.net/wiki/lib/exe/fetch.php?media=wiki:dokuwiki.svgtext/html2025-10-03T13:30:49+00:00Anonymous (anonymous@undisclosed.example.com)2011prj
https://www.adminschool.net/wiki/doku.php?id=study:php:2011prj&rev=1759498249&do=diff
PHP 모바일 프로젝트
프로젝트 구성
* 프로젝트 공간 : <http://www.adminschool.net/xe/bbs_project_php>
* 모임형태 : 오프라인 모임
* 시작 : 2011년 7월 14일 0주차 모임
* 프로젝트 구성원 : 서동길, 김동현, 조태규, 손지용, 송태호, 김진희text/html2025-10-03T13:30:49+00:00Anonymous (anonymous@undisclosed.example.com)form_api작성법
https://www.adminschool.net/wiki/doku.php?id=study:php:form_api%EC%9E%91%EC%84%B1%EB%B2%95&rev=1759498249&do=diff
기존의 HTML과 CSS만으로 모바일에 최적화 된 폼을 만들기 위해서는 많은 시간과 노력이 선행된다. 하지만 jQuery mobile은 적은량의 학습과 적은량의 코드로 하단 그림과 같은 다이나믹한 폼을 구성하는데 도움을 준다.text/html2025-10-03T13:30:49+00:00Anonymous (anonymous@undisclosed.example.com)jquery-mobile
https://www.adminschool.net/wiki/doku.php?id=study:php:jquery-mobile&rev=1759498249&do=diff
jQuery mobile
* jQuery mobile 란
* Mobile Graded Browser Support
* jQuery mobile 특징
* jQuery mobile page의 기본적 구조
* jQuery mobile + ci를 이용한 기본 예제
* form API작성법text/html2025-10-03T13:30:49+00:00Anonymous (anonymous@undisclosed.example.com)jquery
https://www.adminschool.net/wiki/doku.php?id=study:php:jquery&rev=1759498249&do=diff
jQuery
* jQuery란
* 다운로드 및 사용 예
* jQuery 셀렉터
* 몇 가지 사용 예text/html2025-10-03T13:30:49+00:00Anonymous (anonymous@undisclosed.example.com)jquery_mobile_ci를_이용한_기본_예제
https://www.adminschool.net/wiki/doku.php?id=study:php:jquery_mobile_ci%EB%A5%BC_%EC%9D%B4%EC%9A%A9%ED%95%9C_%EA%B8%B0%EB%B3%B8_%EC%98%88%EC%A0%9C&rev=1759498249&do=diff
* 예제 주소 : <http://mrkayhyun.adminschool.net/ci/index.php/j_controller/j_list>text/html2025-10-03T13:30:49+00:00Anonymous (anonymous@undisclosed.example.com)jquery_mobile_page의_기본적_구조
https://www.adminschool.net/wiki/doku.php?id=study:php:jquery_mobile_page%EC%9D%98_%EA%B8%B0%EB%B3%B8%EC%A0%81_%EA%B5%AC%EC%A1%B0&rev=1759498249&do=diff
* jQuery mobile 기본 구조
* 기본구조
<!DOCTYPE html>
<html>
<head>
<title>jquery list</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>
<meta http-equiv="Content-…text/html2025-10-03T13:30:49+00:00Anonymous (anonymous@undisclosed.example.com)jquery_mobile_란
https://www.adminschool.net/wiki/doku.php?id=study:php:jquery_mobile_%EB%9E%80&rev=1759498249&do=diff
* 모든 대중적인 모바일 기기의 브라우저를 호환하며 브라우저간 일관된 UI를 제공하는 jQuery 기반으로 제작된 framework이다.
* jQuery mobile framework의 전략은 “write less, do more”(적은 개발량으로 더 많은 기능을) 이다.text/html2025-10-03T13:30:49+00:00Anonymous (anonymous@undisclosed.example.com)jquery_mobile_특징
https://www.adminschool.net/wiki/doku.php?id=study:php:jquery_mobile_%ED%8A%B9%EC%A7%95&rev=1759498249&do=diff
* 친숙하고 일관된 jQuery 문법과 적은학습량을 위해서 jQuery core기반으로 구축되었다.
* 모든 주요 모바일&데스크탑 플랫폼을 지원(iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Mobile, Opera Mobile/Mini, Firefox Mobile and all modern desktop browsers.)text/html2025-10-03T13:30:49+00:00Anonymous (anonymous@undisclosed.example.com)jquery_셀렉터
https://www.adminschool.net/wiki/doku.php?id=study:php:jquery_%EC%85%80%EB%A0%89%ED%84%B0&rev=1759498249&do=diff
jQuery 셀렉터 : 기본
jQuery의 가장 강력한 부분은 HTML DOM을 마음대로 트래버스 즉, 순회 탐색할 수 있다는 것이다.
CSS 셀렉터를 사용하여 원하는 개체를 탐색할 수 있다.
다음과 같이 css 파일에서 사용했던 표현식이 바로text/html2025-10-03T13:30:49+00:00Anonymous (anonymous@undisclosed.example.com)jquery란
https://www.adminschool.net/wiki/doku.php?id=study:php:jquery%EB%9E%80&rev=1759498249&do=diff
jQuery란?
2006년 초에 개발된 jQuery는 경량의 빠르며 간결한 오픈 소스 자바스크립트 라이브러리
javascript의 코딩을 쉽게 개발하기 위한 목적으로 개발
HTML 문서 트래버스, 이벤트 처리, 애니메이션, Ajax 상호 작용 등을 지원하여 빠르고 견고하게 리치 웹 애플리케이션 개발을 할 수 있도록 지원text/html2025-10-03T13:30:49+00:00Anonymous (anonymous@undisclosed.example.com)mobileweb
https://www.adminschool.net/wiki/doku.php?id=study:php:mobileweb&rev=1759498249&do=diff
jQuery mobiletext/html2025-10-03T13:30:49+00:00Anonymous (anonymous@undisclosed.example.com)mobile_graded_browser_support
https://www.adminschool.net/wiki/doku.php?id=study:php:mobile_graded_browser_support&rev=1759498249&do=diff
* A-grade – Ajax 기반의 페이지전환 애니메일션과 함께 완전한 기능을 구현
* Apple iOS 3.2-5.0 beta: Tested on the original iPad (3.2 / 4.3), iPad 2 (4.3), original iPhone (3.1), iPhone 3 (3.2), 3GS (4.3), and 4 (4.3 / 5.0 beta)text/html2025-10-03T13:30:49+00:00Anonymous (anonymous@undisclosed.example.com)mobile_web
https://www.adminschool.net/wiki/doku.php?id=study:php:mobile_web&rev=1759498249&do=diff
1text/html2025-10-03T13:30:49+00:00Anonymous (anonymous@undisclosed.example.com)다운로드_및_사용_예
https://www.adminschool.net/wiki/doku.php?id=study:php:%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C_%EB%B0%8F_%EC%82%AC%EC%9A%A9_%EC%98%88&rev=1759498249&do=diff
다운로드 방법
<http://jquery.com/> 에 가면 메인 화면에서 jQuery 라이브러리(현재최신버전jquery-1.6.2.min.js)파일을 바로 다운로드가 가능
사용 방법
태그안에 스크립트를 써넣음
작업하는 어떠한 웹 애플리케이션에든지 복사해서 사용하면 된다.text/html2025-10-03T13:30:49+00:00Anonymous (anonymous@undisclosed.example.com)몇_가지_사용_예
https://www.adminschool.net/wiki/doku.php?id=study:php:%EB%AA%87_%EA%B0%80%EC%A7%80_%EC%82%AC%EC%9A%A9_%EC%98%88&rev=1759498249&do=diff
이벤트사용 예
* show() & hide()함수 사용 예
<http://wldyd83.adminschool.net/jquery/hideshow.html>
결과 : 클릭시 나타나고 클릭시 사라진다.
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.whenAHover
{
color:Red;
background-color:Orange;
}
</style>
<script type="text/ecmascript" src=jquery-1.6.2.min.js></script>
<script type="text/ecmascript">
var isShow = true;
$(document).ready(function(){
$("a").hover(aHoverIn, aHoverOut);
$("h1").click(h1Click);
});
function h1Cl…