캠퍼스선택바로가기 주메뉴바로가기 본문바로가기

센차터치2/폰갭

  • 일반
  • 재직자
닫기

국가직무능력표준(NCS)은 무엇인가요?

국가직무능력표준(NCS, National Competency Standards)은 산업현장에서 직무를 수행하기 위해 요구되는 지식·기술·태도 등의 내용을 국가가 체계화한 것입니다.

닫기

다른 분야 · 훈련과정을 한 눈에 볼 수 있습니다.

센차터치2/폰갭

'모바일웹앱/하이브리드앱 개발
(HTML5/센차터치2/폰갭)'



모바일 웹앱은 모바일 장치에서 구동될 수 있는 웹 기반의 애플리케이션을 의미하는 것으로서,
일반적인 웹 페이지 보다는 좀 더 포괄적인 의미입니다. 사용자들에게 모바일 친화적인 인터페이스와
페이지 이동 시에 적절한 애니메이션 처리, 모바일의 단점인 네트워크의 불안정을 해소하기 위한 오프라인 구동이 가능한 웹이라는 특징들을 하나로 모아 놓은 형태입니다.

이러한 모바일 웹앱은 웹 브라우저만 있으면 사용자들에게 일반 App과 동일한 UI 환경을 제공할 수 있다는 장점은 있지만, 웹 브라우저로 접근해야 하기 때문에 일반 App 보다는 사용자들의 접근성에 취약한 면이
있습니다. 모바일 웹앱에 아주 약간의 작업을 얹게 되면 HTML페이지를 보여주는 형태의 설치 가능한
App을 제작 할 수 있습니다. 이러한 형태를 하이브리드 앱이라고 부르고, 페이스북, 네이버앱, SK엔카 등
이미 다양한 하이브리드 앱이 출시되어 있습니다.

본 과정은 HTML5 API와 Javascript 클래스 구조에 대한 기반을 다진 후, HTML5를 기반으로 하고 있는 모바일 웹앱 Framework 중에서 가장 각광받고 있는 Sencha Touch2 Framework를 기반으로 하는
모바일 웹앱 및 하이브리드 앱을 제작하는 과정을 통하여 iOS와 Android 두 마리의 토끼를 한번에 잡을 수 있는 방법을 제시합니다.

이 과정은 크게 다음과 같이 구성되어 있습니다.
HTML5을 기반으로 하고 있는 웹 기술을 통해서 애플리케이션을 개발하는 과정은 지금까지 나와 있는
스마트폰 디바이스들에 대하여 하나의 소스로 모든 형태를 지원할 수 있다는 이점과 함께, 앞으로 출시될
단말기들 역시 웹페이지를볼 수 있는 기능만 있다면, 종류를 구분하지 않고 일관된 프로그램을 제공 할 수
있기 때문에 이미 많은 개발사들이 채용하고있는 실무 제작 기술입니다. 이 과정은 하이브리드 앱이라는
주제로 모바일 어플리케이션 개발자로 도약할 수 있는 훌륭한 밑거름이 되어 드릴 것 입니다.
강의대상
  • 모바일웹앱이나 하이브리드 앱을 개발하고자 하는 개발자.
  • Java나 Object-C를 사용하지 않고 Android나 iOS용 App을 개발하고자 하는 개발자
  • Sencha Touch2를 익히고자 하는 개발자
  • 현재 웹 프로그래머로 활동하고 있는 개발자
하이브리드 앱개발(html5/센차터치/폰갭)
강의일차하이브리드 앱개발(html5/센차터치/폰갭)
1일차
  • · 네이티브 앱, 모바일 웹, 모바일 웹앱, 하이브리드 앱
  • ·모바일 웹앱 framework
  • ·html5 기본 구조 및 모바일 웹앱을 위한 확장 태그
  • ·html5 api webform
  • ·queryselector
  • ·멀티미디어, webstorage, webdatabase, geolocation, application cache
2일차
  • ·framework 및 개발환경 구성
  • ·객체 지향 javascript
  • ·prototype을 사용한 클래스 정의하기
  • ·json 표기법
3일차
  • ·panel과 layout
  • ·button과 icon
  • ·toolbar와 titlebar
  • ·messagebox, overlay, actionsheet
  • ·form
