SlideShare ist ein Scribd-Unternehmen logo
1 von 9
Sencha architect 사용기




                  김현민
Sencha architect 2.0




• 하이브리드 웹앱을 보다 쉽게 작성 할 수 있는 개발
  도구

• 방대한 UI와 기능으로 보다 편리하게 코딩가능
초기화면

       • 기본적으로 구매하여
         사용 가능하지만, 30
         일 간 무료사용 가능

       • Ext JS 와 Sencha
         Touch로 프로그래밍
실행화면                    디자인 코딩
         기능창             전환창




                          배치순서


          디자인 화면




디자인 도구
  모음



               사이즈 변환
Simple!




          툴박스에서 자신이 원하는 디자인
          을 선택하여 드래그하여 코딩가능
Simple!        Code 버튼으로 완성된
               디자인의 코드 확인가능




          URL 필드 완성!
Simple!



          단순히 드래그를 통해 디자인
          한 URL 필드가 코딩되어 있음
연습화면
의견
• 수많은 UI와 드래그를 통한 프로그래밍은 조
  금 더 친숙하게 프로그래밍 환경을 만들어줌.

• 상당히 편리하게 만든 개발툴이지만, 현재 정
  보의 부족으로 장벽은 결코 낮지만은 않아 보
  임.

• 기본적인 UI의 편리함은 의심의 여지가 없으
  나, 세밀한 부분의 개선이 필요(삭제 등의 불
  편함)

Weitere ähnliche Inhalte

Was ist angesagt?

1.openseminar
1.openseminar1.openseminar
1.openseminar
NAVER D2
 
JavaScript 프레임워크 살펴보기
JavaScript 프레임워크 살펴보기JavaScript 프레임워크 살펴보기
JavaScript 프레임워크 살펴보기
항희 이
 
JavaScript MEAN 스택
JavaScript MEAN 스택JavaScript MEAN 스택
JavaScript MEAN 스택
Tai Hoon KIM
 
JavaScript 2014 프론트엔드 기술 리뷰
JavaScript 2014 프론트엔드 기술 리뷰JavaScript 2014 프론트엔드 기술 리뷰
JavaScript 2014 프론트엔드 기술 리뷰
Kenu, GwangNam Heo
 
Sencha 사용후기
Sencha 사용후기Sencha 사용후기
Sencha 사용후기
ehffuhoi
 
[D2 오픈세미나]4.진보된개발환경 주우영
[D2 오픈세미나]4.진보된개발환경 주우영[D2 오픈세미나]4.진보된개발환경 주우영
[D2 오픈세미나]4.진보된개발환경 주우영
NAVER D2
 

Was ist angesagt? (20)

Sencha ExtJS를 활용한 Big Data Platform 개발 사례
Sencha ExtJS를 활용한 Big Data Platform 개발 사례 Sencha ExtJS를 활용한 Big Data Platform 개발 사례
Sencha ExtJS를 활용한 Big Data Platform 개발 사례
 
HTML5 기업 적용시 고려사항 : 미래웹기술연구소
HTML5 기업 적용시 고려사항 : 미래웹기술연구소 HTML5 기업 적용시 고려사항 : 미래웹기술연구소
HTML5 기업 적용시 고려사항 : 미래웹기술연구소
 
HTML5 와 미래웹기술 part 2
HTML5 와 미래웹기술 part 2HTML5 와 미래웹기술 part 2
HTML5 와 미래웹기술 part 2
 
1.openseminar
1.openseminar1.openseminar
1.openseminar
 
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
 
JavaScript 프레임워크 살펴보기
JavaScript 프레임워크 살펴보기JavaScript 프레임워크 살펴보기
JavaScript 프레임워크 살펴보기
 
[토크아이티] 프런트엔드 개발 시작하기 저자 특강
[토크아이티] 프런트엔드 개발 시작하기 저자 특강 [토크아이티] 프런트엔드 개발 시작하기 저자 특강
[토크아이티] 프런트엔드 개발 시작하기 저자 특강
 
JavaScript MEAN 스택
JavaScript MEAN 스택JavaScript MEAN 스택
JavaScript MEAN 스택
 
[D2 오픈세미나]1.무한스크롤성능개선
[D2 오픈세미나]1.무한스크롤성능개선[D2 오픈세미나]1.무한스크롤성능개선
[D2 오픈세미나]1.무한스크롤성능개선
 
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
 
