1. 개발
    1. 브라우저별 디버그
      1. FireFox
        1. Firebug(F12)
      2. Safari
        1. Web Inspector
      3. Opera
        1. Dragonfly
      4. Internet Explorer
        1. 개발자 도구(F12)
      5. Google Chrome
        1. Debugging Tool(F12)
    2. 시뮬레이터
      1. 종류
        1. 웹기반
          1. 아이폰
          2. http://iphone4simulator.com/
          3. 아이패드
          4. http://ipadpeek.com
        2. iBBDemo2
          1. 아이폰, 아이패드
          2. http://www.puresimstudios.com/
        3. MobiOne
          1. 아이폰
          2. http://www.genuitec.com/mobile/
      2. 폰과 같은 UI 환경을 제공
    3. IDE 및 에디터
      1. 에디터
        1. 울라트 에디터
        2. 아크로 에디터
        3. 에디터 플러스
      2. IDE
        1. Eclipse 환경
          1. Aptana Studio
          2. 가장 많이 사용 함
          3. JQuery Code Hint
          4. http://www.aptana.com/
          5. FTP 지원
          6. Eclipse Plug-in
          7. 한글 지원이 없음
        2. 드림위버 CS5
        3. Microsoft
          1. Visual Web Developer 2010 Express
          2. WebMatrix
          3. http://www.microsoft.com/web/webmatrix/
      3. Mac OS
        1. Espresso
          1. http://macrabbit.com/espresso/
        2. TextWrangler
          1. http://www.barebones.com/products/textwrangler/
        3. Coda2
          1. http://www.panic.com/coda/
  2. UI Framework
    1. 마크업 기반
      1. jQTouch
        1. 기본 스크립트
          1. jQuery
        2. 최적화 대상
          1. 폰
        3. 지원기기
          1. iOS 계열의 모바일 기기
        4. 개발 난이도 및 기능의 다양함
          1. 낮음
        5. 최초의 웹 개발 프레임웍
        6. 안정화나 레퍼런스가 없음
      2. jQuery Mobile
        1. 기본 스크립트
          1. jQuery
        2. 최적화 대상
          1. 폰과 태블릿
        3. 지원기기
          1. iOS
          2. Android
          3. 블랙베리
          4. 오페라 모바일
          5. 파이어폭스 모바일
          6. 팝 웹OS
        4. 개발 난이도 및 기능의 다양함
          1. 중간
        5. 정부 프레임웍의 Mobile UI 프레임웍 채택
        6. 관련 서적이 상당히 많음
        7. 2011.11.16일에 정식버전 1.0 출시
    2. 스크립트 기반
      1. Sencha Touch
        1. 기본스크립트
          1. ExtJS
        2. 최적화 대상
          1. 폰과 태블릿
        3. 지원기기
          1. iOS
          2. Android
          3. 블랙베리 OS 6.0 이상
        4. 개발 난이도 및기능의 다양함
          1. 높음
        5. 관련 서적이 별로 없음
          1. MSDN과 같은 Sample URL을 제공
        6. 마크업 기반이 아님
          1. ExtJS Script로 UI 로직 코딩
          2. 학습에 시간 투자가 많아야 됨
          3. 객체지향적이며 구조적임
        7. 터치 관련 많은 이벤트 지원
        8. 가장 방대하고 체계적인 API 제공
  3. Web Socket Framework
    1. Java Framework
      1. Netty
        1. 기존 C3IT 소스에서 소켓 연결 부분 수정
        2. C3IT 소켓과 연결
        3. 이벤트 기반 Thread에 C3IT 로직 연결
      2. jWebSocket
    2. Phython
      1. mod_pywebsocket
      2. Kaazing WebSocket Gateway
    3. Node.js
      1. 적용
        1. 페이스북
        2. 네이버
        3. 윌마트
        4. 링크드인
        5. Windows Azure
      2. 다중 웹소켓 서버
      3. C3IT 소켓과 연결 필요
        1. Message Object 처리 스크립트 프로그래밍 필요
  4. Hybrid App
    1. Cross Platform 지원 도구
      1. Phonegap
        1. 지원기기
          1. 아이폰
          2. 안드로이드폰
          3. 블랙베리
          4. 심미안 SDK
        2. 서적과 레퍼런스가 많음
        3. 빌드가 안정적임
          1. 빌드 시간 빠름
      2. Appspresso
        1. 레퍼런스가 없다
        2. 불안정한 빌드
          1. 디버깅 오류
          2. 빌드시간 오래 걸림
        3. 지원기기
          1. 아이폰
          2. 안드로이드
      3. Titanium
        1. 지원기기
          1. 아이폰
          2. 안드로이드폰
          3. ATM기
          4. 크롬 OS
        2. 관련서적 몇권 있음
    2. 웹앱을 네이티브 앱으로 감싸주는 장치
      1. 모바일 기기의 고유 기능을 웹 기술로 호출할 수 있는 추상화된 API로 빌드
  5. 종류
    1. 네이티브 앱
      1. 각 플랫폼에 맞는 프로그래밍 언어로 개발
    2. 모바일 웹
      1. 일반 웹 기술로 개발
    3. 모바일 웹앱
      1. 모바일에 최적화된 웹의 형태
      2. 터치 상호작용
      3. 로컬 저장소
      4. 네이티브 앱과 유사한 UX 제공
    4. 하이브리드 앱
      1. 모바일 웹앱을 네이티브 앱으로 감싸줌