세상을 시뮬이이션하고픈 실천가

1. Sencha Touch 환경설정

1) Sencha Touch Framework Down : http://www.sencha.com/products/touch/download

2) Theme 설정 : 메뉴 > window > preferences > Aptana Studio > Themes > Aptana Studio 2.x

3) 프로젝트 생성 : 메뉴 > File > New > Project > Web Project > “sencha0403-01”

4) 좌측 상당 탭에서 Project Explorer 탭선택, 생성된 프로젝트 하위로 미리 받아놓은

  “sencha-touch-2.0.0-gpl”을 끌어다 놓음.

5) “sencha-touch-2.0.0-gpl” 선택 : 메뉴 > File > New > Folder > “workspace” 선택

2. HTML 실습

1) workspace 폴더 : 메뉴 > File > new > file -> “index.html”

2) 아래 내용 입력

3) Run 실행 : Safari에서 확인

3. JavaScript 실습

  1) Run 브라우저 선택 : 툴바 > Run Configurations > Web Browser > Browser executable : 설정

Word파일 다운받기 :  모바일 웹앱 전문 개발자 과정_0403.docx

1. 모바일 웹앱 프레임워크

1) jQTouch

- 가장먼저 공개

- Markup 기반의 쉬운 개발 스타일

- MIT 라이선스

- 단순한 기능 (쉽고 간단함)

- HTML5, CSS3 지원

- 작지만 모바일에 최적화된 UI , 서로다른 2가지 테마

2) jQuery Mobile

- 가장 늦게 공개

- Markup 기반의 쉬운 개발 스타일

- jQuery 팀에서 개발

- MIT 또는  GPL 라이센스

- 테마롤러 지원 (TOOL)

3) Sencha Touch : (주 학습 대상)

  - ExtJS 진영에서 개발

  - 스크립트 기반 스타일의 개발방식

  - 자유로운 표현 가능

  - Sass 기반의 테마 시스템

  - 다양한 터치 이벤트

4) 한눈에 비교하기

2. 준비사항

1) HTML5

2) CSS3

3) JavaScript

3. 개발툴 :

1) Aptana studio  : www.aptana.com

Word 파일 다운 받기 :모바일 웹앱 전문 개발자 과정_0402.docx

win32를 사용하여 함수 하나로 Tool Tip을 구현하는 방법


void CreateToolTipForRect(HWND hwndParent)
{

 HINSTANCE hInst = (HINSTANCE) ::GetWindowLong(hwndParent,GWL_HINSTANCE);

 INITCOMMONCONTROLSEX ic;
 ic.dwSize = sizeof(INITCOMMONCONTROLSEX);
 ic.dwICC = ICC_TAB_CLASSES;
 InitCommonControlsEx(&ic);
 // Create a ToolTip.
 HWND hwndTT = CreateWindowEx(WS_EX_TOPMOST,
  TOOLTIPS_CLASS, NULL,
  WS_POPUP | TTS_NOPREFIX | TTS_ALWAYSTIP,  
  CW_USEDEFAULT, CW_USEDEFAULT,
  CW_USEDEFAULT, CW_USEDEFAULT,
  hwndParent, NULL, hInst,NULL);

 SetWindowPos(hwndTT, HWND_TOPMOST,
  0, 0, 0, 0,
  SWP_NOMOVE | SWP_NOSIZE | SWP_NOACTIVATE);

 // Set up "tool" information.
 // In this case, the "tool" is the entire parent window.
 TOOLINFO ti = { 0 };
 ti.cbSize = sizeof(TOOLINFO);
 ti.uFlags = TTF_SUBCLASS;
 ti.hwnd = hwndParent;
 ti.hinst = hInst;
 ti.lpszText = TEXT("This is your ToolTip string.");;
 GetClientRect (hwndParent, &ti.rect);
 // Associate the ToolTip with the "tool" window.
 SendMessage(hwndTT, TTM_ADDTOOL, 0, (LPARAM) (LPTOOLINFO) &ti); 
// SendMessage(hwndTT, TTM_ACTIVATE, true, NULL);

}