SlideShare a Scribd company logo
1 of 7
Download to read offline
Sencha Architecture
      Review

             082303 장이현
Sencha Architecture 란?

                • 모바일 웹 어플리케이션 개발을 위
                  한 자바스크립트 프레임워크

                • 자바 스크립트, CSS, HTML 등 순수
                  웹 기술만으로 Native Look and
                  Feel 실현 가능

                • ExtJS 기반으로 ExtJS의 API 구조
                  와 문법 체계 계승
Sencha Architecture 의 특징

1. 방대하고 체계적인 API - 객체지향 설계기법으로 API가 체계적이고 논리적임

2. 스크립트 기반 - Ext   기반으로 이루어진 스크립트


3. HTML5 & CSS3 지원 - 플로그인 없이 멀티미디어 재생 가능

4. 향상된 터치 이벤트 - 터치 기반의 모바일 기기에 섬세한 터치 이벤트 지원

5. 폰과 태블릿 기기를 위한 프레임워크 - 태블릿 기기에서도 지원 가능

6. 높은 자유도 - 다양한 형태의 UI 개발 가능
Sencha Architecture Review




         깔끔한 인터페이스와 시각적 아이콘 제공
Sencha Architecture Review


                  드래그 & 드롭




        Canvas로 드래그 하여 쉽게 원하는 기능 추가
Sencha Architecture Review




   디자인보기와 코드보기를 한번의 클릭으로 편리하게 사용 가능
Sencha Architecture 의 장단점

장점                   단점
• 초보자를 위한 가이드 제공      • 처음 접했을 경우 생소함

• 깔끔한 UI와 시각적인 아이콘으   • 한글 지원 X
  로 사용하기 편리함
                      • 키보드 조절 X
• 손쉬운 드래그 & 드롭 방식       ( 마우스를 통해 Delete)

• 디자인과 코드 전환의 용이

• 다양한 device 적용 가능

More Related Content

Viewers also liked

그리스 건축양식
그리스 건축양식그리스 건축양식
그리스 건축양식Dahae Kim
 
212140018이진희 주택설계 ppt
212140018이진희 주택설계 ppt212140018이진희 주택설계 ppt
212140018이진희 주택설계 ppt2jinee
 
[멘토링] 건축공학부 소개 PPT
[멘토링] 건축공학부 소개 PPT[멘토링] 건축공학부 소개 PPT
[멘토링] 건축공학부 소개 PPTInhye Lee
 
모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정Kenu, GwangNam Heo
 
지도 서비스용 웹앱 개발환경 사용기
지도 서비스용 웹앱 개발환경 사용기지도 서비스용 웹앱 개발환경 사용기
지도 서비스용 웹앱 개발환경 사용기Q-Young Lee
 
수업환경 구축 - 웹데이터베이스 구축 밀 실습
수업환경 구축 - 웹데이터베이스 구축 밀 실습수업환경 구축 - 웹데이터베이스 구축 밀 실습
수업환경 구축 - 웹데이터베이스 구축 밀 실습Yoonwhan Lee
 
미야자키하야오
미야자키하야오미야자키하야오
미야자키하야오ljh606
 
REST Ovewview
REST OvewviewREST Ovewview
REST OvewviewTerry Cho
 
Roma
RomaRoma
RomaEUKP
 
Servlet Architecture
Servlet ArchitectureServlet Architecture
Servlet ArchitectureJU Chae
 
실무자를 위한 ExtJS 엔터프라이즈 개발 노하우
실무자를 위한  ExtJS  엔터프라이즈 개발 노하우실무자를 위한  ExtJS  엔터프라이즈 개발 노하우
실무자를 위한 ExtJS 엔터프라이즈 개발 노하우미래웹기술연구소 (MIRAE WEB)
 
모더니즘하이테크 212140039-이하나_212140042_이현지_212140044_윤정은[1]
모더니즘하이테크  212140039-이하나_212140042_이현지_212140044_윤정은[1]모더니즘하이테크  212140039-이하나_212140042_이현지_212140044_윤정은[1]
모더니즘하이테크 212140039-이하나_212140042_이현지_212140044_윤정은[1]yje895
 