Web Framework (웹 프레임워크)
Web Framework (웹 프레임워크)Web Framework (웹 프레임워크)
Web Framework (웹 프레임워크)
 
JavaScript 2014 프론트엔드 기술 리뷰
JavaScript 2014 프론트엔드 기술 리뷰JavaScript 2014 프론트엔드 기술 리뷰
JavaScript 2014 프론트엔드 기술 리뷰
 
W3C 온라인 트레이닝 한국어과정
W3C 온라인 트레이닝 한국어과정W3C 온라인 트레이닝 한국어과정
W3C 온라인 트레이닝 한국어과정
 
반응형 웹 기술 이해 V.2
반응형 웹 기술 이해 V.2반응형 웹 기술 이해 V.2
반응형 웹 기술 이해 V.2
 
Sencha 사용후기
Sencha 사용후기Sencha 사용후기
Sencha 사용후기
 
HTML5 와 미래웹기술 part 1
HTML5 와 미래웹기술 part 1HTML5 와 미래웹기술 part 1
HTML5 와 미래웹기술 part 1
 
[D2 오픈세미나]4.진보된개발환경 주우영
[D2 오픈세미나]4.진보된개발환경 주우영[D2 오픈세미나]4.진보된개발환경 주우영
[D2 오픈세미나]4.진보된개발환경 주우영
 
모바일웹Ui개발 저자세미나 0부
모바일웹Ui개발 저자세미나 0부모바일웹Ui개발 저자세미나 0부
모바일웹Ui개발 저자세미나 0부
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
HTML5 & Hybrid App Trends
HTML5 & Hybrid App TrendsHTML5 & Hybrid App Trends
HTML5 & Hybrid App Trends
 

Andere mochten auch

093908 정유경 센차
093908 정유경 센차093908 정유경 센차
093908 정유경 센차
dbrud1227
 
Sng gamification copycat 정유경
Sng gamification copycat 정유경Sng gamification copycat 정유경
Sng gamification copycat 정유경
dbrud1227
 
211140047 김율정
211140047 김율정211140047 김율정
211140047 김율정
Youljung Kim
 
16.하이테크211140070전현주
16.하이테크211140070전현주16.하이테크211140070전현주
16.하이테크211140070전현주
hyeonnn
 
212140061박고은212140065이희은 (주거)
212140061박고은212140065이희은 (주거)212140061박고은212140065이희은 (주거)
212140061박고은212140065이희은 (주거)
Koeun Park
 
Real ux conceptmodel_baedonghee
Real ux conceptmodel_baedongheeReal ux conceptmodel_baedonghee
Real ux conceptmodel_baedonghee
Donghee Bae
 
207140040 서혜주
207140040 서혜주207140040 서혜주
207140040 서혜주
littlechi
 

Andere mochten auch (20)

Sencha ExtJS 5 와 Sencha Architect 3 를 활용한 엔터프라이즈 솔루션 개발사례
Sencha ExtJS 5 와 Sencha Architect 3 를 활용한 엔터프라이즈 솔루션 개발사례Sencha ExtJS 5 와 Sencha Architect 3 를 활용한 엔터프라이즈 솔루션 개발사례
Sencha ExtJS 5 와 Sencha Architect 3 를 활용한 엔터프라이즈 솔루션 개발사례
 
Sencha architect 체험기
Sencha architect 체험기Sencha architect 체험기
Sencha architect 체험기
 
Ext JS 구축사례 : 하나로 TNS
Ext JS 구축사례 : 하나로 TNSExt JS 구축사례 : 하나로 TNS
Ext JS 구축사례 : 하나로 TNS
 
Big Data platform을 위한 Sencha Ext JS 사례.
Big Data platform을 위한 Sencha Ext JS 사례.Big Data platform을 위한 Sencha Ext JS 사례.
Big Data platform을 위한 Sencha Ext JS 사례.
 
093908 정유경 센차
093908 정유경 센차093908 정유경 센차
093908 정유경 센차
 
Sencha Ext JS 구축사례 : 코드스미스 툴즈
Sencha Ext JS 구축사례 : 코드스미스 툴즈Sencha Ext JS 구축사례 : 코드스미스 툴즈
Sencha Ext JS 구축사례 : 코드스미스 툴즈
 
Sng gamification copycat 정유경
Sng gamification copycat 정유경Sng gamification copycat 정유경
Sng gamification copycat 정유경
 
