본문 바로가기

Skills/Mobile

[Bootstrap] Download and apply [Bootstrap Info] - 프론트엔드 프레임워크 (Frontend Framework) 부트스크랩을 다운로드하는 방법은 여러가지가 있습니다. 각 방법들은 다른 기술수준과 사용방법이 다릅니다. 당신에게 필요한 것을 찾아 사용하세요. Bootstrap has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs. DownloadKorea Site : http://getbootstrap.com/English Site : http://getbootstrap.com/ 1. Bootstrap .. 더보기
[jQuery Mobile] Web/App Hybrid 만들기 6. ui-grid 6. ui-grid 6-1. ui-grid-a Cancel Submit 6-2.ui-grid-b Hmm No Yes 6-3. ui-grid-c25%/25%/25%/25%로 grid 4개로 컬럼을 만들 수 있습니다. 6-4. ui-grid-d20%/20%/20%/20%/20%로 grid 5개로 컬럼을 만들 수 있습니다. 6-5. 응용 Multiple row grids Grids in toolbars 사이즈 조절은 style="width=100%" 로 조절할 수 있습니다. 전송 더보기
[jQuery Mobile] Web/App Hybrid 만들기 5. Button 5. Button 1. Default Button Button 2. data-theme [a ~ g] 3. Button Group Yes No Maybe Yes No Maybe 더보기
[jQuery Mobile] Web/App Hybrid 만들기 4. Footer Bar 4. Footer 1. data-icon ( delete, plus, arrow-u, arrow-d ) Remove Add Up Down 2. data-role="controlgroup" data-type="horizontal"> Remove Add Up Down 버튼을 그룹화 할때 위와 같이 사용한다. 3. Footer bar에 TAP 컴포넌트 HomeHeader bar Footer bar 사과바나나포도양파 더보기
[jQuery Mobile] Web/App Hybrid 만들기 3. Header Bar 3. Header Bar Button 1. data-icon CancelHeaderSave data-position="inline" 로 기본 정렬은 필수 이다. 2. class="ui-btn-[right, left]" HeaderOptions 3. data-rel="back" & data-direction="reverse" data-rel = "back" - 뒤로가기 Headerback data-direction = "reverse" - 페이지 이동Headerback 더보기
[jQuery Mobile] Web/App Hybrid 만들기 2. Frame 구성 2. Header, Content, Footer Frame 구성 1-1. 기본 프레임 단위HeaderContentFooter 1-2. 확인 2-1. data-theme [a ~ g]HeaderContentFooter data-theme의 기본코드는 "a" 이므로 검정색으로 나온다. 2-2. 더보기
[jQuery Mobile] Web/App Hybrid 만들기 1. 환경설정 1. 기본구성 jquery-1.9.1.min.js jquery.mobile-1.3.1.min.js jquery.mobile-1.3.1.min.css 1-1. 웹페이지의 넓이를 디스플레이 크기로 1-2. jQuery Mobile 사용 준비 1-3. 준비완료 더보기