ALL FREEPASS | C# | ASP.NET | ASP.NET Core | MVC Framework | WPF | JAVA | I/O Thread | JSP | MVC JSP | Spring / SpringBoot
Python | Data Analysis | Android / Kotlin | Android Pro | Unity | C / C++ | Algorithm | Data Structure | Design Pattern | Console Game | ASP/PHP | Git / IDE
HTML5 / CSS3 | JavaScript | jQuery | JSON / Ajax / DOM | Node.js / React / Vue.js | Angular | Server | SQL | Linux | Oracle | Notion | FREE ( 무료 강좌 )
[앵귤러 종합과정 Part 1] Angular 프론트엔드 프레임워크 入門
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     동영상다운
수강기간 : 2개월 / 수강료 : \275,000 원

Angular 프론트엔드 프레임워크 入門 완벽 강좌입니다.
.
.

전체 강의시간은 부록강의까지 총 39시간 정도 됩니다.
따라서 긴 호흡을 가지고 하루에 일정한 분량을 학습해 나가는게 좋습니다.

Angular 프런트엔드 프레임워크는
현재 춘추전국시대와 같은 프런트엔드 프레임워크 시장에서
상위 인기를 달리고 있는 프레임워크입니다.
40시간에 가까운 강의시간은 책으로 비교한다면
어지간한 입문책 2권 분량의 긴 분량인 만큼 열심히 공부하세요~
.
.

자세한 강의개요는 무료 맛보기 샘플강좌를 참고해주시고요.
끝으로,
선수학습으로는 당연히 자바스크립트가 되겠습니다.
혹시라도 자바스크립트 기초가 약하다고 생각되시는 분들은
사이트내 서비스중인 자바스크립트 강좌를 철저히 학습한 후 공부하실 것을 권장합니다.
강좌명은 아래와 같습니다.

처음부터 다시 시작하는 Javascript 완전정복


- 강사 알림 -


p.s(추신) :
강의목차 말미에 부록으로 Ionic 간단한 맛보기 강좌를 추가했습니다.
Ionic 프레임워크는 모바일 앱 프레임워크입니다.
앵귤러, 타입스크립트 기반이기 때문에 앵귤러가 권장 선수학습이 됩니다.
앵귤러를 공부한 유저들에게 요즘 크게 각광받는 모바일 앱 프레임워크입니다.
본 강의가 앵귤러 강의인 만큼 강의 말미에 부록으로 간단히 찍어봤습니다.

감사합니다.



VIP Freepass 전과정 자유이용권 혜택보기