BEST

개발 · 프로그래밍 프론트엔드

앵귤러 기초 세미나 대시보드

(4.8) 11개의 수강평 ∙ 215명의 수강생

이웅재

Angular

55,000원

지식공유자: 이웅재

총 34개 수업 (5시간 52분)

수강기한:

수료증: 발급

난이도: --

지식공유자 답변: 미제공

폴더에 추가 266

중급자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.

웹 프론트엔드 프레임워크의 큰 축인 앵귤러가 5 버전이 출시 되었습니다. 5.0 출시와 함께 타입스크립트 유저 그룹을 중심으로 앵귤러 5 를 빠르게 배워보는 워크샵을 진행하였습니다. 큰 그림을 빠르게 이해할 수 있으며, 디테일한 추가 강의가 이어질 예정입니다.

1. 앵귤러 기초 강좌 소개

웹 프론트엔드 프레임워크 중 가장 강력한 앵귤러에 대해 학습합니다. 앵귤러를 구성하고 있는 주요 구성 요소들을 학습하고, 그대로 따라하며 이해를 할 수 있습니다.

이번 앵귤러 기초 강좌를 통해 간단한 웹 어플리케이션을 빠르게 만들어 볼 수 있습니다.

소스는 과정별로 Github 저장소에서 제공됩니다.

배우는 것들

앵귤러 개요

개발환경 구축

Angular Quick Start

Component, Template

Component 연결, 라이프사이클

Angular CLI

Angular Service

Angular Router

Angular HttpModule

Angular Directive, Pipe

Angular Build & Deploy

Angular Universal

Angular Material

Angular Unit Test

2. 도움되는 분들

타입스크립트와 앵귤러5 를 이용하여 웹 어플리케이션을 만들고 싶으신 분들

타입스크립트를 사용해 본 경험이 있는 분들에게 추천 드립니다.

3. 강사 소개

이웅재
현 스튜디오씨드코리아 소프트웨어 엔지니어 현 마이크로소프트 MVP 현 일렉트론 코리아 유저그룹 운영자, 타입스크립트 코리아 유저그룹 운영자 전 브이터치 소프트웨어 엔지니어링 랩 랩장 전 트리플베이 CTO

14년차 소프트웨어 엔지니어 입니다.

2021년 부터는 NHN Dooray 에서 프론트엔드개발팀을 리드하며, 서비스 전체의 UI 에 대한 책임을 맡았습니다. 팀을 맡아 기존에 운영하고 있던 레거시 시스템(AngularJS, Vue)을 React, TypeScript 로 리뉴얼 하였습니다. 10인 이상의 다수 프론트엔드 엔지니어들이 하나의 프러덕트를 함께 개발할 수 있도록 아키텍처를 설계하고 관리하는 업무를 하고 있습니다. 전체 서비스 규모가 크고 복잡도가 높아 Monorepo 로 개발 및 운영하고, Micro Frontend 를 도입하여 배포 주기 단축에 대해 노력해왔습니다. Storybook 을 통해 컴포넌트를 적극적으로 관리하며, Design System 을 구축하고 활용이 될 수 있도록 프로세스를 다듬는 역할을 했습니다.

이전에는 Studio XID 에서 TypeScript 와 Electron 을 이용하여, 디자이너를 위한 인터렉션 프로토타이핑 툴인 ProtoPie 를 만들었습니다. 한가지 제품을 약 4년동안 만들면서 좋은 코드, 품질이 좋은 코드를 작성하기 위해 노력해왔습니다.

대규모 자바스크립트 어플리케이션 개발에 대한 더 나은 방향을 고민하고, 적용하기 위해 노력하고 있습니다.
Microsoft MVP (TypeScript) 로 활동해 왔으며, 최신 웹기술에 대해 사람들과 이야기 하는 것을 즐깁니다.

여러 곳에서 프론트엔드 팀을 이끌며, 주로 함수형 언어(클로저)나 Node.js 로 백엔드 작업을 진행합니다.
인프라 자동화에 대한 관심이 많습니다.

이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.

섹션 0. Angular5 시작하기 2 강 ∙ 26분

Angular5 시작하기 14:00

Angular 개발 환경 설정 12:00

섹션 1. Angular Component 7 강 ∙ 1시간 26분

Angular Component (1) 미리보기 16:00

Angular Component (2) 19:00

Angular Component (3) 14:00

Angular Component (4) 08:00

Angular Component 연결 (1) 11:00

Angular Component 연결 (2) 09:00

Angular Component Life Cycle 09:00

섹션 2. Angular CLI, Dependency Injection, Service 개요 3 강 ∙ 25분

Angular CLI 11:00

Angular Dependency Injection 개요 06:00

Angular Service 개요 08:00

섹션 3. Router 4 강 ∙ 34분

Angular Router (1) 미리보기 09:00

Angular Router (2) 04:00

Angular Router (3) 07:00

Angular Router (4) 14:00

섹션 4. Angular Service 6 강 ∙ 50분

Angular Service (1) 미리보기 16:00

Angular Service (2) 02:00

Angular Service (3) 11:00

Angular HttpModule 12:00

Angular Directive 05:00

Angular Pipe 04:00

섹션 5. 간단한 데모 구현 및 배포 4 강 ∙ 48분

bootstrap 을 이용한 간단한 데모 (1) 미리보기 13:00

bootstrap 을 이용한 간단한 데모 (2) 10:00

Angular 빌드와 디플로이 (1) 14:00

Angular 빌드와 디플로이 (2) 11:00

섹션 6. Angular Universal, Material 4 강 ∙ 36분

Angular Universal (1) 06:00

Angular Universal (2) 06:00

Angular Universal (3) 14:00

Angular Material 10:00

섹션 7. Unit Test 4 강 ∙ 47분

Angular Unit Test (1) 15:00

Angular Unit Test (2) 14:00

Angular Unit Test (3) 13:00

Angular 와 RxJS 05:00

강의 게시일 : 2017년 12월 26일 (마지막 업데이트일 : 2018년 06월 25일)

수강생분들이 직접 작성하신 수강평입니다.

4.8

11개의 수강평

5점

4점

3점

2점

1점

VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순

배포 이후 부터 많이 어렵지만 이전거는 이해하기 쉽네용

2021-09-24

잘봤습니다.

2021-12-04

앵귤러 기초를 탄탄히 다질 수 있어서 좋습니다

2021-02-23

github 주소 알려주세요.

2023-05-29

좋아요! 도움이 많이 됐습니다 :)

2024-01-07