Sencha ExtJS 6 로 화면개발 더이상 고민하지 말자 - 기초편

Sencha ExtJS 6 로 화면개발 더이상 고민하지 말자 - 기초편

(7개의 수강평)

844명의 수강생
무료
지식공유자 · 개발로짜
31회 수업· 총 9시간 12분수업
평생 무제한 시청
수료증 미발급 강의
수강 난이도 '중급'

강좌소개

ExtJS는 강력한 자바스크립트 UI 프레임워크입니다. 그리드,차트,트리외에도 수백가지 컴포넌트들을 제공합니다. 전문적인 CSS 지식이 없어도 레이아웃 및 화면을 짧은 시간내에 만들 수 있습니다. 기본편에서는 오로지 컴포넌트들을 이용해서 레이아웃 배치 및 컴포넌트 이해, 그리고 이벤트(클릭,더블클릭 등..) 기본동작방법에 대하여 알아보도록 합니다. ExtJS는 오로지 자바스크립트로만 화면개발 및 기능을 구현합니다. 즉, BODY 태그에 어떠한 HTML 코드도 들어가지 않습니다. 요즘 이슈가 되고 있는 Angular, React 와는 별도로  UI를 만드는 재미를 느끼실 수 있을겁니다. 아래는 ExtJS 만을 이용해서 만들어본 WebOS 시연영상입니다.    
※ 상용목적으로 ExtJS를 고려하시는 분들이시라면 라이센스정책에 대해서 정확히 숙지 후, 프로젝트에사용하시길 바랍니다.

참고 URL

https://github.com/mongoworld/extjs_world (강의에서 진행 될 샘플코드)
http://mongodev.tistory.com (강의관련 내용 정리 블로그)
https://www.youtube.com/channel/UCmIEd8PTq5PXJyXlboXKOpQ 질문관련 댓글은 youtube 채널을 통해서 달아주세요 ^^ 구독도 부탁드릴게요 ㅠㅠ

강좌대상

  • CSS 기술부분이 약해서 화면개발에 자신없는 디자이너 및 개발자
  • 대학 졸업작품을 웹어플리케이션으로 만들고자 하는 대학생
  • 디자이너 및 퍼블리셔 인력이 존재하지 않는 기업
  • 화면구성을 CS 프로그램과 같은 구조로 기획을 하고계신 분

교육과정

모두 펼치기 31 강의 9시간 12분
섹션 0. 1강. 오리엔테이션
1 강의 15 : 00
섹션 1. 2강.ExtJS 환경구성
1 강의 15 : 00
섹션 2. 3강.다양한 테마변경과 헬로월드 메시지 띄우기
1 강의 23 : 00
섹션 3. 4강.ExtJS 문법이해 및 레이아웃 알아보기
3 강의 40 : 00
문법 및 레이아웃 이해(1)
22 : 00
문법 및 레이아웃 이해(2)
17 : 00
종이에 레이아웃을 나눠보고 border 레이아웃 속성을 통하여 화면을 만들어보세요
01 : 00
섹션 4. 5강.ExtJS 레이아웃 추가로 알아보기
1 강의 22 : 00
레이아웃 추가로 알아보기
22 : 00
섹션 5. 6강.ExtJS API 문서보는 방법 간단 소개
1 강의 23 : 00
API 문서보는법
23 : 00
섹션 6. 7강.ExtJS 6 버튼종류 알아보기
1 강의 31 : 00
섹션 7. 8강.ExtJS 6 메시지상자 다뤄보기
1 강의 21 : 00
섹션 8. 9강.ExtJS 6 윈도우 컴포넌트 알아보기
1 강의 14 : 00
윈도우 컴포넌트의 속성들을 알아보자
14 : 00
섹션 9. 10강.ExtJS 6 탭패널 알아보기
1 강의 05 : 00
탭패널 간단히 만들어보기
05 : 00
섹션 10. 11강.ExtJS 6 폼필드 알아보기
1 강의 16 : 00
입력태그에는 어떤것들이 있을까?
16 : 00
섹션 11. 12강.ExtJS 6 데이터스토어 이해
3 강의 39 : 00
DataStore 이해(1) - 콤보박스 연동
12 : 00
DataStore 이해(2) - 그리드 연동
10 : 00
DataStore 이해(3) - Ajax편
17 : 00
섹션 12. 13강.ExtJS 6 트리패널 알아보기
1 강의 21 : 00
트리(TreePanel) + Tree Store 이해
21 : 00
섹션 13. 14강.ExtJS 6 그리드 페이징 및 버퍼스토어
1 강의 16 : 00
섹션 14. 15강.ExtJS 6 그리드 에디팅 플러그인
1 강의 21 : 00
그리드 에디팅플러그인 적용(cellediting,rowediting)
21 : 00
섹션 15. 16강.ExtJS 6 이벤트 리스너 알아보기
1 강의 25 : 00
툴바 종류 및 이벤트리스너 + 그리드 renderer 이해
25 : 00
섹션 16. 17강.ExtJS 6 그리드 CRUD 예제
1 강의 29 : 00
그리드 조회,등록,수정,삭제 한방에 끝내기
29 : 00
섹션 17. 18강.ExtJS 6 Ajax 이해
1 강의 24 : 00
ExtJS Ajax 클래스 이해하기
24 : 00
섹션 18. 19강. ExtJS 차트그래프
6 강의 85 : 00
세로,가로 그래프 이해
17 : 00
누적막대그래프 이해
13 : 00
선형그래프 이해
12 : 00
영역그래프 이해
18 : 00
분산/분포 그래프 이해
14 : 00
원형 그래프 이해
11 : 00
섹션 19. 20강. ExtJS 소스코드 가독성 높이기
1 강의 27 : 00
섹션 20. 21강. ExtJS 컴포넌트 교체
1 강의 21 : 00
섹션 21. UI 템플릿 예제
1 강의 19 : 00

공개 일자

2017년 1월 20일 (마지막 업데이트 일자 : 2018년 4월 9일)

수강 후기

4.4
7개의 수강평
thumbnail_default.png
manojun 3달 전
아주 훌륭한 강의였습니다. 개인적으로 많은 도움 되었습니다. 감사합니다.
thumbnail_default.png
김홍균 2018.03.19
좋은강의 잘 들었습니다. 소스... 좋은강의 잘 들었습니다. 소스(이크립스 프로젝트파일 통쨰로.zip) 다운 링크가 여기에도 있으면 더 좋겠습니다.
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스