Wire up your web page Structure = HTML Stype = CSS Script = jQuery(and JavaScript) 저장공간 만들기 jQuery에서 변수를 사용하길 원한다면 JavaScript의 변수를 사용한다. 사용 예 var pts = 250 ; var 변수를 선언하는 키워드 JavaScript interpreter가 데이타를 저장할 수 있는 브라우저의 메모리 영역에 공간을 만든다. pts 변수의 이름 스크립트가 참조 할 수 있는 레퍼런스가 된다. =250 변수에 값을 담는다. $(this) 사용하기 "현재" 앨리먼트를 선택한다. $(this) 는 context-dependent 이다. 즉 사용하는 시점이나 장소에 따라 의미가 달라진다.
문제 인식 페이지를 변경하려면 매번 서버에 요청해야 하나? HTML과 CSS는 페이지의 구조와 스타일을 만드는 데 충분한다. 브라우저가 서버에 웹 페이지 요청 웹 서버가 요청된 페이지를 찾아서 보내줌 브라우저는 받아온 페이지를 렝더링하여 화면에 보여줌 때때로 리로딩 없이 페이지를 변경하기 위해 웹브라우저와 대화하려면 어떻해야 하나? jQuery function 소개 jQuery() 는 $()로 단축하여 사용한다. $()에 들어가는 내용 CSS Selector : CSS selector를 넣으면 매칭되는 엘리먼트를 리턴한다. 제일 많이 사용하는 경우이다. HTML : HTML을 넣어서 동적으로 브라우저 페이지에 DOM 엘리먼트들을 추가할 수 있다. JavaScript Object CSS selector 와..
드디어 책이 도착했다~~~.^^ 비록 원서이긴 하나 이 책의 가장 큰 특징!! 그림이 많다!! 11개의 챕터로 구성되는데 매일 매일 열심히 탐독해서 완독. 고고고!! 준비물 텍스트 에디터 브라우저 : 3개 이상을 설치하여 비교해 본다. 웹 서버 JQuery library Google Chrome Developer Tools 브라우저 개발 툴 미리 사용법을 숙지한다. 링크 : Google Chrome Developer Tools The Developer Tools are heavily based on the WebKit Web Inspector, a part of the open source WebKit project. jQuery 다운로드 http://jquery.com/ 예제 소스 설치 Head Fir..
http://www.ciobiz.co.kr/news/articleView.html?idxno=6701 앞으로 확장될 HTML5의 영향력을 엿볼수 있다. 넌 어디까지 갈꺼니?? 킨들 포맷 8(KF8) 21일(현지시각) 아마존이 HTML5에 기반을 둔 새로운 전자책(e북) 포맷을 발표 HTML5에 기반 출판업체들이 HTML5와 CSS3 등을 포함해 150개 이상의 포맷 기능에 액세스할 수 있게 해준다. 고해상도 컬러, 사이드 바, 확장 가능한 벡터 그래픽, CSS 셀렉터, 백그라운드 이미지에 텍스트를 올리는 것 등 다양한 활용이 가능하다
[SPEC] 4.10 폼
참고 : http://html5.clearboth.org/forms.html#forms 폼 이란 폼 컨트롤들을 갖고 있는 웹 페이지의 컴포넌트 텍스트 필드 버튼 체크박스 범위 컨트롤 색상 선택기 등 폼의 작성 단계 폼의 사용자 인터페이스 작성 폼을 위한 서버사이드 처리 구현 폼이 서버와 통신하도록 설정 폼의 사용자 인터페이스 작성 모든 폼은 form요소로 시작하고 그 안에 컨트롤들이 위치한다. 폼의 각 부분들은 하나의 문단을 구성하며, 일반적으로 p요소를 통해 서로 분리됩니다. 폼이 서버와 통신하도록 설정 폼의 속성 method : 폼의 제출 방법 지정(GET, POST 등) enctype : 값의 암호화 방법 지정 action : 제출한 데이타를 처리할 서비스의 URL 명시 폼의 컨트롤들의 name 속..
모델 중심형 개발을 통해 Android 디바이스 및 애플리케이션을 신속하게 전달하기 UML 도구와 안드로이드 개발환경의 조합... http://www.ibm.com/developerworks/kr/rational/library/model-driven-development-speed-delivery/index.html MDD가 출현하면서 개발 프로세스를 가속화할 수 있게 되었다. MDD를 사용하면 소프트웨어 엔지니어가 요구사항을 더 분명하게 이해하고 분석할 수 있을 뿐만 아니라 설계 스펙을 정의할 수도 있다. 또한, 시뮬레이션을 이용하여 시스템의 개념을 테스트할 수 있으며 코드를 자동으로 생성하여 대상 하드웨어에 직접 배치할 수도 있다. Android 소프트웨어 개발자는 두 가지 유형, 즉 플랫폼 벤더와 ..
이 클래스는 시스템 알람 서비스에 접근하는 것을 제공한다. 이것은 애플리케이션이 미래의 어떤 정해진 시점에 실행될 수 있도록 스케쥴한다. 알람이 시작되면, 이것을 위해 등록했던 인텐트가 시스템에 의해 브로드캐스트 되고, 만약 애플리케이션이 실행 중이 아니라면 자동으로 대상 애플리케이션을 실행한다. 등록된 알람은 기기가 잠들어 있는 동안에 유지되지만 기기를 끄거나 재부팅했다면 삭제된다. 알람 관리자는 CUP wake lock을 가지고 있어서 가능한 오랫동안 알람 receiver의 onReceive() 메소드를 실행한다. 이것은 브로드캐스트를 관리하는 것을 마칠때 까지 전화기가 잠들지 잠들지 않을 것을 보증한다. 그리고 어떤 경우에는 가능한 빨리 onReceive() 메소드를 완료할 것임을 의미한다. 만약 ..
날짜가 변경되면 오늘의 일정도 변해야지.....!! 날짜가 바뀌면 앱 위젯의 내용을 갱신시켜야 한다. 주기적으로 intent를 broadcast 할수 있는 AlarmManager 를 사용해보고자 한다. 애뮬레이터의 시간설정이 야속해~ 작성된 앱을 실행시켰다. 정해진 시간에 알람이 호출되야 하는데...반응이 없었다.... 몇시간의 난(?)투...끝에 알아낸 원인은..크... 애뮬레이터의 시간설정이 현재 시간이 아니었는데 나는 그것을 보지 못하고 계속 현재시간 시준으로 세팅하고 있었던 것이다...ㅠㅠ 알람 등록하기 및 삭제하기 인텐트 설정하기 AlarmManager 인스턴스 얻기 및 알람 등록 알람 수신하기 브로드캐스 수신하기 참고 : [Android/developer.android.com] - [Refer..
이클립스에서 apk파일을 만들고 다시 zipalign 을 실행하는 데 번거로움을 느낀다... bat 파일로 간편화시키자 @echo off ECHO ANGMANG-PRJ-01 APK를 압축합니다. CD C:\Program Files\Android\android-sdk\tools setlocal ::변수 초기화 set apk_version= ::파일명 입력 set /p apk_version=압축할 파일 버전: @echo ON zipalign -f -v 4 C:\Android\myApk\ANGMANG-PRJ-01-V%apk_version%.apk C:\Android\myApk\R_AM-PRJ-01-V%apk_version%.apk @echo off ECHO 압축된 파일은 AM-PRJ-01-V%output_ap..
소소한 바램이... 나의 바램은 소소했다...오늘의 일정 리스트에서 각 항목을 메모 액티비티로 연결하는 것... 간단하지 않은가?? 그러나 간단하지 않았다.... 다음은 나의 뻘짓이다... 실패 1. 리스트의 각 아이템마다 Intent 의 putExtra 에 id값을 넣어서 전달했다. 자연스러운 코딩이었지만...putExtra 값이 사라져서 아무것도 나타나질 않았다. Intent intent_memo = new Intent(context, MemoActivity.class); iintent.putExtra("SID", id); PendingIntent pendingIntent_memo = PendingIntent.getActivity(context, 0, intent_memo, 0); item.setOn..
앱 위젯 만들기
처음에 앱 위젯을 만들어야쥐~하고 생각했을 땐 쉽게 될 줄 알았다. 이미 작성해논 액비티비 화면을 그대로 불러다 쓰면 될 줄 알았다...그러나 이것은 나의 착각이었으니... 일단 앱 위젯 레이아웃 구성에서부터 막혀버렸다...알고보니 앱 위젯에 쓰일 수 있는 뷰는 한정되어 있었다. 내가 만들어놓은 커스텀 뷰나 리스트뷰같은근 쓰지 못한다. 작업순서 앱 위젯 레이아웃 만들기 AppWidgetProviderInfo Metadata 추가하기 AppWidgetProvider 상속 클래스 구현하기 매니페스트 파일에 등록하기 작업 상세 앱 위젯 레이아웃 만들기 참고 : Creating the App Widget Layout 홈 스크린에 표시될 앱 위젯의 레이아웃을 만든다. AppWidgetProviderInfo Met..
App Widgets 사용자가 새로운 앱 위젯을 추가할 때 세팅을 구성하게 하려면, 앱 위젯 구성 액티비티를 생성한다. 이 액티비티는 자동으로 앱 위젯 호스트에 의해 실행되고 사용자가 앱 위젯의 생성 시점에 가능한 세팅-앱 위젯 색상, 크기, 업데이트 기간 등-을 구성할 수 있도록 한다. 이 구성 액티비티는 보통 액티비티처럼 메니페이스 파일에 선언되어야 한다. 그러나 앱 위젯 호스트가 ACTION_APPWIDGET_CONFIGURE 액션으로 호출되기 때문에 이 인텐트를 받아들이도록 한다. 또한 이 액티비티는 AppWidgetProviderInfo XML 파일의 android:configure 속성에 선언되어야 한다. ※ 이 액티비티는 전체 이름으로 선언해야 한다. 왜냐하면 패키지 영역 밖에서 참조될 수 ..
앱 위젯의 초기 레이아웃을 정의하고 res/layout 디렉토리에 저장해야 한다. 앱 위젯은 아래에 나열된 View 객체를 사용해서 디자인할 수 있지만, 디자인을 시작하기 전에 먼저 App Widget Design Guideline을 읽고 이해하길 바란다. 앱 위젯 레이아웃을 만드는 것은 XML에 레이아웃을 선언하는 것과 비슷하다. 그러나 앱 위젯 레이아웃은 RemoteView 에 기반하다는 것과 모든 종류의 레이아웃을 지원하지 않는다는 것을 알아야 한다. RemoteView 객체는 아래 레이아웃 클래스를 지원한다. FrameLayout LinearLayout RelativeLayout 따라오는 위젯 클래스 : 이 클래수들의 자손 클래스는 지원되지 않는다. AnalogClock Button Chronom..
AppWidgetProvider 클래스는 BroadcastReceiver 를 상속받아서 앱 위젯 브로드캐스트를 처리할수 있는 편리한 클래스이다. onUpdate() AppWidgetProviderInfo 에서 updatePeriodMillis 속성에 정의한 간격대로 앱 위젯을 업데이트하기도록 호출한다. 이 메소드는 사용자가 앱 위젯을 추가할 때 호출되서, 필수적인 셋업이 호출된다. 그러나 만약 구성 액티비티가 선언된다면, 사용자가 앱 위젯을 추가할 때 이 메소드를 호출되지 않고 다음의 업데이트에서 호출된다. 구성을 마칠 때 첫번째 업데이트가 실행되는것은 구성 액티비티의 책임이다. onDeleted(Context, int[]) 앱 위젯은 호스트에서 삭제될때마다 호출된다. onEnabled(Context) ..
App Widgets AppWidgetProviderInfo Metadata 추가하기 AppWidgetProviderInfo 는 앱 위젯의 필수적인 값들-최소 레이아웃 크기, 초기 레이아웃 리소스, 앱 위젯을 업데이트하고 추가적으로 구성 액티비티를 적시에 실행하기 -을 정의한다. appwidget-provider 를 사용해서 XML리소스에서 객체를 정의하고 res/xml/에 정의한다. 속성의 요약 minWidth, minHeight 앱 위젯 레이아웃에서 요구하는 최소하는 공간 기본 홈 스크린 위치 앱 위젯은 윈도우안에서 정의된 높이와 너비를 가진 셀의 그리드에기반한다. 만약 앱 위젯의 최소 너비나 높이가 셀의 크기와 맞지 않는다면, 앱 위젯의 넓이는 거의 셀의 크기로 맞춰진다. 홈 스크린의 레이아웃 방향..