212140041 김한솔 212140054 김선효
212140041 김한솔 212140054 김선효212140041 김한솔 212140054 김선효
212140041 김한솔 212140054 김선효khsol851
 
213140037-김지은_수시과제
213140037-김지은_수시과제213140037-김지은_수시과제
213140037-김지은_수시과제zldnlwldms
 
50 70 post vanguardias 2015
50 70 post vanguardias 201550 70 post vanguardias 2015
50 70 post vanguardias 2015Rosana Leonardi
 
13185301강미정
13185301강미정13185301강미정
13185301강미정미정 강
 

Viewers also liked (20)

그리스 건축양식
그리스 건축양식그리스 건축양식
그리스 건축양식
 
212140018이진희 주택설계 ppt
212140018이진희 주택설계 ppt212140018이진희 주택설계 ppt
212140018이진희 주택설계 ppt
 
[멘토링] 건축공학부 소개 PPT
[멘토링] 건축공학부 소개 PPT[멘토링] 건축공학부 소개 PPT
[멘토링] 건축공학부 소개 PPT
 
Grecia 2015
Grecia 2015Grecia 2015
Grecia 2015
 
모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정
 
지도 서비스용 웹앱 개발환경 사용기
지도 서비스용 웹앱 개발환경 사용기지도 서비스용 웹앱 개발환경 사용기
지도 서비스용 웹앱 개발환경 사용기
 
수업환경 구축 - 웹데이터베이스 구축 밀 실습
수업환경 구축 - 웹데이터베이스 구축 밀 실습수업환경 구축 - 웹데이터베이스 구축 밀 실습
수업환경 구축 - 웹데이터베이스 구축 밀 실습
 
미야자키하야오
미야자키하야오미야자키하야오
미야자키하야오
 
외면내면
외면내면외면내면
외면내면
 
서울사람들 최종
서울사람들 최종서울사람들 최종
서울사람들 최종
 
REST Ovewview
REST OvewviewREST Ovewview
REST Ovewview
 
Roma
RomaRoma
Roma
 
Servlet Architecture
Servlet ArchitectureServlet Architecture
Servlet Architecture
 
HTML5 와 미래웹기술 part 2
HTML5 와 미래웹기술 part 2HTML5 와 미래웹기술 part 2
HTML5 와 미래웹기술 part 2
 
실무자를 위한 ExtJS 엔터프라이즈 개발 노하우
실무자를 위한  ExtJS  엔터프라이즈 개발 노하우실무자를 위한  ExtJS  엔터프라이즈 개발 노하우
실무자를 위한 ExtJS 엔터프라이즈 개발 노하우
 
모더니즘하이테크 212140039-이하나_212140042_이현지_212140044_윤정은[1]
모더니즘하이테크  212140039-이하나_212140042_이현지_212140044_윤정은[1]모더니즘하이테크  212140039-이하나_212140042_이현지_212140044_윤정은[1]
모더니즘하이테크 212140039-이하나_212140042_이현지_212140044_윤정은[1]
 
212140041 김한솔 212140054 김선효
212140041 김한솔 212140054 김선효212140041 김한솔 212140054 김선효
212140041 김한솔 212140054 김선효
 
213140037-김지은_수시과제
213140037-김지은_수시과제213140037-김지은_수시과제
213140037-김지은_수시과제
 
50 70 post vanguardias 2015
50 70 post vanguardias 201550 70 post vanguardias 2015
50 70 post vanguardias 2015
 
13185301강미정
13185301강미정13185301강미정
13185301강미정
 

Similar to 082303 장이현(sencha architecture)

Sencha architect 체험기
Sencha architect 체험기Sencha architect 체험기
Sencha architect 체험기천 세욱
 
Bootstrap 살펴보기
Bootstrap 살펴보기Bootstrap 살펴보기
Bootstrap 살펴보기영배 현
 
차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"Changhwan Yi
 
소프트웨어 개발 트랜드 및 MSA (마이크로 서비스 아키텍쳐)의 이해
소프트웨어 개발 트랜드 및 MSA (마이크로 서비스 아키텍쳐)의 이해소프트웨어 개발 트랜드 및 MSA (마이크로 서비스 아키텍쳐)의 이해
소프트웨어 개발 트랜드 및 MSA (마이크로 서비스 아키텍쳐)의 이해Terry Cho
 
