|
AngularJS 2.X & React 실무과정(평일주간)
선수학습 :
JavaScript HTML CSS3
교육기간 :
09월20일(화) ~ 09월23일(금) 10:00~18:00, 4일 총 28시간
강의장소 :
탑크리에듀교육센터 [A강의장] [약도보기]
교육문의 :
02-851-4790
수강료 :
620,000원 [실무중심교육]고용보험 미지원, 일반 과정 입니다. (소수정예, 스파르타식 교육 입니다.) 한분한분의 수강생 여러분들께 최선을 다하는 실무/실습 위주의 교육 입니다.
결제방법 :
계좌이체 / 방문카드결제
교재 :
PDF 제공
|
교육개요 |
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 |
|