[2015 체인지온@비트윈]숨쉬는 기록, 인터렉티브 미디어 제작현장 김수영
[2015 체인지온@비트윈]숨쉬는 기록, 인터렉티브 미디어 제작현장   김수영[2015 체인지온@비트윈]숨쉬는 기록, 인터렉티브 미디어 제작현장   김수영
[2015 체인지온@비트윈]숨쉬는 기록, 인터렉티브 미디어 제작현장 김수영
 
211140047 김율정
211140047 김율정211140047 김율정
211140047 김율정
 
16.하이테크211140070전현주
16.하이테크211140070전현주16.하이테크211140070전현주
16.하이테크211140070전현주
 
212140061박고은212140065이희은 (주거)
212140061박고은212140065이희은 (주거)212140061박고은212140065이희은 (주거)
212140061박고은212140065이희은 (주거)
 
Real ux conceptmodel_baedonghee
Real ux conceptmodel_baedongheeReal ux conceptmodel_baedonghee
Real ux conceptmodel_baedonghee
 
[Sencha 엔터프라이즈 웹애플리케이션 세미나] 웹앱기반 차세대 학사 관리시스템 _청강문화산업대
[Sencha 엔터프라이즈 웹애플리케이션 세미나] 웹앱기반 차세대 학사 관리시스템 _청강문화산업대[Sencha 엔터프라이즈 웹애플리케이션 세미나] 웹앱기반 차세대 학사 관리시스템 _청강문화산업대
[Sencha 엔터프라이즈 웹애플리케이션 세미나] 웹앱기반 차세대 학사 관리시스템 _청강문화산업대
 
After Human Game concept
After Human Game conceptAfter Human Game concept
After Human Game concept
 
HTML5 플랫폼 동향과 기업업무 적용 방안
HTML5 플랫폼 동향과 기업업무 적용 방안HTML5 플랫폼 동향과 기업업무 적용 방안
HTML5 플랫폼 동향과 기업업무 적용 방안
 
Ppt
PptPpt
Ppt
 
207140040 서혜주
207140040 서혜주207140040 서혜주
207140040 서혜주
 
생 식
생 식생 식
생 식
 
UR PDF in Korean
UR PDF in KoreanUR PDF in Korean
UR PDF in Korean
 
[별천지 세미나] 세션1 Sencha로 끝장내는 Front-End 개발과 Architect
[별천지 세미나] 세션1 Sencha로 끝장내는 Front-End 개발과 Architect[별천지 세미나] 세션1 Sencha로 끝장내는 Front-End 개발과 Architect
[별천지 세미나] 세션1 Sencha로 끝장내는 Front-End 개발과 Architect
 

Ähnlich wie Sencha architect 사용기

Sencha architect
Sencha architectSencha architect
Sencha architect
killer31z
 
Sencha architecture introduction & review
Sencha architecture introduction & reviewSencha architecture introduction & review
Sencha architecture introduction & review
Park SooJin
 
Sencha 사용후기
Sencha 사용후기Sencha 사용후기
Sencha 사용후기
Younuk Park
 
오래가는 Ux 디자인 1414905 이서현
오래가는 Ux 디자인   1414905 이서현오래가는 Ux 디자인   1414905 이서현
오래가는 Ux 디자인 1414905 이서현
서현 이
 
Sencha architect2 사용후기
Sencha architect2 사용후기Sencha architect2 사용후기
Sencha architect2 사용후기
claird00
 
Sencha architect report(체험후기)
Sencha architect report(체험후기)Sencha architect report(체험후기)
Sencha architect report(체험후기)
Kit-bee Kim
 
082303 장이현(sencha architecture)
082303 장이현(sencha architecture)082303 장이현(sencha architecture)
082303 장이현(sencha architecture)
Yihyun Jang
 
오토데스트세미나 스케일폼적용사례 김효영
오토데스트세미나 스케일폼적용사례 김효영오토데스트세미나 스케일폼적용사례 김효영
오토데스트세미나 스케일폼적용사례 김효영
MinGeun Park
 

Ähnlich wie Sencha architect 사용기 (20)

Sencha architect
Sencha architectSencha architect
Sencha architect
 
Sencha architecture introduction & review
Sencha architecture introduction & reviewSencha architecture introduction & review
Sencha architecture introduction & review
 
Architect
ArchitectArchitect
Architect
 
Sencha architect
Sencha architectSencha architect
Sencha architect
 
Sencha review
Sencha reviewSencha review
Sencha review
 
지니빌더 솔루션 상품제안서
지니빌더 솔루션 상품제안서지니빌더 솔루션 상품제안서
지니빌더 솔루션 상품제안서
 