4일차
  • ·멀티미디어
  • ·위치정보 활용과 구글맵 사용하기
  • ·화면전환
5일차
  • ·sass의 소개
  • ·sass를 사용한 사용자 정의 테마 만들기
6일차
  • ·ajax 통신과 xml 데이터 처리
  • ·xml 기반의 crossdomain 통신 (네이버 openapi 연동)
  • ·ajax 통신과 json 데이터 처리
  • ·jsonp 기반의 crossdomain 통신 (다음 openapi 연동)
7일차
  • ·템플릿을 사용한 화면 레이아웃 구성
  • ·확장 템플릿을 사용한 화면 구성
  • ·데이터 모델
  • ·데이터 스토어
8일차
  • ·데이터 뷰를 사용한 리스트 구현
  • ·데이터 프록시
  • ·데이터 스토어 핸들링
  • ·페이징 처리와 중첩 리스트
9일차
  • ·sencha cmd 설치
  • ·mvc 모델의 개요와 구조
  • ·view
  • ·sencha touch2 mvc 모델 (2)
  • ·controller
  • ·model
  • ·store
10일차
  • ·daum open api를 연동한 이미지 검색 app mvc 모델 적용하기
  • ·sencha touch2 android hybrid app
  • ·구글 마켓을 통한 배포 과정 소개
  • ·sencha touch2 ios hybird app
  • 이유나
  • 박나경
  • 정순범
이유나
  • 이유나
  • 현) 그린컴퓨터아카데미 인천캠퍼스 강사
  • 전) 국가기술관련자격증 보조 감독
  • 전) KT웹에이전시웹페이지
    HTML, CSS, JAVASCRIPT, JQUERY 업무
  • 전) 아산엠 웹페이지 디자인 전담 및
    신데렐라 프로젝트 광고 포스터 기획.제작 업무,
    3D MAX 디자인 보조 업무
  • 전) 포토콤 웹페이지 디자인 전담 및 모델 보정 및 편집 작업
  • PROJECT
  • 신한미디어 컴퓨터 학원 홈페이지 제작
  • 웹에이전시 의뢰 기업들 페이지 제작 업무
  • 아산엠 3D MAX 디자인 보조 업무
  • 아산엠 신데렐라 프로젝트 광고 포스터 디자인
  • 아산엠 웹페이지 메인~서브 디자인
  • 포토콤 모델 보정 및 수정
  • 포토콤 졸업 앨범 기획 및 디자인
  • 포토콤 웹 페이지 디자인
박나경
  • 박나경
  • 현) 그린컴퓨터아카데미 인천캠퍼스 강사
  • 전) 색채 미술교육을 통한 정서지능향상 수업 연구
  • 전) 차병원 임상 미술치료 수료
  • PROJECT
  • 인하대학교 신소재 공학연구실 웹사이트 제작
  • 세리미용실 웹사이트 제작
  • 세렌컬렉션 웹사이트 제작
  • 미라큐브 메인플레셔
  • 방송통신대학교 이러닝 플레시 제작 플레셔
  • 영상포털사이트 큐박스 웹디자인 퍼블리싱
  • 그 외 다수 웹사이트100여개 제작.
정순범
  • 정순범
  • 현) 그린컴퓨터아카데미 인천캠퍼스 강사
  • 현) 국제 공인 컴퓨터 운용 자격 ICDL 국제 공인 강사
  • 현) 한국생산성본부 ITQ 공인강사
    ITQ 자격시험 감독 위원
  • 현) 한국생산성본부 GTQ 자격시험 감독 위원
  • 전) 덕성여자대학교, 한양대학교 출강
  • 전) 2010 공무원 정보화 경진 대회 지도 강사
  • 전) (주)한빛전산 교육지원팀
  • 전) Sun Microsystems(현재 오라클(Oracle))
    System Engineer
  • 전) 매쓰월드 기술팀장,웹사이트 개발 및 관리
  • 전) (주)진학플러스 기획팀장
    멀티미디어콘텐츠 및 사이트 개발
  • 전) (주)컴피알커뮤니케이션
  • 전) (주)삼보컴퓨터(현재 TG서비스) CS팀
  • PROJECT
  • Adobe ACA Visual Communication using
    Adobe Photoshop CS6
  • 웹디자인기능사
  • 그래픽기술자격 GTQ Photoshop
  • 사무자동화산업기사
  • 컴퓨터활용능력1급
  • 워드프로세서1급
  • 정보기술자격(ITQ)
  • 국제공인컴퓨터운용자격 ICDL
  • MOS Master 2010
  • 정보기기운용기능사
  • PC정비사1급
  • 네트워크관리사
  • 리눅스마스터
  • 인터넷정보검색사
  • Sun Microsystems SCJP Certified
  • 서울특별시 전자문서정보화(DRM) 프로젝트
    매쓰월드 웹사이트 개발
  • 멀티미디어콘텐츠 기획/제작
    (주)진학플러스 웹사이트 개발
  • 멀티미디어콘텐츠 제작
  • (주)컴피알커뮤니케이션 웹사이트 개발
  • 배진*
    배진*[NCS]인터렉티브웹디자인(별관)
  • 최혁*
    최혁*[NCS]인터렉티브웹디자인(별관)
  • 김혜*
    김혜*로네펠트 (홍차 홈페이지) 리뉴얼
  • 김*민
    김*민웹퍼블리셔&프론트앤드