[Sencha 엔터프라이즈 웹애플리케이션 세미나] MVC 아키텍트를 적용한 모니터링 관제시스템 구축 _인젠트
[Sencha 엔터프라이즈 웹애플리케이션 세미나] MVC 아키텍트를 적용한 모니터링 관제시스템 구축 _인젠트[Sencha 엔터프라이즈 웹애플리케이션 세미나] MVC 아키텍트를 적용한 모니터링 관제시스템 구축 _인젠트
[Sencha 엔터프라이즈 웹애플리케이션 세미나] MVC 아키텍트를 적용한 모니터링 관제시스템 구축 _인젠트미래웹기술연구소 (MIRAE WEB)
 
NAVER TECH CONCERT_FE2019_플랫폼 UI 개발 전략의 모든 것
NAVER TECH CONCERT_FE2019_플랫폼 UI 개발 전략의 모든 것NAVER TECH CONCERT_FE2019_플랫폼 UI 개발 전략의 모든 것
NAVER TECH CONCERT_FE2019_플랫폼 UI 개발 전략의 모든 것NAVER Engineering
 
Microservice Architecture
Microservice ArchitectureMicroservice Architecture
Microservice ArchitectureYoonsung Jung
 
6. nexcore alopex runtime
6. nexcore alopex runtime6. nexcore alopex runtime
6. nexcore alopex runtimeJinKyoungHeo
 
하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)Changhwan Yi
 
Sencha architect
Sencha architectSencha architect
Sencha architectkiller31z
 
[141]지난 1년간의 웨일 브라우저와 그 미래 (부제: 제품 매니저가 들려주는 생생한 기술/제품 이야기)
[141]지난 1년간의 웨일 브라우저와 그 미래 (부제: 제품 매니저가 들려주는 생생한 기술/제품 이야기)[141]지난 1년간의 웨일 브라우저와 그 미래 (부제: 제품 매니저가 들려주는 생생한 기술/제품 이야기)
[141]지난 1년간의 웨일 브라우저와 그 미래 (부제: 제품 매니저가 들려주는 생생한 기술/제품 이야기)NAVER D2
 
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표ChangGyum Kim
 
3. 마이크로 서비스 아키텍쳐
3. 마이크로 서비스 아키텍쳐3. 마이크로 서비스 아키텍쳐
3. 마이크로 서비스 아키텍쳐Terry Cho
 
성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론 성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론 Unbong Kang
 
Citrine소개서
Citrine소개서Citrine소개서
Citrine소개서logeo
 

Similar to 082303 장이현(sencha architecture) (20)

Sencha architect 체험기
Sencha architect 체험기Sencha architect 체험기
Sencha architect 체험기
 
Architect
ArchitectArchitect
Architect
 
모바일환경과 개발방향
모바일환경과 개발방향 모바일환경과 개발방향
모바일환경과 개발방향
 
Bootstrap 살펴보기
Bootstrap 살펴보기Bootstrap 살펴보기
Bootstrap 살펴보기
 
미래웹기술연구소는 왜 Sencha 를 채택하였는가?
미래웹기술연구소는 왜 Sencha 를 채택하였는가?미래웹기술연구소는 왜 Sencha 를 채택하였는가?
미래웹기술연구소는 왜 Sencha 를 채택하였는가?
 
차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"
 
소프트웨어 개발 트랜드 및 MSA (마이크로 서비스 아키텍쳐)의 이해
소프트웨어 개발 트랜드 및 MSA (마이크로 서비스 아키텍쳐)의 이해소프트웨어 개발 트랜드 및 MSA (마이크로 서비스 아키텍쳐)의 이해
소프트웨어 개발 트랜드 및 MSA (마이크로 서비스 아키텍쳐)의 이해
 
[Sencha 엔터프라이즈 웹애플리케이션 세미나] MVC 아키텍트를 적용한 모니터링 관제시스템 구축 _인젠트
[Sencha 엔터프라이즈 웹애플리케이션 세미나] MVC 아키텍트를 적용한 모니터링 관제시스템 구축 _인젠트[Sencha 엔터프라이즈 웹애플리케이션 세미나] MVC 아키텍트를 적용한 모니터링 관제시스템 구축 _인젠트
[Sencha 엔터프라이즈 웹애플리케이션 세미나] MVC 아키텍트를 적용한 모니터링 관제시스템 구축 _인젠트
 
