[ 웹앱 & 하이브리드 앱 프로그래밍 ] 한번 훑어보기

1부   웹표준 & 웹앱 . 하이브리드 앱 개발 환경

01 스마트폰 플랫폼과 하이브리드 앱 이해

- 앱 > 플랫폼 > 운영체제 > 하드웨어

- 플랫폼 : 스마트폰의 운영체제와 하드웨어 바탕의 스마트폰 운영체제

- 사용자와 앱 개발자 입장에서는 플랫폼이 운영체제처럼 보일 수도 있지만 리눅스에서 구동되기 때문에 엄밀히 말하면 운영체제라고 볼 수 없음

1) 모바일 환경 이해하기

네이티브 앱 :

모바일 기기에 최적화 된 앱.

모바일 기기의 고유정보를 읽고 변경할 수 있다. 하드웨어를 제어할 수 있다.

고성능의 그래픽 처리가 가능해서 2D , 3D 게임이나 증강현실과 같은 앱을 개발할 수 있다.

편리한 개발툴 ,  라이브러리 제공으로 개발, 유지보수가 쉽고 로딩속도 빠르다

           모바일 웹 :

                     데스크탑 브라우저에서 실행되는 웹 애플리케이션을 모바일 스크린 크디로 줄여 놓은 것

                     HTML , CSS , JS, JSP , PHP , ASP 등 일반적인 웹페이지 작업시 사용 기술로 개발됨

                     풀 브라우징 방식으로 페이지 이동 함.(화면 일부가 변경되면 서버에서 새로 받아와야

해서 속도가 느리고 모바일 기기의 특성상 이동 중에 서버 접속 장애가 발생하기 쉽다.)

           모바일 웹앱 :

                     웹 + 앱

                     웹 기술로 개발되고 모바일 브라우저에 의해 실행되지만 , 풀 브라우징 방식이 아닌

단일 페이지 모델을 사용해 화면을 전환

          첫 페이지는 웹으로부터 풀 브라우징 방식으로 받으며, 그 이후부터는 AJAX통신으로 처리.

하이브리드 앱 :

          모바일 웹앱의 단점을 해결하기 위해 네이티브 앱으로 모바일 웹앱을 포장하는 기술.

          모바일 웹앱을 하이브리드 앱으로 변환해주는 툴 – 폰갭, 앱스프레소, 티타늄..

          요즘 개발 추세

HTML5 :

          웹 표준인 HTML의 업그레이드 버전.

          (웹 표준은 html과 css3, js를 함께 사용해 웹사이트를 구현하는 것이고

3가지를 합쳐서 HTML5라고 부른다.)

CSS :

          폰트 , 컬러 , 화면 레이아웃 ..

JavaScript :

          입력에 대해 동적으로 반응하는 기능 담당

JQuery :

          자바스크립트를 간결하게 표현

폰갭(PhoneGap) :

          스마트폰 크로스플랫폼(여러 플랫폼의 SDK를 통합해 하나의 SDK로 개발할 수 있게 한 것)

02 작업환경 구축하기

03 CSS 핵심 기능 익히기

04 CSS 레이아웃 사용법 익히기