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

센차터치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
  • 신동수
  • 신윤철
  • 이진영
  • 정서경
  • 김민정
  • 남현빈
  • 박석호
  • 안효정
  • 원혜종
  • 이신협
  • 이혁주
  • 임민재
  • 강한구
  • 김용신
  • 김수경
  • 박태홍
신동수
  • 신동수
  • 현) 그린컴퓨터아카데미 강사
  • 전) 계원디자인예술대학 외래교수
  • 전) 이화여자대학교 디자인학부 전공강사
  • 전) 한국산업인력공단 훈련기준 개발 전문위원
  • 전) 올포칩미디어 UX 팀장
  • 전) 오렌지씨씨 멀티미디어 팀장
  • PROJECT
  • 직업훈련교사 3급(정보처리)
  • 직업훈련교사 3급(멀티미디어)
  • 멀티미디어컨텐츠제작전문가
  • 웹디자인기능사
  • 삼성엔지니어링
  • 대림 e 편한세상
  • CJ 브랜드 사이트
  • 하이모
  • 세종병원 사이트 외 다수
신윤철
  • 신윤철
  • 현) 그린컴퓨터아카데미 강사
  • 현)옵티안 대표
  • PROJECT
  • 2016 인천국제공항공사 웹진 제작
  • 쇼핑몰 홈페이지 제작
  • 기업 홈페이지 제작
  • 디자인 전문기업 홈페이지 제작
  • 프렌차이즈 홈페이지 제작
  • 2015 한국마사회 웹진
  • 국회의원 홈페이지 제작
  • 자동차 튜닝회사 홈페이지 제작
  • 마케팅 기업 홈페이지 제작
  • 다국어 홈페이지 제작
  • 커뮤니티 홈페이지 제작
  • 웹진형 블로그 홈페이지 제작
  • 2014 언론사 사이트 및 관리페이지 구축 및 관리
  • 온라인게임 홍보 사이트 제작
  • 주한호주대사관 한국학생회 커뮤니티 사이트 제작
  • 교육기업 홈페이지 제작
  • 연예기획사 홈페이지 제작
  • 도미니카공화국 관광청 사이트
  • 공연기획 기업 홈페이지 제작
  • 2013 사회적기업 홈페이지 제작
  • 스튜디오 홈페이지 제작
이진영
  • 이진영
  • 현) 그린컴퓨터아카데미 강사
  • 현) IT 컨설턴트/ IT 교육 전문강사
  • 현) Interactive Web Developer
  • 전) FreeMConsulting 책임 컨설턴트
  • PROJECT
  • 마이크로소프트 Windows 8 및 IE 10 호환성 지원
  • 삼성전자 해외 법무 현황판 구축
  • 삼성전자 VD 사업부 Automated Test Hub 시스템 구축
  • LG전자 HE SCM PI 그룹 현황판 구축
  • LG전자 SCM 사업부 Framework 2.0 속도개선 프로젝트 진행
  • 월드비전 웹 통합시스템 구축
  • 롯데호텔 객실관리(TPAX ― Touch Panel System)개발
정서경
  • 정서경
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 세계무역센터 인포텍(주) ― 팀장
  • 전) (주)드림원
    (소니 회사내 홈페이지와 한국화장품 이뎀)
  • 전) (주)삼성패션연구소
    (프리랜서―일러스트 작업, 프리젠테이션, 그래픽작업등)
  • (주)전) 아이에프네트워크
김민정
  • 김민정
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) (주) 타임라인 CG.그래픽팀
  • 전) 상상미디어 미디어아트팀
  • 전) 핑크스푼 아트디렉터
  • PROJECT
  • tvN 생방송’런닝9’ 연출
  • MBC ‘고향을 부탁해’, 삼척MBC’동네방네’, 극동TV ‘맛있는 책’,’거문고’타이틀 제작
  • MBC 스페셜, SBS 스페셜. SBS’생활과 경제’,패션TV’스위트룸’, FoodTV’양지훈의 더 팔레트’, 경기도 광주시청 ‘광주8경’등 다수 영상디자인
  • ㈜에듀박스,㈜마루 솔루션 홍보자료&홍보영상 제작
  • 롯데백화점, 강동구청 홍보영상 등 제작
  • 쇼핑몰 '블링룩' 대표
  • GTQ 1급
남현빈
  • 남현빈
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) ㈜네번째그림 웹디자이너
    (웹기획, 웹퍼블리셔, 플래셔)
  • 전) 기업체 출강교육 / 전문대학 출강
  • 전) 프리랜서 플래시 액션스크립터
    (all flash 사이트 제작/광고 제작)
  • 전) 웹사이트 제작
    (기업,공공기관,교육기관,요식업,보드샵,음악학원 등)
  • 전) 모바일 웹&앱 프로젝트 / 프로모션 사이트
    (안드로이드/아이폰)
  • PROJECT
  • 정보처리 산업 기사
  • 웹디자인 기능사
  • 직업능력개발훈련교사(멀티미디어3급)
  • 직업능력개발훈련교사(정보처리3급)
  • 직업능력개발훈련교사(산업디자인3급)
  • 직업능력개발훈련교사(사무자동화3급)