포트폴리오 더 보기 +
  • 감사합니다^^전미*

    6개월 동안  수업해 주신  박지연 선생님,김수길 선생님, 송현태 선생님 정말 감사합니다^^
    세분 모두 전문분야가 조금씩 다르셔서  선생님 마다 배울점이 많았습니다.
    특히 처음 4개월동안 수고해주신 박지연 선생님 기본을 잘 알려주셔서 감사했어요~~ 그래서 다음 수업도 잘 이어갈수 있지 않았나 생각들어요 .
    기본을 알면 나머지는 배우는 사람들이 노력해야할 몫인것 같습니다^^

    좋은 강의 열어주신 그린컴퓨터 부천점에 감사드립니다^^
  • 박지연.김수길.송현태선생님감사합니다이수*

    세분다 친절하고 꼼꼼하게 알려주셔서
    전에몰랐던것들을 조금이나마  더  알게해주셔서 감사해요 
    기초 포토샵&일러스트  전혀몰랐는데 박지연 선생님이  기초부터 잘 가르쳐주신 덕분에  이제는 응용도할수있게되었어요 감사합니다~^^ 
    김수길선생님도 디자인부분으로 많은조언해주셔서 감사드리구 
    마지막선생님 송현태쌤덕에 반응형웹페이지도 만들게되어서 너무 감사드려요 짧게 배워서 아쉬웠습니당 
    세선생님들 수업진행방식이나 선생님들  수업진행   스타일에 전혀 불만없이 너~~~~~~~~~~무 잘배웠습니다 !
    감사드려요 ^^
  • 송현태 쌤  감사합니다~엄윤*

    쌤 진짜 감사했습니다. 비록 한 달 조금 안됐던 시간에 정말 많은 것을 꼼꼼히 배우고 학생들 한명씩 다 봐주시면서 피드백 해주신것이 너무 감사했어욤 지난 반년 수업듣는 것중에서 쌤이 3번 바꼈지만 선생님 수업이 가장 마음에 들었습니다. 감사합니다!
  • 김수경 강사님 감사합니다mu*

    초보자라  굉장히  힘들었지만  잘  이끌어주셔서  과정을  마쳤다고  생각합니다.
    수고하셨습니다. 감사합니다.
  • 웹디자인 재미있어요전상*

    웹디자인 과정을 배우고 잇는 데  선생님도 친절하시고 강의 도 재미있네요 
    디자인 배우고 싶으신 분이 있다면  적극  추천 드려요
수강후기 더 보기▶

그린이 추천하는 관련 교육과정

개강임박
그린컴퓨터아트학원 그린컴퓨터아카데미 (주)지아이티아카데미
  • 주소 : 인천광역시 부평구 부평동 549-6(부평대로 19-1) 신도시프라자B/D 6F, 9F, 10F 
  • 대표자 : 김상곤 
  • 사업자등록번호 : 472-85-00430 
  • 통신판매업신고 : 2013-인천부평-00369호 
  • 학원등록번호 : 인천북부 제 2016-1호 
  • COPYRIGHT GITACADEMY ALL RIGHTS RESERVED[수강료게시]
상담
문의
032-330-2111