Ui(user inter face) design
Ui(user inter face) design Ui(user inter face) design
Ui(user inter face) design
 
Sencha 사용후기
Sencha 사용후기Sencha 사용후기
Sencha 사용후기
 
성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론 성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론
 
오래가는 Ux 디자인 1414905 이서현
오래가는 Ux 디자인   1414905 이서현오래가는 Ux 디자인   1414905 이서현
오래가는 Ux 디자인 1414905 이서현
 
Sencha
SenchaSencha
Sencha
 
Sencha architect2 사용후기
Sencha architect2 사용후기Sencha architect2 사용후기
Sencha architect2 사용후기
 
Sencha architect report(체험후기)
Sencha architect report(체험후기)Sencha architect report(체험후기)
Sencha architect report(체험후기)
 
082303 장이현(sencha architecture)
082303 장이현(sencha architecture)082303 장이현(sencha architecture)
082303 장이현(sencha architecture)
 
마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유
 
진보한 개발 환경에서 품질 좋은 코드 생산 (WebStorm)
진보한 개발 환경에서 품질 좋은 코드 생산 (WebStorm)진보한 개발 환경에서 품질 좋은 코드 생산 (WebStorm)
진보한 개발 환경에서 품질 좋은 코드 생산 (WebStorm)
 
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
 
GitLab Korea 밋업 - UX가 올 리모트 팀에서 일하는 법
GitLab Korea 밋업 - UX가 올 리모트 팀에서 일하는 법GitLab Korea 밋업 - UX가 올 리모트 팀에서 일하는 법
GitLab Korea 밋업 - UX가 올 리모트 팀에서 일하는 법
 
오토데스트세미나 스케일폼적용사례 김효영
오토데스트세미나 스케일폼적용사례 김효영오토데스트세미나 스케일폼적용사례 김효영
오토데스트세미나 스케일폼적용사례 김효영
 
퓨즈[Fusetools] 소개 :: blog.Wonhada.com :: 최신 자료 (2016년)
퓨즈[Fusetools] 소개 :: blog.Wonhada.com :: 최신 자료 (2016년)퓨즈[Fusetools] 소개 :: blog.Wonhada.com :: 최신 자료 (2016년)
퓨즈[Fusetools] 소개 :: blog.Wonhada.com :: 최신 자료 (2016년)
 

Mehr von Hyeonmin Kim (6)

[1주차]상마스 강의정리
[1주차]상마스 강의정리[1주차]상마스 강의정리
[1주차]상마스 강의정리
 
모바일 컨버전스
모바일 컨버전스모바일 컨버전스
모바일 컨버전스
 
Cloud computing의 장단점
Cloud computing의 장단점Cloud computing의 장단점
Cloud computing의 장단점
 
Sng의 가까운 미래 & 게임분석
Sng의 가까운 미래 & 게임분석Sng의 가까운 미래 & 게임분석
Sng의 가까운 미래 & 게임분석
 
About sng
About sngAbout sng
About sng
 
About sng
About sngAbout sng
About sng
 

Sencha architect 사용기

  • 2. Sencha architect 2.0 • 하이브리드 웹앱을 보다 쉽게 작성 할 수 있는 개발 도구 • 방대한 UI와 기능으로 보다 편리하게 코딩가능
  • 3. 초기화면 • 기본적으로 구매하여 사용 가능하지만, 30 일 간 무료사용 가능 • Ext JS 와 Sencha Touch로 프로그래밍
  • 4. 실행화면 디자인 코딩 기능창 전환창 배치순서 디자인 화면 디자인 도구 모음 사이즈 변환
  • 5. Simple! 툴박스에서 자신이 원하는 디자인 을 선택하여 드래그하여 코딩가능
  • 6. Simple! Code 버튼으로 완성된 디자인의 코드 확인가능 URL 필드 완성!
  • 7. Simple! 단순히 드래그를 통해 디자인 한 URL 필드가 코딩되어 있음
  • 9. 의견 • 수많은 UI와 드래그를 통한 프로그래밍은 조 금 더 친숙하게 프로그래밍 환경을 만들어줌. • 상당히 편리하게 만든 개발툴이지만, 현재 정 보의 부족으로 장벽은 결코 낮지만은 않아 보 임. • 기본적인 UI의 편리함은 의심의 여지가 없으 나, 세밀한 부분의 개선이 필요(삭제 등의 불 편함)