박석호
  • 박석호
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) (주)이에이에스피 기업개발팀 차장
  • 전) (주)인타시스템 기업시스템개발팀 과장
  • 전) (주)디지투올 개발팀
  • PROJECT
  • (주)호주화이자제약― NCSM 시스템 개발 및 유지보수,PSAVER 시스템 개발
  • (주)한국화이자제약― 모바일오피스시스템 개발,마케팅 KMS 문서관리 시스템구축,전자결재시스템 구축
  • (주)동국제강― 동국제강포탈스시템개발
  • (주)오토에버시스템즈― 문서관리시스템 구축
  • 질병관리본부― 질병추적시스템 구축
안효정
  • 안효정
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) DAZZCompany 시스템엔지니어 및 개발팀 과장
  • PROJECT
  • 아이폰게임개발사창업(PPstudio)
  • 애플앱스토어에 3개의 게임출시(미국앱스토어)
  • 아이패드용 전자잡지프로젝트 기획/개발
  • 아이패드용 멀티미디어북(3D동화책) 기획/개발
  • 아이폰게임 개발(프로그래밍지원―인공지능/그래픽담당)
  • 충무로 미술관용 전자잡지 프로젝트기획/프로그래밍 지원
  • 아이패드용 인터랙티브북 기획/프로그래밍 (동화책)
  • 아이폰/아이폰게임개발 인터넷강의 자료제작
  • 엣지 애니메이트 CC 더 쉽게 배우기 공동저자
  • 코드원(Code―ONE) 시스템엔지니어 및 개발팀 팀장
  • 여러 기업 및 개인용 소프트웨어 개발 및 안드로이드 앱 개발
  • 홈페이지 구축 및 온라인 시스템 구축
  • 전산망 구축사업 설계 및 프로젝트 매니저로 활동
원혜종
  • 원혜종
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 현) 이도트 웹에이전시 웹서비스 퍼블리싱
  • 현) 지앤아트 디자인팀 디렉터
이신협
  • 이신협
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 이빌드 개발실장
이혁주
  • 이혁주
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) M디자인 웹 퍼블리싱 팀장
  • 전) N솔루션 웹 퍼블리셔
임민재
  • 임민재
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 현) DAZZCompany 연구팀 차장
  • 전) CODE―ONE 개발팀 과장
  • 전) COUZLE―IT 연구개발팀 과장
  • 전) 우연EDNC 디자인팀
  • 전) 한국설계사무소 기획팀
  • 전) 매치앤피스 연구팀대리
  • 전) 네크식스 연구팀대리
  • 전) 경민대학교프로그래밍(c언어/c++)출강
  • 전) 삼육대학교 프로그래밍언어 출강
  • 전) 대원외고 그래픽디자인 관련 출강
  • PROJECT
  • 엣지 애니메이트 CC 더 쉽게 배우기 공동저자
  • 다수기업 웹접근성 준수 및 반응형 페이지 하드코딩을 통한
    재설계 및 제작
  • 사이베이스 페이지 반응형 구축
  • e―learning(이러닝) 시스템 프론트, 백엔드 페이지 기획& 개발
  • 세븐레이어스 웹 기획 및 구축
  • 한국원자력재단 디자인 기획
  • 네크식스 다수 Community Web site 반응형 제작
  • 매치앤피스 반응형 Site제작
  • 한방다이어트 페이지 웹접근성 제작
  • 다수기업 및 개인용 소프트웨어 개발 하이브리드앱 개발, 홈페이지 구축 및 온라인 시스템 구축
강한구
  • 강한구
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 프리랜서 프론트 개발자
  • 전) 에이전시 프론트단 선임
  • PROJECT
  • 2013)KEPCO 홍보워드프레스페이지
  • 2013)KISA(한국인터넷진흥원)개인정보관리사이트
  • 2013)육군블로그사이트
  • 2013)AMOJE 외식사업 푸드시스템
  • 2012)NIA(한국정보화진흥원)개인정보관리사이트
  • 2012)YoungELS(금융사이트)
  • 2012)미쉐린코리아
  • 2011)한국직업학원 및 개인사이트 리뉴얼
김용신
  • 김용신
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 더존 인터넷 대표
  • 전) 명문프린텍 웹디자이너
  • 전) 진소프트 디자인 팀장
  • 전) 기준 INTERNATIONAL 웹개발 팀장
  • 전) (주)T―forus 웹개발 팀장
  • PROJECT
  • 웹디자인 기능사
  • ACA(Adobe Certified Associate) Photoshop
  • 국가직무능력표준(NCS) 훈련과정 편성 수료
  • 자동차 부품 수출업체 위고 LTD
  • 원룸텔 원스룸
  • 허브티 한국총판
  • 사단법인 행복문화인
  • 한나라당 웹진 관리
  • (주)티포러스 웹사이트 구축
