AngularJS 2.X & React 실무과정(평일주간)
|
교육개요 | AngularJS는 구글에서 개발된 자바스크립트 기반 WEB MVC(Model View Controller), MVW(Model View Whatever) 프레임워크로 자바스크립트 프레임워크 중 가장 인기있는 오픈소스중 하나 이다. AngularJS 1.X에서의 Controller, $scope, module, jqlite와 같이 주요 요소는 삭제되고, 앳 스크립트(AtScript)가 추가되었으며 향상된 의존성 주입(DI), 다양한 라유팅을 지원하며 페이지 내부 데이터 변화를 새 페이지에서 로드하는 것이 아니라 해당 페이지에서 확인이 가능해 지므로 성능에도 이점이 있고, 유지 보수가 쉽고 데이터 바인딩을 통하여 페이지 내부에서 뷰 업데이트가 가능하고 소스코드의 양이 다른 프레임워크에 비해 많이 줄어드는 이점이 있다. React는 페이스북과 인스타그램에서 만든 라이브러리로 이벤트 요청 시 서버에서 코드를 받아 다시 렌더링해야 되는 문제를 해결하기 위해 만들어졌고 개발자로 하여금 재사용 가능한 UI를 생성 할 수 있게 해준다. 여러 자바스크립트 프레임워크나 라이브러리와 함께 사용할 수 있으며 Virtual DOM 이라는 개념을 사용하여 상태의 변함에 따라 선택적으로 유저인터페이스를 렌더링 할 수 있다. 따라서, 최소한의 DOM 처리로 컴포넌트들을 업데이트 할 수 있게 해주는 휼륭한 기술이다. - JSX :템플릿을 사용하지 않는다. - React는 Virtual DOM 을 사용하여 성능이 탁월하다 즉 전체 DOM을 다시 그리지 않는다. - Unidirectional Data Flow 방법을 사용하여 데이터가 양방향으로 흐르지 않는다. - React는 클라이언트는 물론, 서버에서도 렌더링 될 수 있다. - Component와 Data 패턴의 가독성이 높아 큰 규모의 어플리케이션의 유지보수하기가 쉽다. - 프레임워크가 아닌 라이브러리이므로 다른 프레임워크, 라이브러리와 사용이 가능하다. 본 과정은 가장 최신 기술 2가지를 한번에 배울 수 있도록 구성된 명실상부한 고급 기술 과정 이다. |
---|---|
수료조건 | 출석률 80%이상 |
교육목표 | - AngularJS 2.X의 이해 및 활용 - React의 이해 및 활용 |
교육대상 | 개발자 디자이너 |
AngularJS 2.0 | - First Angular 2 App - Single Page Application - Architecture - Atscript - Directives - User Input - Forms - Data Binding - Dependency Injection - Template Syntax - Angular Cheat Sheet - Attribute Directives - Component Styles - Http client - Screen Activator - Child Router - Logging - Npm Package - Routing & Navigations - Structural Directives |
---|---|
React | - Conception - React.js - JSX - Virtual DOM - Component - Component State - Component Props - Component Iteration - Map - Immutability Helper - Component LifeCycle - DOM Controling - Router - Redux - create-react-app - Webpack css-loader - React & Express |