[앵귤러학원/앵귤러교육/React교육] 앵귤러(Angular), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상과정

개인 기업 서치펌

커뮤니티

게시판

갤러리

웹진게시판

IT 교육/국비지원/세미나

[앵귤러학원/앵귤러교육/React교육] 앵귤러(Angular), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상과정

작성자: 탑크리에듀

추천: 0건 반대: 0건 조회: 966 등록일: 2018-06-07

<p align="center" style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);="" text-align:="" center;"="">[앵귤러학원/앵귤러교육/React교육]<p align="center" style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);="" text-align:="" center;"=""> <p align="center" style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);="" text-align:="" center;"=""> <p align="center" style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);="" text-align:="" center;"="">앵귤러(Angular), 리액트(React) 기반 & 앱 UI개발 재직자 향상과정   <p align="center" style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);="" text-align:="" center;"=""> <p align="center" style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 2; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);="" text-align:="" center;"=""> (평일/주말반)<p align="center" style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);="" text-align:="" center;"=""> <p align="center" style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);="" text-align:="" center;"="">평일주간:<a href="http://topcredu.co.kr/sub/crcl/view/open/2223" target="_blank" class="con_link" style="font-family: " nanum="" gothic",="" gulim,="" tahoma,="" arial,="" sans-serif;="" margin:="" 0px;="" padding:="" color:="" rgb(102,="" 102,="" 102);="" transition:="" border-color="" 0.4s,="" box-shadow="" background="" color="" opacity="" 0.4s;="" box-sizing:="" border-box;="" background:="" 0px="" 0px;"="">http://topcredu.co.kr/sub/crcl/view/open/2223</a><p align="center" style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);="" text-align:="" center;"=""> <p align="center" style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);="" text-align:="" center;"="">주말주간:<a href="http://topcredu.co.kr/sub/crcl/view/open/2238" target="_blank" class="con_link" style="font-family: " nanum="" gothic",="" gulim,="" tahoma,="" arial,="" sans-serif;="" margin:="" 0px;="" padding:="" color:="" rgb(102,="" 102,="" 102);="" transition:="" border-color="" 0.4s,="" box-shadow="" background="" color="" opacity="" 0.4s;="" box-sizing:="" border-box;="" background:="" 0px="" 0px;"="">http://topcredu.co.kr/sub/crcl/view/open/2238</a><p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);="" text-align:="" center;"=""> <p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"=""> <p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"=""><img alt="33c1e934cb09a86782d48b3a2704eb76_1528160" class="img-tag " src="http://ojc.asia/data/editor/1806/thumb-33c1e934cb09a86782d48b3a2704eb76_1528160692_8331_800x418.png" style="font-family: " nanum="" gothic",="" gulim,="" tahoma,="" arial,="" sans-serif;="" margin:="" 0px;="" padding:="" max-width:="" 100%;="" height:="" auto;="" box-sizing:="" border-box;="" vertical-align:="" middle;="" width:="" cursor:="" pointer;"="">  <p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 1; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"="">★ 교육개요 ★<p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 1; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"=""> <p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 1; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"=""> 본 과정은 최신 프론트엔드 UI화면 개발 기술을 교육하는 실무 재직자 향상 과정 입니다.<p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 1; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"="">AngularJS는 구글에서 2010년 10월 출시된 자바스크립트 기반 WEB MVC(Model View Controller), MVW(Model View Whatever) 프레임워크로 자바스크립트 프레임워크 중 가장 인기 있는 오픈소스중 하나입니다. 앵귤러는 크로스 플랫폼 지원, 처리속도, 개발생산성 등 다양한 요구에 의해 그 필요성이 높아지고 있습니다. React는 페이스북과 인스타그램에서 만든 라이브러리로 이벤트 요청 시 서버에서 코드를 받아 다시 렌더링해야 되는 문제를 해결하기 위해 만들어졌습니다. 개발자로 하여금 재사용 가능한 UI를 생성 할 수 있게 해주거 여러 자바스크립트 프레임워크나 라이브러리와 함께 사용할 수 있습니다. 뿐만 아니라 Virtual DOM 이라는 개념을 사용하여 상태의 변함에 따라 선택적으로 유저인터페이스를 렌더링 할 수 있습니다. 이렇듯 React는 최소한의 DOM 처리로 컴포넌트들을 업데이트 할 수 있게 해주는 훌륭한 기술입니다. 본 과정은 최적화된 본원의 자체교재를 통해 이론과 실습을 적절히 진행하며, 실습을 통해 이론을 배울 수 있도록 하는 과정입니다. Full Stack Programmer, 최고의 Front End 개발을 꿈꾸는 분들에게 꼭 필요한 과정이라고 자신합니다.<p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 1; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"=""> <p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 1; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"="">★ 교육목표 ★<p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"=""> <p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"="">- 응용 S/W개발의 Front 개발 아키텍처를 설명할 수 있다. <p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"="">- 응용 S/W개발 프론트 영역을 AngularJS를 통해 구축할 수 있다.<p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 1; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"="">- 응용 S/W개발 프론트 영역을 React를 통해 구축할 수 있다. - AngularJS 및 React 최신 개발방법의 습득 <p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"=""> <p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"="">★ 교육대상 ★<p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"=""> <p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"="">- 프론트 개발자<p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 1; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"="">- 웹개발자 - 앱 개발자 <p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"=""> <p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"="">★ 커리큘럼 ★<p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 22px; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"=""> <p style="padding: 0px; letter-spacing: normal; box-sizing: border-box; line-height: 1; color: rgb(51, 51, 51); font-family: " malgun="" gothic",="" dotum,="" sans-serif;="" background-color:="" rgb(255,="" 255,="" 255);"=""><table class="__se_tbl_ext" summary="교육에 대한 내용안내 입니다." style="border-collapse: collapse; letter-spacing: normal; box-sizing: border-box; border-spacing: 0px; background-color: rgb(255, 255, 255); margin: 20px 0px 0px; font-size: 13.2px; padding: 0px; vertical-align: top; width: 920px; border-top: 1px solid rgb(0, 52, 97); color: rgb(68, 68, 68); font-family: " 맑은="" 고딕",="" "malgun="" gothic",="" dotum,="" 돋움,="" sans-serif;"=""><tbody style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top;"><tr style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top;"><th style="box-sizing: border-box; padding: 0px 10px; text-align: left; margin: 0px; vertical-align: middle; background: rgb(248, 248, 248); border-bottom: 1px solid rgb(221, 221, 221); color: rgb(0, 52, 97); line-height: 22px;">AngularJS</th><td style="box-sizing: border-box; padding: 10px; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); line-height: 22px;">AngularJS 1.개발환경설정 Node ATOM Git 2.ECMASript6 let Keyword const Keyword Parameter Spread Operator Destructuring Assignment CommonJS Module System ES6 Module System 함수 축약 표현식 Arrow Function $ Class 3.Async Programming Callback Function Event Emitter Promise 4.TypeScript Class Interface Abstract Class Annotation 5.Angular Quick Start Simple Website Demo Bootstrapping Component @NgFor Service Routing I DIY:Component 6.Angular Concepts Pros/Cons Architecture Data Binding 7.Angular CLI Create Module Create Component Create Service Create Pipe Create Directive Build 8.Angular Client-Server  Client Single Page Application Spring Boot CORS Project HTTP module 9.Angular Demo Registration and Login Routing II Guard Form DIY:Style 10.Angular Library PrimeNG </td></tr><tr style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top;"><th style="box-sizing: border-box; padding: 0px 10px; text-align: left; margin: 0px; vertical-align: middle; background: rgb(248, 248, 248); border-bottom: 1px solid rgb(221, 221, 221); color: rgb(0, 52, 97); line-height: 22px;">React</th><td style="box-sizing: border-box; padding: 10px; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); line-height: 22px;">React 1.개발환경설정 Node ATOM Git 2.ECMASript6 Parameter Spread Operator Destructuring Assignment 함수 축약 표현식 Arrow Function $ Class 3.React JSX biased  Overview Generator Enviroment Setup JSX Component State Props Life Cycle Event Refs Router FLUX Redux Animation HOC 4.React JS biased Simple Demo Element Attribute Component Life Cycle Mixin JSX Component Communication 5.React Pratice Custom Table Component Sorting Editing Searching Undoing Downloading 6.React Client-Server react-http-request axios Node Express CORS Project 7.React Library  Material UI</td></tr></tbody></table>									<style type='text/css'> p { line-height:270%;}</style>

