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

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

    2016년 6월부터  12월까지  수강한 학생입니다 ㅎㅎ
    도형쌤   강 의를  들으면서  취업준비를 했는데 정말 많은 도움이 됐어요
    기본 포토샵이나 일러말고도  취업하고 나서 회사에서 많이 쓰는 프로그램이나 지식들을 많이 알려주셔서 
    지금 취업한 회사에서 200프로 활용하고 있습니다!
    어떤 분야도 마찬가지이겠지만 아이티분야는 정말 빠르게 새로운것을 배우지 않으면 따라잡기 힘든데
    트렌드에 뒤쳐지지 않게 끔 많이 알려주셨어요
    선생님 스스로도 계속 공부하시구요
    가장 좋은건 일방적인 수업이 아니라  학생들이 어떤것에 대해 질문하고 그게 새롭게 나온 기술이라면
    선생님도 알아보고 배워서 알기 쉽게끔 알려주십니다 ㅎㅎ 
    그래서 제가 여기서 포폴을 만들고 면접을 보러다닐때  정말 모든 회사에서 이렇게까지 잘 준비한 사람이 없었다며 엄청 칭찬들었어요 ㅎㅎㅎ
    떨어진 곳도 없었구요 . 많이 배우고 질문하고 준비를 해서인지 포폴 하나만 들고 갔는데도 자신감이 붙더라구요
    그리고 배움이나 포폴 외에 취업준비를 하는 마지막 한달때에  그린컴퓨터 취업지원실에서 많은 도움을 받았습니다!
    이력서나 자기소개서 제가 제일 약했던 부분인데  현숙쌤의 상담을  받으면서 어떤 곳에 취업해야하는지 잘 알수 있었어요
    형식적인 상담이 아니라 어떻게 자라왔는지 뭘 좋아하는지 제 장점 단점을 바로 집어주시고 자기소개서에 솔직하게만 써가면 엄청난 필력으로 첨삭해주셔요
    정말 돈주고 첨삭도 받는다는데..취업연계도 잘해주시고 자소서나 이력서도  꼼꼼히 봐주셔서 정말정말 도움이 많이 됐어요
    이렇게 수강끝나고 바로 취업해서 지금 2달 조금 넘게  회사다니고 있는데 ,제가 좋은 분들에게 배우고 많은 도움을 받아서  빠르게 취업할수 있었던게 아닐까 생각해요
    근무 쉬는중에  잠깐 쓰는거라 두서가 없지만 다시한번더 그린아카데미 선생님들에게 감사드리면며 글을 마칩니다 ^^
  • 디지털 컨버전스 프론트앤드 과정 이진영선생님 감사합니다 ^^오축*

    디자이너로 일하다 이직하기 위해서 과정을 들었습니다. 
    예전에 다른 학원도 많이 다녀봤는데 기초가 없어서 중도 포기한적이 몇번있었습니다. 
    이번에도 포기하게 될까봐 걱정이 많았는데 
    선생님이 기초 부터 천천히 알려주셔서 포기하지 않고 끝까지 수업을 들을수 있었고 
    포트폴리오도 3개까지 만들수 있었습니다. 
    모르는거 질문할때마다 선생님이 더 적극적으로 알려주시고 
    그리고 실무에 필요한 내용도 많이 알려주셨습니다. 
    수료후에 물어볼 선생님이 없어도 혼자 해결할수있게 방법도 알려주셔서 너무 좋았습니다. 
    4개월동안 너무 감사했습니다 ^^
    더 공부해야될게 많은데 재직자 반에서 또 선생님께 배울수 있었으면 좋겠습니다 ^^
  • 디지털 컨버전스 이진영 선생님 감사합니다.김수*

    학원에서 웹에 대해 기초부터 심화과정까지 꼼꼼히 배웠습니다,
    선생님께서는 모르시면 포기하지않고 끝까지 이해시켜주기 위해 계속 설명해 주셨습니다.
    그래서 이해가 어려운 부분도 모두 함께 이해하고 넘어갈 수 있었습니다,
    예제를 통해 쉽게 설명해 주시고 문제를 바로 해결해 주시는게 아니라 해결하실 수있도록 옆에서 지켜봐주고 차근차근 알려주셔서 좀 더 머리속에 남도록 가르쳐 주셨습니다.

    4.5개월동안 다양한 웹 언어를 좋은 선생님께  꼼꼼히 배운 거 같아 정말 감사합니다
    진영쌤 감사합니다 !
  • 남현빈 강사님 감사합니다.김리*

    5개월동안 수고많으셨습니다.
    감사합니다~!
  • 남현빈 강사님 감사합니다 ~엄지*

    5개월 동안 수고 많으셨습니다.
    감사합니다 ~!
    연락 자주 드리겠습니다.
수강후기 더 보기▶

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

개강임박
그린컴퓨터아트학원 그린컴퓨터아카데미 (주)지아이티아카데미
  • 주소 : 서울시 강남구 역삼동 815-4 만이빌딩 5층, 10층 
  • 대표자 : 김상곤 
  • 사업자등록번호 214-86-26812 
  • 통신판매업신고 강남13717호 
  • 학원등록번호 : 강남 제 1101호 
  • COPYRIGHT GITACADEMY ALL RIGHTS RESERVED[수강료게시]
상담
문의
02-3481-1005