Thumbnail
개발 · 프로그래밍 프론트엔드
Sencha ExtJS 6 로 화면개발 더이상 고민하지 말자 - 기초편
(4.8)
18개의 수강평 ∙ 1241명의 수강생

무료

지식공유자 : 개발로짜
총 31개 수업˙총 9시간 12분
평생 무제한 수강
수료증 미발급 강의
입문 초급 대상 중급이상
폴더에 추가 공유
초급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.

디자이너 + 퍼블리셔 + 개발자의 조합으로 대부분의 사이트를 제작합니다. 순수하게 Sencha의 ExtJS 컴포넌트를 이용하면, 디자이너와 퍼블리셔 없이 화면개발이 가능합니다. 단, 상용화 목적으로 ExtJS를 사용하신다면, 라이센스정책을 정확하게 숙지하시고 사용하시길 바라겠습니다.

강좌소개

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. 2강.ExtJS 환경구성
섹션 2. 3강.다양한 테마변경과 헬로월드 메시지 띄우기
섹션 3. 4강.ExtJS 문법이해 및 레이아웃 알아보기
문법 및 레이아웃 이해(1) 미리보기 22:00
문법 및 레이아웃 이해(2) 17:00
종이에 레이아웃을 나눠보고 border 레이아웃 속성을 통하여 화면을 만들어보세요 01:00
섹션 4. 5강.ExtJS 레이아웃 추가로 알아보기
레이아웃 추가로 알아보기 22:00
섹션 5. 6강.ExtJS API 문서보는 방법 간단 소개
API 문서보는법 23:00
섹션 6. 7강.ExtJS 6 버튼종류 알아보기
섹션 7. 8강.ExtJS 6 메시지상자 다뤄보기
섹션 8. 9강.ExtJS 6 윈도우 컴포넌트 알아보기
윈도우 컴포넌트의 속성들을 알아보자 14:00
섹션 9. 10강.ExtJS 6 탭패널 알아보기
탭패널 간단히 만들어보기 05:00
섹션 10. 11강.ExtJS 6 폼필드 알아보기
입력태그에는 어떤것들이 있을까? 16:00
섹션 11. 12강.ExtJS 6 데이터스토어 이해
DataStore 이해(1) - 콤보박스 연동 12:00
DataStore 이해(2) - 그리드 연동 10:00
DataStore 이해(3) - Ajax편 17:00
섹션 12. 13강.ExtJS 6 트리패널 알아보기
트리(TreePanel) + Tree Store 이해 21:00
섹션 13. 14강.ExtJS 6 그리드 페이징 및 버퍼스토어
섹션 14. 15강.ExtJS 6 그리드 에디팅 플러그인
그리드 에디팅플러그인 적용(cellediting,rowediting) 21:00
섹션 15. 16강.ExtJS 6 이벤트 리스너 알아보기
툴바 종류 및 이벤트리스너 + 그리드 renderer 이해 25:00
섹션 16. 17강.ExtJS 6 그리드 CRUD 예제
그리드 조회,등록,수정,삭제 한방에 끝내기 29:00
섹션 17. 18강.ExtJS 6 Ajax 이해
ExtJS Ajax 클래스 이해하기 24:00
섹션 18. 19강. ExtJS 차트그래프
세로,가로 그래프 이해 17:00
누적막대그래프 이해 13:00
선형그래프 이해 12:00
영역그래프 이해 18:00
분산/분포 그래프 이해 14:00
원형 그래프 이해 미리보기 11:00
섹션 19. 20강. ExtJS 소스코드 가독성 높이기
섹션 20. 21강. ExtJS 컴포넌트 교체
섹션 21. UI 템플릿 예제
강의 게시일 : 2017년 01월 20일 (마지막 업데이트일 : 2018년 04월 09일)
수강평 총 18개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.8
18개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
WorldBreaker thumbnail
열심히 하시려는 모습이 보기 좋았습니다.. 다만 아쉬운 점이라면, 샘플코드를 좀 잘 올려주셨으면 좋지 않았을까 하네요.. ExtJS도 처음인데 다른 프로그램도 같이 사용해야했던 DataStore 파트, CRUD 이런 파트가 제일 어려웠습니다. ㅠㅠ 실행이 안되는데 원인은 모르겠고요.. 아무튼 감사합니다! 잘보고 갑니다!
2021-03-21
rsy0921 thumbnail
좋은 강의 감사합니다.
2020-10-23
bprbprbpr thumbnail
어려운데 들을만 해용
2021-10-07
김민정 thumbnail
Ext JS 에 대해서 정말 꼼꼼히 설명해주셔서 정말 도움이 많이 되었습니다. 감사합니다!!!
2021-01-02
조영찬 thumbnail
좋은강의 감사합니다.
2021-04-20

무료

폴더에 추가 공유
지식공유자 : 개발로짜
총 31개 수업˙총 9시간 12분
평생 무제한 수강
수료증 미발급 강의
입문 초급 대상 중급이상
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스