본 내용은 T 아카데미에서의 교육 내용을 개인적으로 정리한 것입니다.
1. 현황
- 다양한 플랫폼
- android, ios, windows phone.... ==> Platform Fragmentation ==> 개발비용/기간 증가 ==> Cross Platform 중요해짐
- 다양한 브라우저
- Google, Apple : 자체 OS & 브라우저 가짐. 구글은 검색시작 확대를 위해, 애플은 플래시 대체수단으로 HTML5 관심
- Opera, Firefox : 구글,애플에 차별화된 기능을 제공. SNS통합 전략 / Cloud 기반 싱크 등..
- Web Apps : 모바일 웹 사용자수가 네이티브 웹 사용자 추월/경계가 허물어짐.
- 브라우저 속도 : 2008년 크롬 출시 이후 100배 이상 JS 성능 향상. 크롬&파폭의 속도 경쟁.
2. Web Platform
- WRT (Web Runtime) : 플랫폼 독립적, 웹엔진과 JS를 통한 Device API 제공, 예:WAC
- Web OS : WRT에 커널까지 포함, 예:webOS
3. Web 기술 보완을 위한 Native 기술
- NPAPI Plug-in : Netscape 플러그인, <embed ...>, 많은 브라우저들이 지원
- Native Client (pepper) : 크롬만 지원, 오픈소스, 비표준
4. Web OS
- 초기 정의
- 네트워크상에서 구동되는 가상 컴퓨터 시스템
- 예 : http://www.eyeos.org (기업 및 특정 사용자 타겟, 모바일 연동)
- 최근 정의
- 웹서비스에 최적화된 최소기능을 가진 커널형태 (WRT 포함, 마치 범용 OS와 비슷, Native 지원)
- 예 : HP webOS (Parm Pre위해 개발후 타블렛/넷북용으로 발전, 클라우드로 동기화, 개발툴 Ares 제공, PDK로 native 접근)
- 예 : Google Chrome OS (넷북/타블렛 지원, 파트너사만 하드웨어 지원(삼성,ASUS))
- 예 : Firefox OS (B2G:Boot to Gecko, 모바일에 포커싱, 현재 안드로이드 기기에 호환)
- 예 : webinos Project (EU에서 투자, W3C가 큰관심-차후 표준?, 모바일/자동차/PC/의료기기 고려)
5. ★ HTML5
- 설명 : http://ko.wikipedia.org/wiki/HTML5
- 현재 규격은 Last Call 상태 (차후 수정은 거의 없음)
- Web SQL Database, Local Storage 은 보안상의 이유로 제외됨
- HTML5 Spec
- Mobile Web Application Best Practices
- W3C Mobile Web Best Practices
- 기타 : http://html5ok.tistory.com/3 참조
6. ★ 유용한 JS Library / Framework
- raphael.js : 벡터 그래픽, http://raphaeljs.com/
- paper.js : 벡터 그래픽, http://paperjs.org/
- lime.js : 2D용 게임 개발, http://www.limejs.com/
- node.js : Server Side Script, Event Driven, http://nodejs.org/
- pdf.js : PDF 문서 랜더링, https://github.com/andreasgal/pdf.js
- 김종령의 생각 : 다양한 HTML5 관련 소식, http://jongryong.wordpress.com/
7. ★ 모바일 웹 UI 개발
- 디자인 템플릿
- UI Library
- JQueryMobile : 무료, Mobile Web 만들때 사용. http://jquerymobile.com/ http://goo.gl/wjLXb
- Sencha Touch : 유료, Native한 Web App 만들때 사용. http://www.sencha.com/
- Google Web Toolkit
- 기타 : IAd JS, Microsoft Ajax Control Toolkit, iWebKit, Magic Framework
- 기타 Best Practice
- 디자인 트랜드 : http://webdesignerwall.com/trends/iphone-app-site-design-trends
- UI 리소스 : http://speckyboy.com/category/psd/
- WEB UI : http://speckyboy.com/2010/10/27/30-fresh-web-ui-mobile-ui-and-wireframe-kits/
- Native UI : http://designlog.org/2511994
- 포토샵 : http://www.noupe.com/freebie/ultimate-collection-of-photoshop-brushes-actions-and-styles.html
- UI 디자인 가이드 : http://www.mobilexweb.com/blog/ui-guidelines-mobile-tablet-design
- 디자인 튜토리얼 : http://alfoart.com/
- 포토샵 브러시 : http://creativedesignmagazine.com/high-quality-photoshop-brushes.html
- 매거진 스타일 : http://vandelaydesign.com/blog/galleries/well-designed-magazine-style-websites/
- 소책자 스타일 : http://www.youthedesigner.com/2010/10/20/35-awe-inspiring-booklet-designs-for-print-design-inspiration/
- 웹개발 IDE
- Ares : 웹기반 IDE, http://ares.palm.com
- Titanum Studio : 이클립스 플러그인 형태로 Titanium 개발
- Cloud9 IDE : DaaS형태 (개발을 소셜화), http://cloud9ide.com/
- WidgetBox : 위젯을 배치해 모바일웹 개발, 요즘 인기, http://www.widgetbox.com/
8. Hybrid App
- Cross Platform
- PhoneGap(무료), Titanium(유료) : Device API 제공(비표준), 클라우드로 빌드
- WAC : 도매점, SKT가 돈 많이 내고 있음. KWAC 사용가능 단말 6종 출시 예정
9. 기타 - 반응형 웹 디자인
- http://naradesign.net/wp/2011/05/27/1483/
- http://webdesignledger.com/inspiration/30-creative-examples-of-responsive-web-design
- http://html.nhncorp.com/blog/textyle/47789
- http://hyeonseok.com/soojung/css/2011/02/05/638.html
10. 기타
- MS주최 컨퍼런스 (Windows 8 & HTML5 관련) : http://www.buildwindows.com/
좋은 내용 감사합니다. 많은 도움이 되었습니다.