코르도바와 함께하는 하이브리드 앱 개발 노하우 지침

1) 개발을 하기 위한 환경 설정

01 시작하기에 앞서서

02 Node.js 설치하기

03 아파치 코르도바 설치하기



2) 웹페이지 구조를 설계해보기

01 index.html 바꾸어 보기

02 반응형 웹페이지로 설계하는 방법

03 div 태그를 수평으로 정렬하는 방법

04 각 HTML 태그에 예쁘게 간격을 넣는 방법

05 inline-block 들을 수직으로 가운데 정렬하는 방법

06 상황에 따라 HTMl 태그의 포지션을 지정하기

07 마무리 하며 (코드 정리)



3) 텍스트,이미지,버튼,입력 창 만드는 방법

01 h1 태그,h2 태그,p 태그 그리고 span 태그

02 폰트 설치하는 방법

03 이미지 태그를 사용하는 방법

04 HTML 에서 만능 버튼 제작하기

05 입력 창을 만드는 방법



4) 자바스크립트로 구현하는 필수 기능

01 HTML과 자바스크립트 연결하기

02 자바스크립트 활용 예제 1 - 슬라이드 배너

03 자바스크립트 활용 예제 2- 이미지 미리보기

04 자바스크립트 활용 예제 3 - on/off 가 가능한 팝업



5) 자바스크립트 + 데이터 처리하기

01 서버를 만들기 위한 준비

02 데이터를 받을 수 있는 서버로 만들고 배포하기

03 데이터를 보낼 자바스크립트 코드를 만들기



6) 만든 웹사이트를 서비스 하기

01 사이트를 공개하기 전, 모바일 디자인 만들기

02 Github에 내 프로젝트를 공개하기



7) 웹 사이트를 모바일 앱으로 바꾸기

01 안드로이드 앱으로 프로젝트 실행시키기

02 코르도바 앱에서 스마트폰 기능을 사용하기

03 안드로이드 앱을 구글 플레이스토어에 올리는 방법

04 아이폰 앱으로 프로젝트를 실행하는 방법

05 아이폰 앱을 앱스토어에 배포하는 방법