NAVER TECH CONCERT_FE2019_플랫폼 UI 개발 전략의 모든 것
NAVER TECH CONCERT_FE2019_플랫폼 UI 개발 전략의 모든 것NAVER TECH CONCERT_FE2019_플랫폼 UI 개발 전략의 모든 것
NAVER TECH CONCERT_FE2019_플랫폼 UI 개발 전략의 모든 것
 
Microservice Architecture
Microservice ArchitectureMicroservice Architecture
Microservice Architecture
 
6. nexcore alopex runtime
6. nexcore alopex runtime6. nexcore alopex runtime
6. nexcore alopex runtime
 
하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)
 
Sencha architect
Sencha architectSencha architect
Sencha architect
 
Sencha architect
Sencha architectSencha architect
Sencha architect
 
[141]지난 1년간의 웨일 브라우저와 그 미래 (부제: 제품 매니저가 들려주는 생생한 기술/제품 이야기)
[141]지난 1년간의 웨일 브라우저와 그 미래 (부제: 제품 매니저가 들려주는 생생한 기술/제품 이야기)[141]지난 1년간의 웨일 브라우저와 그 미래 (부제: 제품 매니저가 들려주는 생생한 기술/제품 이야기)
[141]지난 1년간의 웨일 브라우저와 그 미래 (부제: 제품 매니저가 들려주는 생생한 기술/제품 이야기)
 
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
 
3. 마이크로 서비스 아키텍쳐
3. 마이크로 서비스 아키텍쳐3. 마이크로 서비스 아키텍쳐
3. 마이크로 서비스 아키텍쳐
 
성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론 성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론
 
Sencha ExtJS를 활용한 Big Data Platform 개발 사례
Sencha ExtJS를 활용한 Big Data Platform 개발 사례 Sencha ExtJS를 활용한 Big Data Platform 개발 사례
Sencha ExtJS를 활용한 Big Data Platform 개발 사례
 
Citrine소개서
Citrine소개서Citrine소개서
Citrine소개서
 

082303 장이현(sencha architecture)

  • 1. Sencha Architecture Review 082303 장이현
  • 2. Sencha Architecture 란? • 모바일 웹 어플리케이션 개발을 위 한 자바스크립트 프레임워크 • 자바 스크립트, CSS, HTML 등 순수 웹 기술만으로 Native Look and Feel 실현 가능 • ExtJS 기반으로 ExtJS의 API 구조 와 문법 체계 계승
  • 3. Sencha Architecture 의 특징 1. 방대하고 체계적인 API - 객체지향 설계기법으로 API가 체계적이고 논리적임 2. 스크립트 기반 - Ext 기반으로 이루어진 스크립트 3. HTML5 & CSS3 지원 - 플로그인 없이 멀티미디어 재생 가능 4. 향상된 터치 이벤트 - 터치 기반의 모바일 기기에 섬세한 터치 이벤트 지원 5. 폰과 태블릿 기기를 위한 프레임워크 - 태블릿 기기에서도 지원 가능 6. 높은 자유도 - 다양한 형태의 UI 개발 가능
  • 4. Sencha Architecture Review 깔끔한 인터페이스와 시각적 아이콘 제공
  • 5. Sencha Architecture Review 드래그 & 드롭 Canvas로 드래그 하여 쉽게 원하는 기능 추가
  • 6. Sencha Architecture Review 디자인보기와 코드보기를 한번의 클릭으로 편리하게 사용 가능
  • 7. Sencha Architecture 의 장단점 장점 단점 • 초보자를 위한 가이드 제공 • 처음 접했을 경우 생소함 • 깔끔한 UI와 시각적인 아이콘으 • 한글 지원 X 로 사용하기 편리함 • 키보드 조절 X • 손쉬운 드래그 & 드롭 방식 ( 마우스를 통해 Delete) • 디자인과 코드 전환의 용이 • 다양한 device 적용 가능