본문 바로가기

전체 글45

JQuery Mobile 헤더와 푸터바 + 예제 툴바 - 다른 페이지로 이동이나 페이지 관련 처리 기능을 모은 사용자 인터페이스 - 링크,버튼,텍스트로 구성된 바의 형태 - 화면 위쪽이나 아럐쪽에 위치하여 화면 구성에 중요한 역할을 한다. 이 때, 제이쿼리 모바일에서는 두 종류의 기본 툴바를 제공한다. - 헤더 영역과 푸터 영역의 푸터바 ( 콘텐츠 영역과는 다른 색상으로 구별되어 표현된다 ) 헤더바 푸터바 헤더바 헤더 문자열 - 헤더 영역 : 왼쪽, 제목 문자열, 오른쪽 영역 - 제목 영역의 공간은 제한되어 있기 때문에 문자열이 길어지면 자동으로 생략 기호로 대체된다. - 헤더바의 문자열은 주로 페이지 제목을 표시하며, ~ 제목 태그 중 선택이 가능하다. - 헤더바가 없는 페이지 생성도 가능하다. 헤더 버튼 - 보통 중앙에 표시되는 페이지 제목의 좌우.. 2022. 7. 8.
JQUERY MOBILE WEB 예제로 알아보기(1) 스마트 페이지 링크를 처리하기 위한 예제 sms ) a href="sms:번호" tel) a href="tel:번호" mail) a href="mailto:이메일주소" 지도)a href="지도주소" 머리말영역(header) 컨텐츠영역(content) Tel SMS Mail 지도 꼬리말영역(footer) 컨텐츠 영역에서 리스트뷰, 버튼만들기, 버튼에 아이콘 넣기, 레인지바 - data-inset="true" 는 리스트뷰에서 모서리를 둥글게 만들어주는 효과를 가진다. - data-filter="true" 는 리스트뷰에서 검색(필터링)효과를 보여준다. - 기존의 HTML에서의 의 역할을 data-title="타이틀"이 한다. - label의 for과 그 다음 input의 id를 일치시켜서 연동하여 range바.. 2022. 7. 8.
JQUERY MOBILE WEB 기초 Native App - 보편적인 모바일 애플리케이션 - 특정한 플랫폼에서 작동하는 앱 - 장점) 실행속도 빠르고 안정적, Mobile 기기에 최적화, 개발툴 비교적 편리 - 단점) 특정 플랫폼에서 동작(개발자가 각 플랫폼에 따라 필요), 업데이트가 느리다. Mobile Web - PC용 사이트의 구성을 모바일에 맞춰 표현한 웹 - 스마트 디바이스에 최적화 된 홈페이지 - 장점) 일반적인 웹 프로그래밍 기법으로 개발 가능 - 단점) 네이티브 앱에 비해서 속도가 현저하게 느리고(최근에 네트워크 속도가 빨라져서 많이 개선), 접근성이 낮다. Hybrid App - 겉으로는 Native App 모습을 가지고 앱스토어를 통해 배포되나, 실제 주요 콘텐츠는 브라우저 기본으로 하는 web형태로 서버로부터 정보를 받아.. 2022. 7. 6.
제이쿼리 예제(2) 보호되어 있는 글 입니다. 2022. 7. 6.

티스토리툴바