원더보이 프로그래밍

[07장. 멀티 페이지와 화면 이동] 7.1 페이지 이동 페이지는 단순히 태그이므로 호출한 화면 쉽게 이동 됩니다. -페이지 이동을 태그가 아닌 제이쿼리에서 제어하는 것이 더 유용하다. 링크를 없애고 버튼으로 변경하기 -페이지가 이동할 경우 changeHash 옵션을 주어 false로 설정할 경우 URL주소는 더 이상 표시 되지 않는다. ================== =================== =================== ※ 프로그램 개발 시 고려 할 점 3가지 - 환경 설정 및 실행방법. - 화면의 컴포넌트에서 읽고 쓰기. - 화면 이동 시 파라미터 전달. ==================== ==================== 7.2 div 페이지 파라미터 전달 -동일한 html..

============= ============== 4.7그리드 4.8 테이블 : 테이블 위젯을 활용하여 목록형 데이터를 보여주는 형태 살펴보기, 태그를 그대로 사용하지만 확장된 기능을 지원함.(data-role="table")설정 -좌우의 열, 상하의 행을 합치기 위해 colspan, rowspan을 이용하여 출력할 수 있음. -컬럼에 대한 보여주기 토글 기능 제공 = 토글 기능을 이용하여 해당 컬럼을 보여주거나 숨길 수 있음.(1일 경우 토글 메뉴에 나타나며 그렇지 않을 경우 나타나지 않는다) -테이블에 이미지나 필요한 형식을 추가하여 원하는 스타일로 만들 수 있다. ==================================================== ======================..

3.6 그리드(제이쿼리 모바일이 제공하는 정형화된 레이아웃 배치 기능)3.7 아이콘 : 속성 data-icon = "" , 제이쿼리 모바일이 지원하는 아이콘 외에 사용자가 만든 아이콘을 등록하여 사용할 수 있음.=> 이미지를 만들고, css에 코드를 추가.3.8 텍스트 입력상자 : 텍스트 입력상자는 부족한 키보드 입력환경에 맞추어 최적화된 화면을 보여줌. 텍스트 입력상자가 보여주는 여러 종류의 입력창 확인하기, 이것도 편리한 위젯형태로 제공함(ex: input type="text", "search", "number", "date", "month", "week", "time"3.9 체크박스 : 체크박스의 경우 선택 시 change이벤트가 적절함. 여러 항목을 동시에 선택, 체크박스에 텍스트를 붙이기 위해서..

[위젯]3.3 버튼: 가장 대표적인 위젯.-외형관리 : 메타태그 적용에 관여(data-enhanced="true"), 버튼의 모서리 모양(data-corners="true" or "false"), 제공하는 아이콘 사용(data-icon="home"data-iconpos="top"or"bottom"or"left"or"right") + 텍스트 없는 아이콘만 출력할 경우 css 스타일 이용 가능(div class="ui-input-brn ui-icon-home ui-btn-icon-notext">),아이콘과 버튼은 그림자를 가질 수 있음(data-iconshadow="true" data-shadow="true"), 버튼의 길이를 inline 속성을 이용하여 텍스트의 길이에 맞게 조정가능(data-inline=..