[국비지원// UI /UX]]앵귤러(Angular) & 자바스크립트(ECMA, TypeScript) 화면구현 재직자향상과정

개인 기업 서치펌

커뮤니티

게시판

갤러리

웹진게시판

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

[국비지원// UI /UX]]앵귤러(Angular) & 자바스크립트(ECMA, TypeScript) 화면구현 재직자향상과정

작성자: 탑크리에듀

추천: 0건 반대: 0건 조회: 1149 등록일: 2019-01-16

<p align="center" style="box-sizing: border-box; padding: 0px; line-height: 22px; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255); text-align: center;"><span style="box-sizing: border-box; font-weight: 700; font-size: 24pt; background-color: rgb(235, 235, 235);"><span style="box-sizing: border-box; background-color: rgb(255, 232, 232);">[UI / UX 프로그래밍]</span></span><span style="box-sizing: border-box;"> </span> </p><p align="center" style="box-sizing: border-box; padding: 0px; line-height: 22px; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255); text-align: center;"><span style="box-sizing: border-box; font-family: 돋움, dotum;"> </span> </p><p align="center" style="box-sizing: border-box; padding: 0px; line-height: 22px; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255); text-align: center;"><span style="box-sizing: border-box; font-family: 돋움, dotum;"><span style="box-sizing: border-box; font-weight: 700;"> </span></span></p><h4 style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-size: 15px; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-weight: 500; line-height: 1.3; color: rgb(51, 51, 51); vertical-align: top; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 36pt;">앵귤러(Angular) & 자바스크립</span></h4><h4 style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-size: 15px; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-weight: 500; line-height: 1.3; color: rgb(51, 51, 51); vertical-align: top; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 36pt;"><br></span></h4><h4 style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-size: 15px; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-weight: 500; line-height: 1.3; color: rgb(51, 51, 51); vertical-align: top; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 36pt;"><br></span></h4><h4 style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-size: 15px; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-weight: 500; line-height: 1.3; color: rgb(51, 51, 51); vertical-align: top; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 36pt;"><br></span></h4><h4 style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-size: 15px; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-weight: 500; line-height: 1.3; color: rgb(51, 51, 51); vertical-align: top; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 36pt;">트(ECMA, TypeScript) 화면구</span></h4><h4 style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-size: 15px; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-weight: 500; line-height: 1.3; color: rgb(51, 51, 51); vertical-align: top; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 36pt;"><br></span></h4><h4 style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-size: 15px; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-weight: 500; line-height: 1.3; color: rgb(51, 51, 51); vertical-align: top; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 36pt;"><br></span></h4><h4 style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-size: 15px; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-weight: 500; line-height: 1.3; color: rgb(51, 51, 51); vertical-align: top; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 36pt;"><br></span></h4><h4 style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-size: 15px; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-weight: 500; line-height: 1.3; color: rgb(51, 51, 51); vertical-align: top; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 36pt;">현 재직자향상과정 </span></h4><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 36pt;"><br style="box-sizing: border-box;"></span></div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 36pt;">                </span><img itemprop="image" content="http://topcredu.co.kr/images/crcl/%EA%B0%95%EC%A2%8C%EC%9D%B4%EB%AF%B8%EC%A7%80_%EC%95%B5%EA%B7%A4%EB%9F%AC%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8.jpg" src="http://topcredu.co.kr/images/crcl/%EA%B0%95%EC%A2%8C%EC%9D%B4%EB%AF%B8%EC%A7%80_%EC%95%B5%EA%B7%A4%EB%9F%AC%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8.jpg" alt="ìµê·¤ë¬(Angular) &amp; ìë°ì¤í¬ë¦½í¸(ECMA, TypeScript) íë©´êµ¬í ì¬ì§ìí¥ìê³¼ì " class="img-tag " style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: middle; width: auto; height: auto; max-width: 100%;"></div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"> <br style="box-sizing: border-box;"></div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><br style="box-sizing: border-box;"></div><div align="center" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255); text-align: center;"><span style="box-sizing: border-box; background-color: rgb(255, 239, 0); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 24px;">평일주간</span><span style="box-sizing: border-box; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 24px; color: rgb(0, 0, 0);">:<a href="http://topcredu.co.kr/sub/crcl/view/emp/2339" style="box-sizing: border-box; background: 0px 0px; color: rgb(102, 102, 102);">http://topcredu.co.kr/sub/crcl/view/emp/2339</a></span><br style="box-sizing: border-box;"></div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><div align="center" style="box-sizing: border-box; text-align: center;"><span style="box-sizing: border-box; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 24px; background-color: rgb(255, 239, 0);"><span style="box-sizing: border-box; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"></span></span></div><div align="center" style="box-sizing: border-box; text-align: center;"><span style="box-sizing: border-box; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 24px; background-color: rgb(255, 239, 0);">주말주간</span><span style="box-sizing: border-box; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 24px;">:<a href="http://topcredu.co.kr/sub/crcl/view/web/2265" style="box-sizing: border-box; background: 0px 0px; color: rgb(102, 102, 102);">http://topcredu.co.kr/sub/crcl/view/web/2265</a></span></div><div align="center" style="box-sizing: border-box; text-align: center;"><span style="box-sizing: border-box; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 24px;"><br style="box-sizing: border-box;"></span></div><div align="center" style="box-sizing: border-box; text-align: center;"><br style="box-sizing: border-box;"></div></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 16px; font-weight: 700; background-color: rgb(255, 232, 232);">★ 교육개요 ★</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 16px; font-weight: 700; background-color: rgb(255, 232, 232);"><br style="box-sizing: border-box;"></span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 16px; font-weight: 700; background-color: rgb(255, 232, 232);"><img src="http://topcredu.co.kr/images/facebook/angular.png" alt="angular.png" class="img-tag " style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: middle; width: auto; height: auto; max-width: 100%;"><br style="box-sizing: border-box;"></span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 16px; font-weight: 700; background-color: rgb(255, 232, 232);"><br style="box-sizing: border-box;"></span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(255, 0, 0); font-size: 11pt; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">재직자가 아닌 경우 국비지원없이 전액 자부담으로 수강 가능 합니다.</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 11pt; color: rgb(0, 0, 0); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">Angular는 Google에서 만든 SPA(Single Page Application)방식의 프론트엔드 웹 개발을 위한 프레임워크 입니다. 사용언어는 TypeScript, ECMAScript등을 사용하지만 대체로 TypeScript 사용을 권장 합니다.</span><span style="box-sizing: border-box; font-size: 11pt; color: rgb(0, 0, 0); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;"> </span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(244, 122, 32); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;"><br style="box-sizing: border-box;"></span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 11pt; color: rgb(0, 0, 0); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">[장점]</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(244, 122, 32); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;"><br style="box-sizing: border-box;"></span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 11pt; color: rgb(0, 0, 0); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">코드 유지보수가 효율적이며 Spring MVC로 백엔드 개발을 하는 것과 상당히 유사하게 클라이언트쪽을 개발 합니다.</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(0, 0, 0); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 11pt;">페이지간 화면전환 속도가 우수 합니다.(물론 초기 로딩속도는 좀 느린편 입니다.)</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 11pt; color: rgb(0, 0, 0); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">DOM을 선택하고 조작하는데 자바스크립트 코드를 작성하지 않아도 되며 양방향 데이터 바인딩이 가능 합니다.</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 11pt; color: rgb(0, 0, 0); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">Model, View, Controller의 분리가 용이하기 때문에 가독성 또한 높아지며 단위테스트 역시 간단히 수행 할 수 있습니다.</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 11pt; color: rgb(0, 0, 0); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">HTML과 JavaScript의 DOM 핸들링을 자동으로 수행하기 때문에 간단하며 직관적인 코드를 작성할 수 있습니다.</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(244, 122, 32); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;"><br style="box-sizing: border-box;"></span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 11pt; color: rgb(0, 0, 0); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">[과정 특징]</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(244, 122, 32); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;"><br style="box-sizing: border-box;"></span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 11pt; color: rgb(0, 0, 0); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">최신 프론트엔드 UI 개발 기술(Angular2 이상, TypeScript, ECMAScript)을 교육하는 실무과정 입니다.</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 11pt; color: rgb(0, 0, 0); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">AngularJ2 이상을 핵심으로, 이를 구현하기 위한 자바스크립트 핵심기술을 실습과 함께 체계적으로 따라하기 식으로 수업합니다.</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 11pt; color: rgb(0, 0, 0); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">Full Stack Programmer, 최고의 Front End 개발을 꿈꾸는 분들에게 꼭 필요한 과정입니다.</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(244, 122, 32); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-weight: 700;"><br style="box-sizing: border-box;"></span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(68, 68, 68); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 13.2px;"><br style="box-sizing: border-box;"></span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 16px; font-weight: 700; background-color: rgb(255, 232, 232);">★ 수료조건 ★</span><span style="box-sizing: border-box; color: rgb(68, 68, 68); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 13.2px;"><br style="box-sizing: border-box;"></span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(68, 68, 68); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 13.2px;"><br style="box-sizing: border-box;"></span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(68, 68, 68); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 13.2px;">출석률 80%이상</span><br style="box-sizing: border-box;"></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(68, 68, 68); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 13.2px;"><br style="box-sizing: border-box;"></span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-size: 16px; font-weight: 700; background-color: rgb(255, 232, 232);">★ 교육목표 ★</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;"> </span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(0, 0, 0); font-size: 11pt; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">Angular를 위한 기본이 되는 ECMASCript, TypeScript를 이용하여 UI를 구성할 수 있다.</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(0, 0, 0); font-size: 11pt; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">Angular를 이용하여 설계된 화면 UI, 웹프론트를 개발할 수 있다.</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; color: rgb(0, 0, 0); font-size: 11pt;">설계된 화면과 폼의 흐름을 확인하고, 제약사항과 화면의 폼 흐름을 구현에 반영하도록 설계를 확인 할 수 있다.</span><span style="box-sizing: border-box; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; color: rgb(0, 0, 0); font-size: 11pt;"> </span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; color: rgb(0, 0, 0); font-size: 11pt;">UI 요구사항과 UI 표준 및 지침에 따라 설계된 메뉴 구조를 해석 할 수 있다.</span><span style="box-sizing: border-box; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; color: rgb(0, 0, 0); font-size: 11pt;"> </span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(0, 0, 0); font-size: 11pt; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">구현을 위해 하위 시스템 단위의 내·외부 화면과 폼을 설계를 확인할 수 있다.</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; color: rgb(0, 0, 0); font-size: 11pt;">소프트웨어 아키텍처 세부 구현 지침과 UI 표준 및 지침을 반영하여, 확인된 UI 설계를 구현할 수 있다.</span><span style="box-sizing: border-box; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; color: rgb(0, 0, 0); font-size: 11pt;"> </span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(0, 0, 0); font-size: 11pt; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">확인된 화면과 폼 흐름 설계에 따라, 사용자 접근성을 고려한 화면과 폼의 흐름 제어를 구현할 수 있다.</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; color: rgb(0, 0, 0); font-size: 11pt;">확인된 화면과 폼 흐름 설계에 따라, 감성공학 기법을 고려하여 사용자가 접하는 화면, 폼, 메뉴, 흐름을 구현할 수 있다.</span><span style="box-sizing: border-box; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; color: rgb(0, 0, 0); font-size: 11pt;"> </span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(0, 0, 0); font-size: 11pt; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">구현된 화면, 폼, 메뉴, 흐름을 테스트할 수 있는 테스트 케이스를 작성하고 단위 테스트를 수행하기 위한 테스트 조건을 명세화 할 수 있다.</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><br style="box-sizing: border-box;"></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-size: 16px; font-weight: 700; background-color: rgb(255, 232, 232);">★ 교육대상 ★</span></span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-size: 16px; font-weight: 700; background-color: rgb(255, 232, 232);"><br style="box-sizing: border-box;"></span></span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(37, 37, 37); font-size: 11pt; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">프론트 개발자</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(37, 37, 37); font-size: 11pt; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;">UI 개발자</span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(37, 37, 37); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 11pt;">스크립팅 능력이 부족한 개발자 및 퍼블리셔</span><br style="box-sizing: border-box;"></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(37, 37, 37); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 11pt;"><br style="box-sizing: border-box;"></span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; font-size: 16px; font-weight: 700; background-color: rgb(255, 232, 232);">★ 커리큘럼 ★</span><span style="box-sizing: border-box; color: rgb(68, 68, 68); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 13.2px;"> </span></span></div><div align="left" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box;"><span style="box-sizing: border-box; color: rgb(68, 68, 68); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 13.2px;"><span class="deeporange" style="box-sizing: border-box; margin: 0px; font-weight: 700; padding: 0px; vertical-align: top; text-align: center; color: rgb(244, 122, 32);"></span></span></span><div class="cd-tabs is-ended" style="box-sizing: border-box; margin: 2em auto; vertical-align: top; width: 960px;"><ul class="cd-tabs-content" style="box-sizing: border-box; padding: 0px; vertical-align: top; list-style-type: none; height: 2612px;"><li class="selected" style="box-sizing: border-box; padding: 1.5em; vertical-align: top; line-height: 20px;"><div class="detail_edu" style="box-sizing: border-box; margin-top: 20px; vertical-align: top; border-top: 1px solid rgb(221, 221, 221);"><table class="__se_tbl_ext" summary="교육에 대한 내용안내 입니다." style="box-sizing: border-box; border-spacing: 0px; border-collapse: collapse; background-color: transparent; margin: 20px 0px 0px; padding: 0px; vertical-align: top; width: 920px; border-top: 1px solid rgb(0, 52, 97);"><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;">JavaScript for Angular(ECMAScript, TypeScript)</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;">Chapter 1 : ECMAScript<br style="box-sizing: border-box;">1. ECMAScript<br style="box-sizing: border-box;">2. ES6 개발환경 설정<br style="box-sizing: border-box;">WebStorm 바벨 설정<br style="box-sizing: border-box;">3. var<br style="box-sizing: border-box;">4. let<br style="box-sizing: border-box;">5. const<br style="box-sizing: border-box;">6. parameter<br style="box-sizing: border-box;">7. spread operator<br style="box-sizing: border-box;">8. Destructuring Assignment<br style="box-sizing: border-box;">9. Module System <br style="box-sizing: border-box;">1. CommonJS 방식<br style="box-sizing: border-box;">2. ES6(ECMA2015) 방식<br style="box-sizing: border-box;">3. IIFE 방식<br style="box-sizing: border-box;">4. AMD<br style="box-sizing: border-box;">10. 함수 축약 표현식<br style="box-sizing: border-box;">11. Arrow function<br style="box-sizing: border-box;">12. $ expression<br style="box-sizing: border-box;">13. class<br style="box-sizing: border-box;">클래스 주요 특징<br style="box-sizing: border-box;">클래스 기본 문법<br style="box-sizing: border-box;">클래스 문법 코드를 ES5 코드로 트랜스파일링한 결과 확인<br style="box-sizing: border-box;">extends 키워드<br style="box-sizing: border-box;">ES5, ES6 문법 혼용<br style="box-sizing: border-box;">클래스가 객체를 대상으로 상속<br style="box-sizing: border-box;">super 키워드<br style="box-sizing: border-box;">클래스 표현식 vs 선언식<br style="box-sizing: border-box;">ES5 상속과 class 를 사용한 ES6 상속의 차이점<br style="box-sizing: border-box;">Multiple Inheritance with Proxies<br style="box-sizing: border-box;">14. 비동기 처리<br style="box-sizing: border-box;">1. Call-back Function<br style="box-sizing: border-box;">2. Event Emitter<br style="box-sizing: border-box;">3. Promise<br style="box-sizing: border-box;">15. TypeScript 소개<br style="box-sizing: border-box;">Learn TypeScript in 30 Minutes<br style="box-sizing: border-box;">The Benefits of Using TypeScript<br style="box-sizing: border-box;">Chapter 2 : Angular Basic<br style="box-sizing: border-box;">Step 1 – 앵귤러 소개<br style="box-sizing: border-box;">Step 2 – Simple Example<br style="box-sizing: border-box;">Step 3 – Project Structure<br style="box-sizing: border-box;">Step 4 - CLI<br style="box-sizing: border-box;">1. 설치<br style="box-sizing: border-box;">2. 새 프로젝트 만들기<br style="box-sizing: border-box;">3. 테스트를 위한 빌드<br style="box-sizing: border-box;">4. 서비스(배포)를 위한 빌드<br style="box-sizing: border-box;">Step 5 – Component<br style="box-sizing: border-box;">Binding<br style="box-sizing: border-box;">빌트인 지시자<br style="box-sizing: border-box;">Step 6 – Service<br style="box-sizing: border-box;">서비스 추가<br style="box-sizing: border-box;">Step 7 – Pipe<br style="box-sizing: border-box;">빌트인 파이프<br style="box-sizing: border-box;">커스텀 파이프<br style="box-sizing: border-box;">Step 8 - Directive<br style="box-sizing: border-box;">커스텀 디렉티브<br style="box-sizing: border-box;">Step 9 – Module<br style="box-sizing: border-box;">루트 모듈 : AppModule<br style="box-sizing: border-box;">핵심 모듈 : CoreModule<br style="box-sizing: border-box;">특징 모듈 : PlayerModule<br style="box-sizing: border-box;">특징 모듈 : MemberModule<br style="box-sizing: border-box;">3<br style="box-sizing: border-box;">공유 모듈 : ShareModule<br style="box-sizing: border-box;">Chapter 3 : Angular Core<br style="box-sizing: border-box;">Step 1 – Life Cycle<br style="box-sizing: border-box;">Step 2 – Component Communication<br style="box-sizing: border-box;">@Input and @Output<br style="box-sizing: border-box;">@ViewChild<br style="box-sizing: border-box;">Observable & Subject<br style="box-sizing: border-box;">@ContentChild<br style="box-sizing: border-box;">@ViewChildren<br style="box-sizing: border-box;">@ContentChildren<br style="box-sizing: border-box;">Step 3 – HTTP<br style="box-sizing: border-box;">Promise<br style="box-sizing: border-box;">Observable<br style="box-sizing: border-box;">Step 4 – Router<br style="box-sizing: border-box;">해시 기반 주소로 변경<br style="box-sizing: border-box;">연결순서 : <a href="http://localhost:4200/router-link-test" style="box-sizing: border-box; background: 0px 0px; color: rgb(102, 102, 102);">http://localhost:4200/router-link-test</a><br style="box-sizing: border-box;">연결순서: <a href="http://localhost:4200/pages/first-page" style="box-sizing: border-box; background: 0px 0px; color: rgb(102, 102, 102);">http://localhost:4200/pages/first-page</a><br style="box-sizing: border-box;">연결순서 : <a href="http://localhost:4200/member" style="box-sizing: border-box; background: 0px 0px; color: rgb(102, 102, 102);">http://localhost:4200/member</a><br style="box-sizing: border-box;">연결순서 : <a href="http://localhost:4200/children" style="box-sizing: border-box; background: 0px 0px; color: rgb(102, 102, 102);">http://localhost:4200/children</a><br style="box-sizing: border-box;">연결순서 : <a href="http://localhost:4200/login?session_id=1234#anchor" style="box-sizing: border-box; background: 0px 0px; color: rgb(102, 102, 102);">http://localhost:4200/login?session_id=1234#anchor</a><br style="box-sizing: border-box;">연결순서 : <a href="http://localhost:4200/children" style="box-sizing: border-box; background: 0px 0px; color: rgb(102, 102, 102);">http://localhost:4200/children</a><br style="box-sizing: border-box;">연결순서 : <a href="http://localhost:4200/children/1" style="box-sizing: border-box; background: 0px 0px; color: rgb(102, 102, 102);">http://localhost:4200/children/1</a><br style="box-sizing: border-box;">연결순서 : /children/1 /children/5<br style="box-sizing: border-box;">연결순서 : <a href="http://localhost:4200/lazy/player" style="box-sizing: border-box; background: 0px 0px; color: rgb(102, 102, 102);">http://localhost:4200/lazy/player</a><br style="box-sizing: border-box;">연결순서 : <a href="http://localhost:4200/active" style="box-sizing: border-box; background: 0px 0px; color: rgb(102, 102, 102);">http://localhost:4200/active</a><br style="box-sizing: border-box;">특징 모듈 라우터<br style="box-sizing: border-box;">Step 5 - Guard<br style="box-sizing: border-box;">Step 6 – Form<br style="box-sizing: border-box;">book-form-basic<br style="box-sizing: border-box;">book-form-valid<br style="box-sizing: border-box;">book-form-control<br style="box-sizing: border-box;">4<br style="box-sizing: border-box;">book-form-formbuilder<br style="box-sizing: border-box;">Chapter 4 : Angular Extension<br style="box-sizing: border-box;">Step 1 – DI<br style="box-sizing: border-box;">Providers<br style="box-sizing: border-box;">불투명 토큰을 이용한 제공자 설정<br style="box-sizing: border-box;">Provider 없이 객체 DI<br style="box-sizing: border-box;">주입기를 이용한 객체 생성<br style="box-sizing: border-box;">Step 2 – CSS Style<br style="box-sizing: border-box;">Step 3 – Sanitization<br style="box-sizing: border-box;">Step 4 – Animation<br style="box-sizing: border-box;">Chapter 5 : Angular Deep Dive<br style="box-sizing: border-box;">Step 1 - Angular1 과의 차이점<br style="box-sizing: border-box;">Directive<br style="box-sizing: border-box;">Components VS Directive<br style="box-sizing: border-box;">Step 2 – 분석 : Registration and Login<br style="box-sizing: border-box;">Step 3 - 실습 : Tour of Heroes Tutorial<br style="box-sizing: border-box;">01 : The Hero Editor<br style="box-sizing: border-box;">02 : Master/Detail<br style="box-sizing: border-box;">03 : Multiple Components<br style="box-sizing: border-box;">04 : Services<br style="box-sizing: border-box;">05 : Routing<br style="box-sizing: border-box;">06 : Http</td></tr></tbody></table></div></li></ul></div></div><p></p>									<style type='text/css'> p { line-height:270%;}</style>

트위터

페이스북

댓글 : 0 건



이전글	개발자로 해외취업하기!
다음글	[무료 CRM 교육] 핑거세일즈 CRM 1월 무료 정기기본교육 신청하세요!

번호	제목	작성자	추천	반대	조회	등록일
7645	♥취업무료교육♥ 머신러닝 기반의 빅데이...	KIC캠퍼스	0	0	1158	2018-08-03

7644	◆KG아이티뱅크◆ 재직자 오라클 자격증 취...	아이티뱅크	0	0	1157	2019-02-08

7643	[KG아이티뱅크] ★정보보안 전문가(해킹보...	KG아이티뱅크	0	0	1157	2018-09-03

7642	[무료 CRM 교육] 핑거세일즈 CRM 7월 무료 ...	케빈	0	0	1157	2018-07-13

7641	♥취업무료교육♥ 클라우드 기반 빅데이터 ...	에이콘아카데미	0	0	1157	2018-04-05

7640	[KG아이티뱅크] ★정보보안 전문가(해킹보...	KG아이티뱅크	0	0	1157	2018-02-19

7639	[무료 CRM 교육] 핑거세일즈 CRM 10월 무료...	케빈	0	0	1156	2018-10-17

7638	▶ KG아이티뱅크 모의해킹 취약점 분석 실...	아이티뱅크	0	0	1155	2019-08-16

7637	[딥러닝 무료교육] 클라우드 기반 빅데이터...	KIC캠퍼스	0	0	1155	2019-05-29

7636	[무료 CRM 교육] 핑거세일즈 CRM 6월 무료 ...	케빈	0	0	1155	2019-05-27

7635	[딥러닝 무료교육] 클라우드 기반 빅데이터...	KIC캠퍼스	0	0	1155	2019-04-05

7634	[직장인무료교육] 가상현실 (VR/AR) 소프트...	조경	0	0	1155	2018-07-24

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

7632	♥취업무료교육♥ 웹 프론트엔드 (Bootstat...	KIC캠퍼스	0	0	1155	2018-03-20

7631	[빅데이터분석 국비지원] 딥러닝 구현을 위...	에이콘아카데미	0	0	1154	2019-07-20

781 | 782 | 783 | 784 | 785 | 786 | 787 | 788 | 789 | 790