트위터

페이스북

댓글 : 0 건



이전글	◐채용연수 무료교육◑ 딥러닝(인공신경망 네트워크) 구현을 위한 빅데이터 분석 국비지원 취업과정
다음글	♥취업무료교육♥ 클라우드 기반 빅데이터 분석 및 자바 딥러닝 개발자 양성과정

번호	제목	작성자	추천	반대	조회	등록일
6985	[KG아이티뱅크] ★정보보안 전문가(해킹보...	KG아이티뱅크	0	0	991	2018-03-20

6984	♥취업무료교육♥ 머신러닝 기반의 빅데이...	KIC캠퍼스	0	0	991	2018-02-19

6983	[KG아이티뱅크] 아마존(AWS) 아키텍쳐 설계...	KG아이티뱅크	0	0	990	2019-11-06

6982	[백엔드 국비지원] 프론트엔드 개발을 위한...	에이콘아카데미	0	0	990	2019-05-22

6981	[KG아이티뱅크] ★클라우드 컴퓨팅 가상화...	KG아이티뱅크	0	0	990	2018-04-25

6980	[빅데이터 국비지원] 오픈소스를 활용한 빅...	에이콘아카데미	0	0	989	2019-09-18

6979	[백엔드 국비지원] 프론트엔드 개발을 위한...	에이콘아카데미	0	0	989	2019-06-18

6978	[웹프로램 무료교육] 훈련수당 249만원 지...	중앙정보기술인재개발원	0	0	989	2019-01-28

6977	♥취업무료교육♥ 웹 프론트엔드 (Bootstat...	KIC캠퍼스	0	0	989	2018-11-30

6976	[KG아이티뱅크] 오픈소스 기반 보안 취약점...	KG아이티뱅크	0	0	988	2019-10-02

6975	[프론트엔드 무료교육] 프론트엔드 개발 및...	KIC캠퍼스	0	0	988	2019-09-28

6974	[웹프로램 무료교육] 훈련수당 249만원 지...	중앙정보기술인재개발원	0	0	988	2019-08-20

6973	[KG아이티뱅크] 네트워크 보안 엔지니어 실...	KG아이티뱅크	0	0	988	2019-07-20

6972	▶ KG아이티뱅크 모의해킹 취약점 분석 실...	아이티뱅크	0	0	988	2018-10-17

6971	[KG아이티뱅크] ★클라우드 컴퓨팅 가상화...	KG아이티뱅크	0	0	988	2018-07-18

831 | 832 | 833 | 834 | 835 | 836 | 837 | 838 | 839 | 840