JavaScript | 자바스크립트 그래픽

그래픽

코드 재사용 및 최적화

- 자바스크립트는 클래스기반언어가 아닙니다. 

- DOM + jQuery 를 같이 사용하는 것이 웹페이지에서 최적화지만 성능저하로 빈도를 최소화해야만 합니다.

DHTML

- 스프라이트

- 애니메이션 이동

스크롤링

- CSS만 사용한 스크롤링 : 제어가 어렵습니다.

- 자바스크립트 스크롤링 : 

• 배경이미지 스크롤링
• 타일기반이미지 스크롤링

고급 UI

- HTML5 폼

- 자바스크립트 UI 라이브러리 사용

• jQuery UI를 사용한 웹 인터페이스 개선

- ExtJS : 견고한 사용자 인터페이스 시스템

HTML5 

캔버스  

웹페이지에서 자바스크립트를 사용하면 캔버스 안에 그림을 그릴 수 있습니다.  

캔버스 vs SVG (Scalable Vector Graphic) — SVG가 수정이 쉽고 폭넓게사용됩니다.

캔버스 vs 플래시 —

jQuery Mobile

jQuery

가장 유명한 자바스크립트 라이브러리입니다.

jQuery Mobile

유명 모바일 기기에서 통일된 사용자 인터페이스를 제공합니다.

안드로이드 앱 제작

폰갭  

- 자바스크립트는 자바와 다르기 때문에 안드로이드앱으로 변환하는 것이 아닙니다. WebView를 통해 네이트브앱에서 자바스크립트 웹 콘텐츠를 보여주는 것입니다.

- 주목할 점은 네이티브 안드로이드앱과 웹 콘텐츠사이에 인터랙션이 가능합니다. 

폰갭 설치 

- JDK 설치

- 안드로이드 SDK

- 이클립스 IDE

- 안드로이드 개발도구 ADT 이클립스 플러그인

- 폰갭 설치

관련포스트

• JavaScript | 자바 스크립트 개요 (Outline)
• JavaScript | 자바스크립트 객체