| 1 |
 |
Angular 강의소개 |
 |
26:38 |
 |
|
| 2 |
|
Angular 4 개발 시작하기 |
|
82:21 |
|
|
| 3 |
|
00_01_앵귤러2 개발 환경 구축 및 HelloWorld 출력하기 |
|
14:44 |
|
|
| 4 |
|
00_02_2017년 3월 17일자 앵귤러2 개발환경 구축(VSCode, Node.js, NPM, Git, AngularCLI) |
|
16:57 |
|
|
| 5 |
|
00_03_AngularFour_앵귤러 CLI 설치 및 Angular 4.0 프로젝트 생성 및 실행 |
|
12:08 |
|
|
| 6 |
|
00_11_Visual Studio 2017 커뮤니티 다운로드 및 설치 그리고 실행하기 |
|
14:18 |
|
|
| 7 |
|
00_12_Visual Studio 2017에 Web Essentials 2017 확장 설치 |
|
05:41 |
|
|
| 8 |
|
00_13_Visual Studio 2017에 Bootstrap Code Snippet Pack 확장 설치 |
|
05:43 |
|
|
| 9 |
|
00_14_Visual Studio 2017에 Angular 2 Snippet Pack 확장 설치 |
|
05:52 |
|
|
| 10 |
|
00_15_Visual Studio 2017을 사용하여 Angular2 개발하기 데모 A to Z |
|
29:45 |
|
|
| 11 |
|
01_02_참고_ASP.NET Core와 Angular를 함께 사용하기 위한 최적의 환경인 ASP.NET Core Template Pack 소개 및 데모 |
|
10:57 |
|
|
| 12 |
|
01_03_앵귤러에서 알아야 할 8가지 핵심 개념 |
|
10:11 |
|
|
| 13 |
|
01_05_(참고) Angular2_Hello_World(퀵스타트)_처음으로 작성해보는 Angular2 앱 |
|
24:16 |
|
|
| 14 |
|
01_06_(참고) Angular 2_AngularHelloWorld_Git을 사용하여 Angular 2 Hello World 소스 다운로드 및 실행 그리고 바인딩 설명 |
|
24:15 |
|
|
| 15 |
|
01_07_(참고) Angular2_Hello_World_Part3_Angular_CLI를_사용하여_Angular2_프로젝트_생성_및_실행 |
|
16:25 |
|
|
| 16 |
|
01_08_(참고) 타입스크립트 2.0 소개 및 퀵스타트 따라하기 |
|
41:22 |
|
|
| 17 |
|
01_12_앵귤러 2 컴포넌트(Component) 소개 |
|
13:41 |
|
|
| 18 |
|
01_13_퀵스타트 예제에서 추가로 템플릿으로 분리 후 바인딩 및 ngModel을 사용한 양방향 바인딩 설명 |
|
19:47 |
|
|
| 19 |
|
01_14_ngFor 지시자를 사용하여 컬렉션 형태의 데이터를 출력하기 |
|
08:19 |
|
|
| 20 |
|
01_15_ITech_인터페이스를 사용한 강력한 형식으로 프로그래밍 |
|
06:01 |
|
|
| 21 |
|
01_17_Angular CLI를 사용하여 프로젝트 생성 후 Header와 Footer 컴포넌트 생성 및 AppComponent에 적용하기 |
|
21:12 |
|
|
| 22 |
|
01_20_앵귤러2 데이터 바인딩 소개 및 데모 |
|
22:08 |
|
|
| 23 |
|
01_30_앵귤러2 서비스(Service) 소개 |
|
21:41 |
|
|
| 24 |
|
01_51_ToDoList_01_ToDoApp과 ToDoList 컴포넌트 만들기 데모 |
|
18:20 |
|
|
| 25 |
|
01_52_ToDoList_02_ToDoDataServie 서비스 클래스 만들고 컴포넌트에 주입해서 사용하기 |
|
08:37 |
|
|
| 26 |
|
01_53_ToDoList_03_ToDoList 컴포넌트에 할일 완료 버튼 만들고 토글시키고 스타일 적용하기 |
|
10:43 |
|
|
| 27 |
|
01_54_ToDoList_04_ToDoCreate 컴포넌트 만들고 데이터 입력 기능 구현하기 |
|
12:02 |
|
|
| 28 |
|
02_00_앵귤러4 기본 지시자 |
|
17:20 |
|
|
| 29 |
|
02_01_AngularCore_Angular2 웹앱 만들기 시작 |
|
07:15 |
|
|
| 30 |
|
02_02_AngularCore_WelcomeComponent_Welcome 컴포넌트 만들고 App 컴포넌트에 포함해서 출력하기 |
|
13:31 |
|
|
| 31 |
|
02_03_AngularCore_About_Contact_컴포넌트 추가하기 |
|
08:47 |
|
|
| 32 |
|
02_04_AngularCore_Visual Studio Code 설정 파일 추가 및 ProductList 컴포넌트 추가 |
|
12:46 |
|
|
| 33 |
|
02_05_AngularCore_배열형 속성을 생성하고 컬렉션 형태의 데이터를 내장 지시자를 사용하여 출력하기 |
|
13:45 |
|
|
| 34 |
|
02_06_AngularCore_속성 바인딩을 사용하여 샘플 이미지 출력하기 |
|
07:13 |
|
|
| 35 |
|
02_07_AngularCore_About 페이지에 추천 사이트 목록을 내장 지시자와 속성 바인딩을 사용해서 출력 |
|
06:57 |
|
|
| 36 |
|
02_10_ngIf와 ngFor 지시자를 사용하여 템플릿에서 if문과 for문 기능 처리 |
|
11:15 |
|
|
| 37 |
|
02_11_ngStyle 어트리뷰트 지시자 |
|
06:55 |
|
|
| 38 |
|
02_50_폼_템플릿 기반 폼_슬라이드 보고 이론 설명 |
|
24:01 |
|
|
| 39 |
|
02_51_Angular_BlogPost_01_블로그 포스트 프로젝트 시작_Angular CLI 사용 |
|
11:37 |
|
|
| 40 |
|
02_52_Angular_BlogPost_02_속성 바인딩과 이벤트 바인딩 사용하여 블로그 리스트와 포스트 리스트 표현 |
|
09:37 |
|
|
| 41 |
|
02_53_Angular_BlogPost_03_ngModel을 사용한 양방향 바인딩으로 관련 태그 리스트 표시 |
|
05:46 |
|
|
| 42 |
|
02_54_Angular_BlogPost_04_템플릿을 파일로 분리 및 컴포넌트 전용 스타일 적용하기 |
|
07:39 |
|
|
| 43 |
|
02_55_Angular_BlogPost_05_ngFor 구문을 사용하여 컬렉션 형태의 데이터 바인딩하기 |
|
07:37 |
|
|
| 44 |
|
02_56_Angular_BlogPost_06_카테고리 리스트 컴포넌트를 중첩(자식) 컴포넌트로 만들고 메인 페이지에 포함하기 |
|
13:58 |
|
|
| 45 |
|
02_57_Angular_BlogPost_07_최근 댓글 리스트 자식 컴포넌트 생성 및 Input 데코레이터로 값 전달하기 |
|
10:48 |
|
|
| 46 |
|
02_58_Angular_BlogPost_08_블로그 내용에 HTML 태그 처리 및 댓글고 카테고리 토글 기능 적용 |
|
06:32 |
|
|
| 47 |
|
02_59_Angular_BlogPost_09_블로그 아카이브 기능을 서비스 클래스를 만들고 생성자 매개변수로 주입해서 컴포넌트에서 사용 |
|
23:23 |
|
|
| 48 |
|
02_60_Angular_BlogPost_60_공통 서비스 클래스인 LoggerService 클래스 생성 후 여러 컴포넌트에 로그 남기는 기능 적용 |
|
07:47 |
|
|
| 49 |
|
02_61_BlogPost_현재 사이트에서 사용된 기술 리스트 및 추천 사이트를 메인 페이지에 자리잡고 기본 모양 출력 |
|
11:50 |
|
|
| 50 |
|
02_62_BlogPost_TechListViewComponent와 TechListDataService 클래스 만들고 서비스를 주입해서 기본 데이터 출력 |
|
14:57 |
|
|
| 51 |
|
02_63_BlogPost_기술 리스트를 Promise를 사용하여 비동기적으로 읽어오기 |
|
09:57 |
|
|
| 52 |
|
02_64_BlogPost_사이트 리스트를 Observable을 사용하여 비동기적으로 읽어오기 |
|
21:00 |
|
|
| 53 |
|
02_65_BlogPost_BlogPostMainSummaryComponent_메인 페이지에 최근 블로그 포스트 리스트 출력하는 컴포넌트 생성 |
|
13:00 |
|
|
| 54 |
|
02_66_BlogPost_강력한 형식을 사용하기 위해서 PostViewModel 클래스와 DateViewModel 클래스 만들고 적용하기 |
|
14:07 |
|
|
| 55 |
|
03_01_AngularNote_AngularNote 프로젝트 생성(ASP.NET Core 템플릿 사용) |
|
04:42 |
|
|
| 56 |
|
03_02_AngularNote_AngularNote 프로젝트에 About과 Contact 컴포넌트 추가하기 |
|
11:08 |
|
|
| 57 |
|
03_03_Demo 컴포넌트 생성 |
|
06:56 |
|
|
| 58 |
|
03_04_Angular_Demo_Data_BoundComponent_데이터 바인딩 데모 1 |
|
04:30 |
|
|
| 59 |
|
03_05_Angular_Demo_Data_BoundComponent_데이터 바인딩 데모 2 - 속성 바인딩 |
|
04:21 |
|
|
| 60 |
|
03_06_InputDemoComponent_데모_양방향바인딩_텍스트박스를 사용하여 양방향 바인딩하기 |
|
13:35 |
|
|
| 61 |
|
03_07_SelectOption_드롭다운리스트 데모_선택된 값을 가져오는 2가지 방법 |
|
07:05 |
|
|
| 62 |
|
03_09_앵귤러 라우팅_이론 설명 |
|
31:31 |
|
|
| 63 |
|
03_10_AngularRoute_AngularCLI를 사용하여 Home About Contact 페이지를 라우터로 이동시키기 |
|
18:26 |
|
|
| 64 |
|
03_11_AngularNote_About과 Contact 페이지 내용 꾸미기 |
|
06:42 |
|
|
| 65 |
|
03_12_AngularNote_모든 페이지에서 사용될 공통 뷰 컴포넌트인 SiteList와 TechList 만들고 About과 Contact에 적용하기 |
|
12:01 |
|
|
| 66 |
|
03_15_OutputDemo_Output 데코레이터를 사용하여 자식에서 발생한 데이터를 부모 컴포넌트에서 사용하기 |
|
16:43 |
|
|
| 67 |
|
03_20_Angular 서비스_MissionService 서비스 클래스 생성 |
|
11:21 |
|
|
| 68 |
|
03_25_Service_서비스 클래스를 사용하여 평창 동계올림픽 최종 메달 집계 기능 구현하기 데모 |
|
27:48 |
|
|
| 69 |
|
03_29_AngularNote_GitHub Web API 정보를 읽어서 CoursesComponent에 출력하는 HTTP 서비스 사용하기 |
|
20:11 |
|
|
| 70 |
|
03_30_Angular2의 HTTP 모듈을 사용하여 Web API의 JSON 데이터를 가져다가 출력하기 |
|
36:40 |
|
|
| 71 |
|
03_50_AngularNote_RoutingDemo_1_라우팅 기초_리스트와 상세보기 페이지 만들고 ActivatedRouter 서비스 클래스로 id 매개변수 받기 |
|
22:37 |
|
|
| 72 |
|
03_51_AngularNote_RoutingDemo_2_라우팅 기초_Router 서비스 클래스를 사용하여 특정 경로로 이동하기 |
|
07:01 |
|
|
| 73 |
|
03_52_AngularNote_RoutingDemo_3_라우팅 기초_라우팅 가드 서비스를 만들고 id값을 숫자값으로만 제한하기 |
|
15:17 |
|
|
| 74 |
|
04_01_MyRanking_01_컬렉션 형태의 데이터를 속성 바인딩과 이벤트 바인딩 사용 및 ngFor와 ngIf 그리고 파이프를 사용하여 출력하기 |
|
23:35 |
|
|
| 75 |
|
04_02_MyRanking_02_인터페이스 및 styles 속성 추가 |
|
10:51 |
|
|
| 76 |
|
04_03_MyRanking_03_페이지 로드 이벤트 및 서비스 클래스 생성 및 생성자에서 서비스 클래스 주입해서 사용 |
|
14:56 |
|
|
| 77 |
|
04_04_MyRanking_04_Web API를 만들고 JSON 데이터를 반환하고 이를 MyRanking 컴포넌트에서 사용 |
|
15:05 |
|
|
| 78 |
|
04_05_MyRanking_05_자식 컴포넌트 만들기_Input 데코레이터와 Output 데코레이터로 데이터 주고 받기 |
|
28:10 |
|
|
| 79 |
|
05_01_FormDemoSimpleForm_01_Angular 폼 시작 |
|
15:31 |
|
|
| 80 |
|
05_02_FormDemoSimpleForm_02_데이터 바인딩(단방향 바인딩과 양방향 바인딩) |
|
16:45 |
|
|
| 81 |
|
05_03_FormDemoSimpleForm_03_체크박스 라디오버튼 드롭다운리스트에 바인딩 |
|
07:50 |
|
|
| 82 |
|
05_04_FormDemoSimpleForm_04_폼 유효성 검사를 위한 속성들 |
|
07:39 |
|
|
| 83 |
|
05_05_FormDemoSimpleForm_05_에러 메시지 표시하기 |
|
05:55 |
|
|
| 84 |
|
05_10_TemplateDrivenDemo_1_Angular 2의 템플릿 기반 폼을 사용하여 폼을 구성하고 폼에 입력한 값을 사용하기 |
|
21:27 |
|
|
| 85 |
|
05_11_TemplateDrivenDemo_2_템플릿 기반 폼에서 유효성 검사 진행하기 |
|
10:39 |
|
|
| 86 |
|
05_20_AngularNote_UserComponent_로그인 폼 만들고 템플릿 기반 폼의 기능과 유효성 검사 기능 적용하기 |
|
31:57 |
|
|
| 87 |
|
05_51_coin-viewer_01_폼과 양방향 바인딩 그리고 이벤트를 사용하여 화폐 매수 계산기 구현 |
|
26:27 |
|
|
| 88 |
|
05_52_coin-viewer_02_폼과 양방향 바인딩 그리고 이벤트를 사용하여 화폐 매수 계산기 구현 |
|
10:38 |
|
|
| 89 |
|
05_53_coin-viewer_03_coin-graph 자식 컴포넌트로 코인 그래프 기능 표현하기 1 |
|
18:29 |
|
|
| 90 |
|
05_54_coin-viewer_04_coin-graph 자식 컴포넌트로 코인 그래프 기능 표현하기 4 |
|
09:37 |
|
|
| 91 |
|
05_55_학점 계산기 만들기_부모와 자식 컴포넌트_Input 데코레이터_getter와 setter_템플릿 기반 폼 등 사용 |
|
32:33 |
|
|
| 92 |
|
06_01_AngularNote_Blog_1_BlogPostComponent_ReactiveForm 사용해서 블로그 포스트 폼 만들기 |
|
29:06 |
|
|
| 93 |
|
06_02_AngularNote_Blog_2_BlogPostComponent_ReactiveForm 사용해서 블로그 포스트 폼 만들기 |
|
11:45 |
|
|
| 94 |
|
07_01_AngularNote_MainSummaryComponent_HTTP 서비스를 사용하는 가장 간단한 방식으로 게시판과 댓글 리스트 가져오기 |
|
13:23 |
|
|
| 95 |
|
07_02_AngularIdeaManager_Angular 2의 HTTP 서비스를 사용하여 데이터 입출력하는 가장 간단한 예제 |
|
39:25 |
|
|
| 96 |
|
10_01_AngularNote_DotNetNote_Database_1_Ones 테이블부터 MVC 컨트롤러와 Web ASPI까지 서버측 기능 구현 |
|
40:18 |
|
|
| 97 |
|
10_02_AngularNote_DotNetNote_Database_2_Ones 테이블부터 Angular의 컴포넌트와 뷰 템플릿까지 클라이언트측 기능 구현 |
|
26:31 |
|
|
| 98 |
|
10_03_AngularNote_DotNetNote_Database_3_Twos 테이블 생성 및 서버측 기능인 Web API까지 구현하기 |
|
20:35 |
|
|
| 99 |
|
10_04_AngularNote_DotNetNote_Database_4_앵귤러 컴포넌트에서 사용할 데이터 서비스 클래스 만들기 |
|
22:14 |
|
|
| 100 |
|
10_05_AngularNote_DotNetNote_Database_5_Threes 테이블 관련해서 Web API의 POST 메서드를 좀 더 꾸미기 |
|
19:24 |
|
|
| 101 |
|
10_06_AngularNote_DotNetNote_Database_6_IThree 인터페이스 만들고 서비스와 컴포넌트 클래스에서 강력한 형식으로 사용하기 |
|
14:46 |
|
|
| 102 |
|
10_07_AngularNote_DotNetNote_Database_7_POST 관련 메서드도 서비스 클래스에 생성한 후 컴포넌트에서 호출해서 사용하기 |
|
07:58 |
|
|
| 103 |
|
10_08_AngularNote_DotNetNote_Database_8_Fours 테이블부터 FourService Web API까지 서버측 기능 새로 추가 구현 |
|
06:38 |
|
|
| 104 |
|
10_09_AngularNote_DotNetNote_Database_9_클라이언트 측 기능인 four 컴포넌트와 데이터 서비스 클래스 생성 및 테스트 |
|
17:33 |
|
|
| 105 |
|
10_10_AngularNote_DotNetNote_Database_10_컴포넌트와 서비스를 Barrel을 사용하여 하나의 이름으로 참조하기 |
|
04:55 |
|
|
| 106 |
|
10_11_AngularNote_DotNetNote_Database_11_상세보기 페이지 생성 후 id값 전달하고 받기 및 라우팅 가드 설치 |
|
19:35 |
|
|
| 107 |
|
10_12_AngularNote_DotNetNote_Database_12_상세보기 페이지 데이터 출력 기능 구현 |
|
14:51 |
|
|
| 108 |
|
10_13_AngularNote_DotNetNote_Database_13_상세보기용 Web API를 IActionResult 반환형으로 변경하기 |
|
04:40 |
|
|
| 109 |
|
10_14_AngularNote_DotNetNote_Database_14_리스트 출력하는 기능을 따로 테이블 형태의 그리드 컴포넌트로 만들고 적용 |
|
14:38 |
|
|
| 110 |
|
10_15_AngularNote_DotNetNote_Database_15_예외 처리 출력 공통 메서드 |
|
07:16 |
|
|
| 111 |
|
10_16_FourDeleteComponent_템플릿 기반 폼 사용 연습을 위한 삭제 폼 구현하기 |
|
21:26 |
|
|
| 112 |
|
10_17_FourWriteComponent_데이터 입력 페이지 따로 분리 |
|
15:18 |
|
|
| 113 |
|
10_18_수정과 삭제 메서드 및 API 생성 |
|
06:55 |
|
|
| 114 |
|
10_19_삭제 기능 구현하기 |
|
07:40 |
|
|
| 115 |
|
10_20_수정 폼과 수정 기능 구현하기 |
|
13:45 |
|
|
| 116 |
|
10_21_AngularNote_Five_Fives 테이블을 사용하는 모델, 리파지터리, Web API 코드 적용 및 테스트 |
|
13:03 |
|
|
| 117 |
|
10_22_AngularNote_Five_Angular 모델 클래스(인터페이스)와 서비스 클래스 구현 |
|
20:52 |
|
|
| 118 |
|
10_23_AngularNote_Five_리스트 페이지 완성 및 페이징 로직 추가 |
|
21:31 |
|
|
| 119 |
|
10_24_AngularNote_Five_입력 페이지 작성 및 부트스트랩으로 모양 꾸미기 |
|
13:51 |
|
|
| 120 |
|
10_25_AngularNote_Five_상세 페이지 작성 및 가드 서비스 추가 및 부트스트랩 패널로 모양 꾸미기 |
|
11:47 |
|
|
| 121 |
|
10_26_AngularNote_Five_FiveModel 모델 클래스 추가 생성 및 글쓰기 폼에 양방향 바인딩으로 적용 |
|
06:27 |
|
|
| 122 |
|
10_27_AngularNote_Five_입력 폼에 체크박스를 두고 체크박스 체크해야만 저장되는 로직 추가 |
|
05:19 |
|
|
| 123 |
|
10_28_AngularNote_Five_수정 페이지 기능 구현 및 DataService 클래스 수정 메서드 버그 수정 |
|
11:35 |
|
|
| 124 |
|
10_29_AngularNote_Five_삭제 페이지 기능 구현 및 Four 폴더를 그대로 Five 폴더로 이동 완료 |
|
06:03 |
|
|
| 125 |
|
11_01_33_21_Questions_Questions, Question, IQuestionRepository, QuestionRepository 생성 |
|
23:33 |
|
|
| 126 |
|
11_02_33_22_QuestionDto 클래스, QuestionServiceController 컨트롤러 클래스, Get, GetById, Post 액션 메서드 구현 |
|
21:04 |
|
|
| 127 |
|
11_03_33_23_Web API 컨트롤러 클래스에 Put, Delete, Paging 액션 메서드 구현 |
|
12:47 |
|
|
| 128 |
|
11_04_Questions부터 question 페이지까지_서비스 클래스와 컴포넌트 클래스 생성 시작 |
|
28:51 |
|
|
| 129 |
|
11_05_그리드 컴포넌트 및 리스트 컴포넌트 완성 |
|
15:13 |
|
|
| 130 |
|
11_06_상세보기 컴포넌트 및 가드 서비스 추가 |
|
13:38 |
|
|
| 131 |
|
11_07_수정과 삭제 컴포넌트 완성 |
|
09:40 |
|
|
| 132 |
|
11_08_수정 폼을 리액티브 폼으로 변경 |
|
12:12 |
|
|
| 133 |
|
11_09_참고_QuestionsResolverService_라우트 리졸버 서비스 클래스 만들기 데모 |
|
15:01 |
|
|
| 134 |
|
19_01_AngularNote_모듈_SharedModule 모듈에 Copyright 컴포넌트 만들고 이를 AppModule의 특정 페이지에서 사용하기 |
|
08:33 |
|
|
| 135 |
|
20_01_Angular_FeatureModule_NotesModule 모듈로 독립적인 라우팅과 모듈을 만들고 AppModule에 적용하기 |
|
19:01 |
|
|
| 136 |
|
20_02_Angular_FeatureModule_서비스 클래스 만들고 독립 모듈에 적용 후 컴포넌트에서 사용하기 |
|
11:35 |
|
|
| 137 |
|
30_00_Hero 모듈 생성 및 CRUD 구현을 위한 프로젝트 데모 |
|
07:28 |
|
|
| 138 |
|
30_01_참고_SQL_테이블_Heroes 테이블 생성 및 입력 예시문부터 검색 예시문까지 SQL 구문 연습하기 |
|
17:18 |
|
|
| 139 |
|
30_02_DotNetNote_Hero_IHeroRepository_HeroRepository_모델 클래스부터 리포지토리 클래스까지 구현 |
|
35:35 |
|
|
| 140 |
|
30_03_DotNetNote_HeroController 컨트롤러 클래스 만들고 Index 액션과 뷰 페이지 구현 후 리스트 출력 테스트 |
|
11:17 |
|
|
| 141 |
|
30_04_DotNetNote_HeroController_Create_Edit_Delete_입력, 출력, 상세, 수정, 삭제 코드 살펴보기 |
|
05:50 |
|
|
| 142 |
|
30_05_DotNetNote_HeroesController_Web API 컨트롤러 만들고 Get 액션 메서드 구현 |
|
13:50 |
|
|
| 143 |
|
30_06_DotNetNote_HeroesController_GetById 액션 메서드 구현 |
|
08:40 |
|
|
| 144 |
|
30_07_DotNetNote_HeroesController_Post 액션 메서드 구현 |
|
20:30 |
|
|
| 145 |
|
30_08_DotNetNote_HeroesController_Put 액션 메서드 구현 |
|
09:45 |
|
|
| 146 |
|
30_09_DotNetNote_HeroesController_Delete 액션 메서드 구현 |
|
06:50 |
|
|
| 147 |
|
30_10_DotNetNote_HeroesController_페이징 처리용 Get 액션 메서드 구현 |
|
12:32 |
|
|
| 148 |
|
30_11_Angular에서 Web API의 JSON 데이터를 출력하기 위해서 AngularNote 프로젝트 만들고 Hero 클래스 적용 및 Heroes 모듈과 컴포넌트 등기본 구조 만들기 |
|
22:21 |
|
|
| 149 |
|
30_12_Angular에서 Web API의 JSON 데이터를 서비스 클래스 만들고 읽어서 컴포넌트에 출력하기 |
|
24:14 |
|
|
| 150 |
|
30_13_HeroesWriteComponent_저장 폼 및 코드 페이지 기본 구현 |
|
26:43 |
|
|
| 151 |
|
30_14_HeroesWriteComponent_저장 관련 데이터 서비스 메서드 구현 및 저장 기능 완료 |
|
18:46 |
|
|
| 152 |
|
30_15_HeroesDetailsComponent_상세 보기 페이지 관련 컴포넌트 및 기본 구조 작성하기 |
|
21:38 |
|
|
| 153 |
|
30_16_데이터 서비스 클래스에 getById 메서드 만들고 상세 보기 페이지 기능 적용 완료 |
|
10:35 |
|
|
| 154 |
|
30_17_HeroesGuardService_상세 보기 매개 변수 숫자 형식 체크용 가드 서비스 추가 |
|
06:06 |
|
|
| 155 |
|
30_18_HeroesResolverService_라우트 리졸버 서비스 클래스 만들기 |
|
14:37 |
|
|
| 156 |
|
30_19_라우트 설정에 리졸버 추가 후 리졸버를 사용하는 상세 보기 컴포넌트 만들기 |
|
13:15 |
|
|
| 157 |
|
30_20_HeroesEditComponent_수정 페이지 컴포넌트 생성 및 기본 데이터 바인딩 |
|
19:31 |
|
|
| 158 |
|
30_21_HeroesEditComponent_수정 페이지 관련 데이터 서비스 클래스에 메서드 생성 후 적용 완료 |
|
12:30 |
|
|
| 159 |
|
30_22_HeroesDeleteComponent_삭제 메서드 및 삭제 컴포넌트 구현 완성 |
|
20:20 |
|
|
| 160 |
|
30_23_HeroesIndexComponent_페이징 처리용 메서드 및 인덱스 컴포넌트 생성 |
|
15:03 |
|
|
| 161 |
|
30_24_HeroesGridComponent_그리드 컴포넌트 생성 및 리스트 페이지에 적용 |
|
15:37 |
|
|
| 162 |
|
30_25_페이저 적용 및 리스트 페이지에 페이징 적용 완료 |
|
17:17 |
|
|
| 163 |
|
30_26_HeroesEditReactiveComponent_수정 폼을 리액티브 폼으로 만들기 |
|
21:33 |
|
|
| 164 |
|
99_90_구강좌_참고_Angular 2 Hello World |
|
25:25 |
|
|
| 165 |
|
90_01_AngularNote 홈페이지 꾸미기_01_프로젝트 생성 및 AnModule 모듈 생성 및 상단 메뉴 만들기 |
|
23:32 |
|
|
| 166 |
|
90_02_AngularNote 홈페이지 꾸미기_02_메인 페이지에 카루셀 적용 및 메인 모양 꾸미기 |
|
09:37 |
|
|
| 167 |
|
99_03_CloudHunter_03_로컬에 만든 ASP.NET Core 프로젝트를 웹앱에 게시하기 |
|
22:17 |
|
|
| 168 |
|
90_04_AngularNote 홈페이지 꾸미기_04_About 페이지와 관련된 컴포넌트 2개 가져오기 |
|
10:38 |
|
|
| 169 |
|
90_05_AngularNote 홈페이지 꾸미기_05_Contact 페이지 적용 후 메뉴에 등록하기 |
|
06:11 |
|
|
| 170 |
|
90_06_AngularNote 홈페이지 꾸미기_06_BlogPost 예제에서 몇가지 컴포넌트 가져와서 적용하기 |
|
15:23 |
|
|
| 171 |
|
90_07_AngularNote 홈페이지 꾸미기_07_메뉴에 내용 추가 및 웹캠프 컴포넌트 추가 및 적용 |
|
12:58 |
|
|
| 172 |
|
99_01_CloudHunter_01_CloudHunter 웹 앱 만들기 |
|
11:16 |
|
|
| 173 |
|
99_02_CloudHunter_02_ASP.NET Core Template Pack을 사용하여 CloudHunter 웹 프로젝트 생성 |
|
12:38 |
|
|
| 174 |
|
90_03_AngularNote 홈페이지 꾸미기_03_메인 페이지에 최근 글 리스트 출력하는 컴포넌트 추가 |
|
12:16 |
|
|
| 175 |
|
99_98_부록_Visual Studio 2017을 사용하여 앵귤러2 웹 응용 프로그램 개발 및 Azure에 게시하기 |
|
33:43 |
|
|
| 176 |
|
99_99_참고_예전방식_Angular2를 ASP.NET Core에 올려서 서비스하기 |
|
43:39 |
|
|
| 177 |
|
00_20_Angular Spa Template 소개(Angular 4.0 버전) |
|
25:07 |
|
|
| 178 |
|
01_17_데모_Angular CLI 사용 프로젝트 생성 후 Header와 Footer 컴포넌트 생성 및 AppComponent에 적용하기 |
|
21:12 |
|
|
| 179 |
|
02_11_AngularNote_ngStyle 어트리뷰트 지시자_클릭 |
|
06:55 |
|
|
| 180 |
|
02_20_AngularNote_Angular CLI로 프로젝트 생성 후 Bootstrap 패키지 설치 및 페이지에 적용하기 |
|
11:02 |
|
|
| 181 |
|
02_21_AngularNote_Samples_NgforComponent_ngFor 문 사용하기 |
|
06:57 |
|
|
| 182 |
|
03_80_AngularNote_Samples_Speakers_모델 클래스와 서비스 클래스를 만들고 발표자 리스트 출력하기 |
|
29:18 |
|
|
| 183 |
|
09_01_미니 세미나_Angular와 ASP.NET Core RESTful 서비스 연동 1부 |
|
45:46 |
|
|
| 184 |
|
09_02_미니 세미나_Angular와 ASP.NET Core RESTful 서비스 연동 2부 |
|
32:29 |
|
|
| 185 |
|
09_10_Angular 4_Points 테이블부터 Point 컴포넌트까지 JSON 데이터를 읽어다가 앵귤러 뷰 컴포넌트에 출력하기 데모 |
|
32:41 |
|
|
| 186 |
|
10_50_보충강좌_코드정리_리팩터링_OneToNth 모듈 생성 후 One, Two, Three, Four, Five 컴포넌트 관련 페이지 생성하기 |
|
38:12 |
|
|
| 187 |
|
30_30_AngularNote_SharedModule_공유 모듈 만들고 페이징 헬퍼 컴포넌트 생성 및 여러 모듈에서 사용 |
|
22:09 |
|
|
| 188 |
|
40_01_AngularNote_Angular 4 애니메이션_SmallToBig |
|
20:03 |
|
|
| 189 |
|
50_01_Angular Augury 크롬 확장 도구 소개 |
|
06:31 |
|
|
| 190 |
|
95_01_AngularNote_Lazy Loading_admin 모듈과 관련 컴포넌트를 Lazy 로딩으로 읽어오기 |
|
27:26 |
|
|
| 191 |
|
95_02_AngularNote_Company_회사 소개 모듈 및 3개 컴포넌트 생성 |
|
33:35 |
|
|
| 192 |
|
95_03_AngularNote_HomeModule_home_about_contact |
|
26:06 |
|
|
| 193 |
|
95_04_AngularNote_HomeModule_VS 버전에 Home, About, Contact 적용하기 |
|
14:10 |
|
|
| 194 |
|
95_05_AngularNote_LazyLoading_mission1_mission2_미션1과 미션2 모듈을 Lazy 로딩으로 읽오어기 |
|
22:22 |
|
|
| 195 |
|
95_06_AngularNote_LazyLoading_mission3_mission4_미션3과 미션4 모듈을 서로 다른 레이아웃 컴포넌트를 적용하기 |
|
22:23 |
|
|
| 196 |
|
95_07_AngularNote_Mission3_레이아웃3을 상속하는 Mission3 컴포넌트 |
|
18:57 |
|
|
| 197 |
|
96_01_AngularNote_toastr_01_toastr 자바스크립트 라이브러리를 앵귤러 프로젝트에 포함시켜 서비스 클래스로 래핑해서 사용하기 |
|
14:56 |
|
|
| 198 |
|
96_02_AngularNote_toastr_02_AngularNote 프로젝트의 Samples 경로에 toastr 예제 적용하기 |
|
11:21 |
|
|
| 199 |
|
98_01_AngularNoteDemo_Angular 2 강의 소스를 Azure 웹앱에 게시하기 |
|
38:56 |
|
|
| 200 |
|
공개강의_미리보기_강의 소스인 DotNetNote 최신 버전 다운로드 및 설치 그리고 실행 데모 |
|
43:42 |
|
|
| 201 |
|
Thank you for your endeavor~!! |
|
|
|
|
