🚀 서비스 업데이트 안내◝(⁰▿⁰)◜ 

인프런에 업데이트가 있었어요! 어떤 점이 달라졌는지 확인해보세요~ (자세히 보기)

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

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

(6개의 수강평)

749명의 수강생

무료

평생
중급
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 프로그램과 같은 구조로 기획을 하고계신 분

지식공유자 소개

개발로짜

교육과정

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

수강 후기

4.3
6개의 수강평
김홍균 2018.03.19
좋은강의 잘 들었습니다. 소스... 좋은강의 잘 들었습니다. 소스(이크립스 프로젝트파일 통쨰로.zip) 다운 링크가 여기에도 있으면 더 좋겠습니다.
박희출 2017.12.26
ExtJS 6 - 기초편 수강평 ExtJS를 사용하고 있는데 다시한번 기초부터 꼼꼼하게 잘 배워갑니다. 이해하기 쉽게 잘 설명해주시고 듣기도 편안하네요.