김수경
  • 김수경
  • 현) 그린컴퓨터아카데미 강사
  • 전) (주)비비안 디자이너 근무
  • 전) (주) Haram Corporation 디자이너근무
  • PROJECT
  • 한국폴리텍대학교 스마트컨텐츠전문가과정
  • 한국디지털기업협회 UI/UX기반웹퍼블리셔양성과정
  • 동일여자고등학교웹디자인기능사과정
    웹퍼블리셔과정
박태홍
  • 박태홍
  • 현) 그린컴퓨터아카데미 강사
  • 현) 옵티안 실장
  • PROJECT
  • 2016 구글지도기반의 multi―locator라이브러리 개발
    게시판 페이지네이션 Ajax 라이브러리 개발
  • 워드프레스 쇼핑몰 제작
  • 디자인 전문기업 홈페이지 제작
  • 컨설팅회사 홈페이지 제작
  • 안경프랜차이즈 홈페이지제작
  • 2015 자동차튜닝회사 홈페이지제작
  • 고용노동부웹진 블로그홈페이지 제작
    게시판 데이터베이트 마이그레이션 및 수정
  • KT파워텔 홈페이지 리뉴얼 (웹기획)
  • 2014 주한호주대사관 한국학생회 커뮤니티사이트제작
  • ㈜투어이천 자유여행사이트 리뉴얼 웹기획
  • 온라인게임업체 론칭프로모션 페이지제작
  • 재회전문 홈페이지 제작
  • 워드프레스 결제시스템 연동 개발
  • 2013 ㈜투어이천 자유여행사이트 리뉴얼
  • 2012 하나투어 프로모션 페이지 기획 및 대리점 홈페이지 제작
  • 2009 온라인광고분석 솔루션
  • 2008 야후 글로벌거기
    웹지도기반 광고모델 기획 및 운영
  • 야후 공식 서베이 블로그 론칭
  • 김정*
    김정*소마미술관 리뉴얼
  • 양미*
    양미*웹퍼블리싱프론트엔드디자인
  • 박수*
    박수*[NCS] 스마트모바일앱&웹디자인과정
  • 포트폴리오프론트엔드개발자
포트폴리오 더 보기 +
  • 웹디자인 재미있어요전상*

    웹디자인 과정을 배우고 잇는 데  선생님도 친절하시고 강의 도 재미있네요 
    디자인 배우고 싶으신 분이 있다면  적극  추천 드려요
  • 잘배웠습니다.우대*

    약 5개월간  잘 가르쳐 주신 이광호 강사님께 감사드립니다.
    체계적으로 잘 가르쳐 주신 덕분에 많은 도움이 되었으며 어려웠지만 포기하지 않고 
    마무리를 할수 있었던것 같습니다. 
    부족한 점이 아직 많지만 보내주신 자료들 참고하여 계속 공부해 나가겠습니다.
    잘 배웠구 고생하셨습니다. ^^
  • 하드코딩 굳굳 입니다이승*

    좀더 전문적인 지식을 잘 배워 너무 좋습니다! 특히 하드코딩으로 배워 더 좋네요~
  • 박은숙 강사님 감사합니다~^^전이*

    처음  접하는 분야이고  무언가 배운지 오래되서 걱정되고 겁도 났는데  선생님의 도움 덕분에  재밌게 배우고 잘 마무리 된것 같습니다 .
    전혀 모르는 수강생에게도 친절하고 자세한  재설명도 해주셔서 부담없이  배울수 있었습니다~
    저같이 처음 배우시는 분들 걱정없이 선생님 강의 신청하셔도 좋으실거에요~
    앞으로도 좋은 강의 부탁 드려요~^^
  • 만족스러운 과정이였습니다jj*

    수업내용도 전반적으로 만족스러웠고 한가지 아쉬운점은 컴퓨터가 조금 좋지않았다는 점입니다
수강후기 더 보기▶

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

개강임박
그린컴퓨터아트학원 그린컴퓨터아카데미 (주)지아이티아카데미
  • 주소 : 서울시 강남구 역삼동 815-4(강남대로 428) 만이빌딩 5층, 10층 / 서울시 강남구 역삼동 649-14(테헤란로 119) 대호빌딩 8층 
  • 대표자 : 김상곤 
  • 사업자등록번호 : 220-85-40447 
  • 통신판매업신고 : 2013-서울강남-01429호 
  • 학원등록번호 : 제 5135호 
  • COPYRIGHT GITACADEMY ALL RIGHTS RESERVED[수강료게시]
상담
문의
02-3481-1005