위 강좌 이미지를 클릭하시면 강의목차(table of contents)로 바로 이동합니다. 본 강좌는 다운로드 방식 강좌입니다. 따라서, 수강신청 후 내pc로 다운 저장하여 학습합니다.
| 수강기간 | VIP 프리패스로 이용시10개월 단과로 이용시2개월 |
|---|---|
| 교육방식 | 다운로드 방식 - 강의를 내pc로 다운로드 받아서 저장해놓고 학습하는 방식 |
| 수강금액 | 275,000원 / 2개월 (VIP 프리패스로 이용시는 무료 이용이며, 프리패스 수강기간이 적용) |
| 자료제공 | 제공되는 자료가 있는 경우 1회차 목차에서 강의소스 및 첨부파일 제공 |
상세설명 및 참고사항
| 1 강 | 00_00_Angular 5 시작하기 | 39:00 |
|---|
| 2 강 | 00_01_데모_강의 소스인 닷넷노트(앵귤러노트) 프로젝트 다운로드 및 설치 | 47:07 |
|---|
| 3 강 | 01_01_앵귤러 강의 시작 및 강의 소개 | 27:16 |
|---|
| 4 강 | 01_02_Angular 개발 시작하기(Angular CLI 사용) | 82:21 |
|---|
| 5 강 | 01_03_Visual Studio 2017을 사용하여 Angular 프로젝트 생성 및 실행 그리고 전반적인 내용 소개 | 70:02 |
|---|
| 6 강 | 01_04_참고_Angular 프로젝트를 Azure 클라우드 서비스의 PaaS 기반인 Azure Web App에 게시하여 서비스하기 | 34:43 |
|---|
| 7 강 | 01_05_참고_Angular Spa Template 소개 | 25:07 |
|---|
| 8 강 | 01_06_참고_ASP.NET Core 2.0 Angular SPA 템플릿을 IE11에서도 사용 가능하도록 CoreJS 적용하기 | 09:20 |
|---|
| 9 강 | 01_07_Visual Studio Code에 Angular 관련 확장 설치(Angular Language Service, Angular TypeScript Snippets) | 02:56 |
|---|
| 10 강 | 02_01_앵귤러에서 알아야 할 8가지 핵심 개념 | 10:11 |
|---|
| 11 강 | 02_02_앵귤러 미리보기 세미나 | 38:46 |
|---|
| 12 강 | 02_03_미리보기 세미나_Angular와 ASP.NET Core 2를 사용하여 아이디어 관리자 만들기 데모 | 69:32 |
|---|
| 13 강 | 02_04_NG_DNN_01_Angular 프로젝트 생성 및 실행하기 | 09:27 |
|---|
| 14 강 | 02_05_NG_DNN_02_Angular 프로젝트에 컴포넌트 만들고 컴포넌트를 부분 페이지로 사용하기 | 17:18 |
|---|
| 15 강 | 02_06_NG_DNN_03_Angular 라우팅 시스템을 사용하여 경로를 갖는 독립 페이지로 실행하기 | 16:39 |
|---|
| 16 강 | 02_07_NG_DNN_04_지연 로딩(Lazy Loading) 기반의 demos 독립 모듈 만들기 | 38:20 |
|---|
| 17 강 | 02_08_NG_DNN_05_지연 로딩 방식의 독립 모듈을 만들면 프로젝트 소스 복사 등에서 장점 | 06:24 |
|---|
| 18 강 | 02_09_NG_DNN_06_독립 모듈에 서로 다른 레이아웃을 정의하는 방법에 대한 설명 | 20:40 |
|---|
| 19 강 | 02_10_예제 소스 관리를 위한_지연 로딩(Lazy Loading) 기반의 examples 독립 모듈 만들기 | 64:13 |
|---|
| 20 강 | 02_11_예제 소스 관리를 위한_samples 컴포넌트_라우팅 모듈_모듈_독립 모듈_Lazy 로딩까지 연습 | 25:31 |
|---|
| 21 강 | 02_12_컴포넌트 만들고 라우팅 모듈에 등록하기_Examples_FileUploadComponent | 07:28 |
|---|
| 22 강 | 03_01_앵귤러 컴포넌트 | 15:21 |
|---|
| 23 강 | 03_02_컴포넌트_이론_설명_복습 | 06:35 |
|---|
| 24 강 | 03_03_ngFor 지시자를 사용하여 컬렉션 형태의 데이터를 출력하기 | 18:03 |
|---|
| 25 강 | 03_04_앵귤러 데모 컴포넌트 생성 및 데이터 바인딩 데모 | 36:29 |
|---|
| 26 강 | 03_05_데모_Angular CLI 사용 프로젝트 생성 후 Header와 Footer 컴포넌트 생성 및 AppComponent에 적용하기 | 21:12 |
|---|
| 27 강 | 03_06_타입스크립트의 인터페이스를 사용한 강력한 형식으로 프로그래밍 | 11:57 |
|---|
| 28 강 | 03_07_AngularCore 프로젝트 또는 모듈 이름으로 여러 컴포넌트 만들고 사용하기 연습 | 78:36 |
|---|
| 29 강 | 03_08_컴포넌트만들기연습_ImageUploadComponent_이미지 업로드 폼 만들기 연습 | 07:07 |
|---|
| 30 강 | 04_01_템플릿 이론 설명 | 19:28 |
|---|
| 31 강 | 04_02_MyRanking_랭킹 기능 구현_바인딩_서비스_Web API_자식 컴포넌트 등 사용 | 92:38 |
|---|
| 32 강 | 04_03_스타일 이론 설명 | 12:03 |
|---|
| 33 강 | 04_04_앵귤러 5의 레이아웃 시스템 전체 설명_모듈과 컴포넌트 그리고 라우팅 | 36:31 |
|---|
| 34 강 | 05_00_demo_form_FormDemoSimpleForm_Angular 폼 다루기_데이터 바인딩_유효성 검사_에러메시지 표시 | 54:02 |
|---|
| 35 강 | 05_01_데이터 바인딩만 다시 정리해서 이론 설명 | 12:50 |
|---|
| 36 강 | 05_02_이벤트 바인딩을 사용하여 폼에서 발생한 이벤트를 컴포넌트에서 사용하기_FileUploadComponent | 11:30 |
|---|
| 37 강 | 06_00_내장 지시자 이론 설명 | 16:43 |
|---|
| 38 강 | 06_01_ngIf와 ngFor 지시자를 사용하여 템플릿에서 if문과 for문 기능 처리 | 11:15 |
|---|
| 39 강 | 06_02_NgforComponent_ngFor 문 사용하기 | 06:57 |
|---|
| 40 강 | 06_03_ngStyle 어트리뷰트 지시자 | 06:55 |
|---|
| 41 강 | 07_00_모델과 컴포넌트 고급 및 라이프사이클 | 13:10 |
|---|
| 42 강 | 08_00_서비스(Service)와 인젝터 소개 | 15:11 |
|---|
| 43 강 | 08_01_ToDoList_TODO 리스트 앱 만들고 할일 목록 입력과 출력 기능 구현하기 | 60:02 |
|---|
| 44 강 | 08_02_Samples_Speakers_모델 클래스와 서비스 클래스를 만들고 발표자 리스트 출력하기 | 31:25 |
|---|
| 45 강 | 08_03_Angular 서비스_MissionService 서비스 클래스 생성 | 11:21 |
|---|
| 46 강 | 08_04_Service_서비스 클래스를 사용하여 평창 동계올림픽 최종 메달 집계 기능 구현하기 데모 | 30:39 |
|---|
| 47 강 | 09_00_중첩 컴포넌트(Input과 Output) | 09:35 |
|---|
| 48 강 | 09_01_코인 뷰어와 학점 계산기 예제 | 97:44 |
|---|
| 49 강 | 09_02_OutputDemo_Output 데코레이터를 사용하여 자식에서 발생한 데이터를 부모 컴포넌트에서 사용하기 | 16:43 |
|---|
| 50 강 | 10_00_앵귤러 라우팅_이론 설명 | 31:31 |
|---|
| 51 강 | 10_01_참고_AngularRoute_라우팅_AngularCLI를 사용하여 Home About Contact 페이지를 라우터로 이동시키기 | 18:26 |
|---|
| 52 강 | 10_02_RoutingDemo_라우팅 기초 | 44:56 |
|---|
| 53 강 | 11_00_앵귤러 모듈 이론 설명 | 22:21 |
|---|
| 54 강 | 11_01_Demos 모듈에 TemplateDrivenDemo 컴포넌트를 등록하고 라우팅 설정하기 | 09:20 |
|---|
| 55 강 | 11_02_2단계 형태의 서브 폴더 설정_Demos_Forms_User | 07:04 |
|---|
| 56 강 | 12_01_AngularFormDemo_앵귤러 템플릿 기반 폼 생성 및 폼의 값을 컴포넌트로 전달해서 사용하기 | 23:36 |
|---|
| 57 강 | 12_02_ImageUploadFormComponent_이미지 업로드 폼에서 이미지 미리보기 기능 구현 | 13:50 |
|---|
| 58 강 | 12_03_ImageUploadFormComponent_Validation_disabled 속성으로 폼 유효성 검사 | 05:21 |
|---|
| 59 강 | 12_04_템플릿 기반 폼 - 폼을 구성하고 폼에 입력한 값을 사용하기 및 유효성 검사 진행하기 | 32:06 |
|---|
| 60 강 | 12_05_로그인 폼 만들고 템플릿 기반 폼의 기능과 유효성 검사 기능 적용하기_DemosFormsUser | 31:57 |
|---|
| 61 강 | 12_06_Event 개체를 사용하여 템플릿 폼에서 생성된 파일 필드의 값을 코드 비하인드에서 받아 사용하기 | 12:22 |
|---|
| 62 강 | 12_07_ReactiveForm 사용해서 블로그 포스트 폼 만들기 | 42:44 |
|---|
| 63 강 | 13_01_라우팅 기반 샘플 프로젝트 만들고 대시보드 모듈과 공지사항 관련 컴포넌트들 생성하기 | 19:51 |
|---|
| 64 강 | 13_02_Router와 ActivatedRouter를 사용하여 페이지 이동 및 라우트 매개변수 가져오기 | 26:23 |
|---|
| 65 강 | 13_03_반복_Angular CLI로 대시보드 상품 페이지 구조 잡기_상품 등록_리스트_상세_수정 페이지 등 작성 및 이동 기능 구현 | 94:19 |
|---|
| 66 강 | 14_00_파이프(Pipe) 간단 소개 | 03:03 |
|---|
| 67 강 | 15_00_Http와 비동기(Promise와 Observable(RxJS)) | 24:48 |
|---|
| 68 강 | 15_01_미니 세미나_Angular와 ASP.NET Core Web API 서비스 연동 | 78:16 |
|---|
| 69 강 | 15_02_앵귤러 파일 업로드_폼에서 Http 개체의 post 함수를 통해서 Web API를 거쳐 파일을 업로드하기 | 19:18 |
|---|
| 70 강 | 15_03_백엔드와 프론트엔드_앵귤러까지 | 60:35 |
|---|
| 71 강 | 15_04_참고_구강좌_GitHub Web API 정보를 읽어서 CoursesComponent에 출력하는 HTTP 서비스 사용하기 | 20:11 |
|---|
| 72 강 | 15_05_참고_구강좌_HTTP 모듈을 사용하여 Web API의 JSON 데이터를 가져다가 출력하기 | 36:40 |
|---|
| 73 강 | 16_01_BlogPost_01_BlogPost 페이지 작성 연습을 통한 앵귤러의 주요 기능 살펴보기 강의 소개 | 05:25 |
|---|
| 74 강 | 16_02_BlogPost_02_BlogPost 페이지 작성 연습을 통한 앵귤러의 주요 기능 살펴보기_프로젝트 생성 및 지연 로딩까지 | 20:36 |
|---|
| 75 강 | 16_03_BlogPost_03_BlogPost 페이지 작성 연습을 통한 앵귤러의 주요 기능 살펴보기_프로젝트 소스 복원 완료 및 실행 | 33:10 |
|---|
| 76 강 | 16_04_BlogPost_04_BlogPost 페이지 작성 연습을 통한 앵귤러의 주요 기능 살펴보기_강의 소스에 포함 및 Azure에 게시 | 11:44 |
|---|
| 77 강 | 16_05_BlogPost_01_블로그 포스트 프로젝트 시작_Angular CLI 사용 | 11:37 |
|---|
| 78 강 | 16_06_BlogPost_02_속성 바인딩과 이벤트 바인딩 사용하여 블로그 리스트와 포스트 리스트 표현 | 09:38 |
|---|
| 79 강 | 16_07_BlogPost_03_ngModel을 사용한 양방향 바인딩으로 관련 태그 리스트 표시 | 05:46 |
|---|
| 80 강 | 16_08_BlogPost_04_템플릿을 파일로 분리 및 컴포넌트 전용 스타일 적용하기 | 07:39 |
|---|
| 81 강 | 16_09_BlogPost_05_ngFor 구문을 사용하여 컬렉션 형태의 데이터 바인딩하기 | 07:37 |
|---|
| 82 강 | 16_10_BlogPost_06_카테고리 리스트 컴포넌트를 중첩(자식) 컴포넌트로 만들고 메인 페이지에 포함하기 | 13:58 |
|---|
| 83 강 | 16_11_BlogPost_07_최근 댓글 리스트 자식 컴포넌트 생성 및 Input 데코레이터로 값 전달하기 | 10:48 |
|---|
| 84 강 | 16_12_BlogPost_08_블로그 내용에 HTML 태그 처리 및 댓글과 카테고리 토글 기능 적용 | 06:32 |
|---|
| 85 강 | 16_13_BlogPost_09_블로그 아카이브 기능을 서비스 클래스를 만들고 생성자 매개변수로 주입해서 컴포넌트에서 사용 | 23:23 |
|---|
| 86 강 | 16_14_BlogPost_10_공통 서비스 클래스인 LoggerService 클래스 생성 후 여러 컴포넌트에 로그 남기는 기능 적용 | 07:47 |
|---|
| 87 강 | 16_15_BlogPost_11_현재 사이트에서 사용된 기술 리스트 및 추천 사이트를 메인 페이지에 자리잡고 기본 모양 출력 | 11:50 |
|---|
| 88 강 | 16_16_BlogPost_12_TechListViewComponent와 TechListDataService 클래스 만들고 서비스를 주입해서 기본 데이터 출력 | 14:57 |
|---|
| 89 강 | 16_17_BlogPost_13_기술 리스트를 Promise를 사용하여 비동기적으로 읽어오기 | 09:57 |
|---|
| 90 강 | 16_18_BlogPost_14_사이트 리스트를 Observable을 사용하여 비동기적으로 읽어오기 | 21:00 |
|---|
| 91 강 | 16_19_BlogPost_BlogPostMainSummaryComponent_메인 페이지에 최근 블로그 포스트 리스트 출력하는 컴포넌트 생성 | 13:00 |
|---|
| 92 강 | 16_20_BlogPost_20_강력한 형식을 사용하기 위해서 PostViewModel 클래스와 DateViewModel 클래스 만들고 적용하기 | 14:07 |
|---|
| 93 강 | 17_00_AngularNote 홈페이지 꾸미기(메인 페이지 꾸미기 데모) | 94:48 |
|---|
| 94 강 | 17_01_참고_About과 Contact 페이지 작성 데모 | 32:04 |
|---|
| 95 강 | 18_01_참고_구강좌_Ones 테이블부터 MVC 컨트롤러와 Web ASPI까지 서버측 기능 구현 | 66:49 |
|---|
| 96 강 | 19_01_참고_구강좌_Twos 테이블 생성 및 서버측 기능인 Web API까지 그리고 서비스를 거쳐 컴포넌트까지 구현하기 | 42:50 |
|---|
| 97 강 | 20_01_참고_구강좌_Threes 테이블부터 ASP.NET Core를 거쳐 Angular 컴포넌트까지 데이터 입력과 출력하기 | 42:09 |
|---|
| 98 강 | 21_01_참고_구강좌_Fours 테이블부터 ASP.NET Core를 거쳐 Angular 컴포넌트까지 데이터 입력과 출력하기 | 90:09 |
|---|
| 99 강 | 22_01_참고_구강좌_Questions 테이블부터 ASP.NET Core를 거쳐 Angular 컴포넌트까지 | 99:99 |
|---|
| 100 강 | 23_01_참고_Attendees_참여자 모집 앱 처음부터 입출력 기능까지 구현하기 | 81:54 |
|---|
| 101 강 | 24_01_참고_아이디어 관리자_ASP.NET Core와 Angular로 SPA 만들기 | 72:47 |
|---|
| 102 강 | 25_01_참고_Points 테이블부터 Point 컴포넌트까지 JSON 데이터를 읽어다가 앵귤러 뷰 컴포넌트에 출력하기 데모 | 38:34 |
|---|
| 103 강 | 95_01_부록_Ionic_맛보기_Hello World_Ionic 2 설치 및 프로젝트 생성 및 실행 | 07:38 |
|---|
| 104 강 | 95_02_부록_Ionic_맛보기_FanStart 앱 만들기 시작 - 프로젝트 생성 및 실행 | 03:37 |
|---|
| 105 강 | 99_01_부록_참고_Angular 4와 ASP.NET Core를 사용한 웹 응용 프로그램 개발 01 | 61:58 |
|---|
| 106 강 | 99_02_부록_참고_Angular 4와 ASP.NET Core를 사용한 웹 응용 프로그램 개발 02_라우팅과 Lazy Loading | 64:47 |
|---|
| 107 강 | 99_03_부록_참고_ASP.NET Core에서부터 Angular까지(테이블부터 웹 페이지까지) 전체 훑어보기 | 71:00 |
|---|
