로그인

새롭게 바뀐 앵귤러 프레임워크의 학습 부담을 줄여줄 수 있도록 예제를 만들어가면서 원리를 자세하게 설명한 강좌입니다.

1. 강좌 소개

Angular 4 는 구글에서 만든 오픈소스 프레임워크로 웹 어플리케이션을 쉽게 개발하게 해주는 도구로써,
프론트에서 사용하는 프로그래밍 언어인 자바스크립트가 서버에서도 동작하는 언어로 발전하면서 나온 다양한 프레임워크 중 하나입니다. 이번 강의에서는 가장 인기있는 프레임워크인 리액트와 앵귤러 중에서 앵귤러 4 강의를 진행합니다.

이번 강의에서는 새롭게 바뀐 앵귤러 프레임워크를 좀 더 쉽고 빠르게 이해하기 위해 직접 예제파일 만들면서 원리를 설명해드립니다.

2. 학습 목표

  • 앵귤러 소개
  • 앵귤러 개발환경 구축
  • 앵귤러 아키텍처 이해
  • 컴포넌트의 이해
  • 서비스의 이해
  • 컴포넌트의 생명주기

3. 학습 대상

  • 자바스크립트의 기본 적인 지식이 있는 개발 입문자
  • Jquery나 앵귤러JS를 사용해 본 개발자
  • 웹 개발자로 취업을 하고자 하는 취업 준비생

4. 참고 사항

해당 강의는 질문답변이 포함되지 않습니다.

 

강좌 평가

1.5

2 개의 수강평
  • 5 점0
  • 4 점0
  • 3 점0
  • 2 점1
  • 1 점1
  1. Amy의 프로필 사진

    편집을 아예 안 하신듯...

    1

    강의 준비를 거의 하지 않으시고, 연습도 안 해보신 상태에서 그냥 되는대로 찍으신 것 같아요;
    스스로 저장한 파일이 어딘지도 몰라서 그 파일을 찾아서 혼자 중얼중얼하시면서 찾는 장면이라던지…이런거는 편집하시거나 다시 찍어나 하셔야죠 ;; 무료강의도 아닌데 날 것 그 자체를 그냥 올리셨다니 완성도가 너무 떨어져서 놀라울 따름입니다.

  2. Gunho Lee의 프로필 사진

    강의 준비가 전반적으로 아쉬웠습니다.

    2

    강의 중간 계속 발생하는 오류와 오류 처리를 위해 쓸데없는 시간이 지나가는 느낌입니다.
    이런 부분은 동영상 강의 특성상 편집 단계에서 처리할 수 있다고 생각합니다.

강좌 교육과정

Part 1-1. Angular 소개
Angular 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:23:00
개발환경 구축하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:35:00
NPM 사용해보기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:34:00
Part 1-2. TypeScript 소개
TypeScript 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:35:00
TypeScript 설치 및 컴파일러 설정학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:33:00
앵귤러 프로젝트 만들어보기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:34:00
Part 1-3. 앵귤러 아키텍쳐 이해하기
앵귤러 아키텍쳐 이해하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:32:00
컴포넌트 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:34:00
컴포넌트 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:33:00
컴포넌트 3학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:37:00
데이터바인딩학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:33:00
서비스 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:36:00
서비스 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:34:00
지시자학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:36:00
Part 2-1. View의 구조
컴포넌트학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:37:00
부트스트래핑, 컴포넌트트리학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:32:00
템플릿학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:32:00
단방향 바인딩학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:31:00
양방향 바인딩학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:38:00
카운팅 프로그램 만들어보기 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:35:00
카운팅 프로그램 만들어보기 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:26:00
구조지시자 NgIf, NgFor, NgSwitch학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:32:00
파이프학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:35:00
Part 2-2. 서비스 사용하기
서비스 사용하기 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:25:00
서비스 사용하기 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:34:00
서비스 사용하기 3학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:33:00
서비스 사용하기 4학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:38:00
Part 2-3. 데코레이터, 의존성 주입
Input 데코레이터학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:34:00
의존성 주입기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:00:00
싱글턴 서비스의 이해 및 의존성 주입기 트리학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:35:00
Part 2-4. @Host, @Optional
@Host, @Optional 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:27:00
@Host, @Optional 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:20:00
Part 3-1. 컴포넌트 통신
DOM API를 이용 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:34:00
DOM API를 이용 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:39:00
@Input, @Output학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:34:00
프로퍼티바인딩, set 메서드학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:31:00
이벤트바인딩학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:20:00
서비스를 이용한 상태 공유 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:37:00
서비스를 이용한 상태 공유 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:38:00
서비스를 이용한 상태 공유 3학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:39:00
서비스를 이용한 상태 공유 4학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:34:00
서비스를 이용한 상태 공유 5학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:26:00
Part 3-2. 템플릿탐색
앵귤러의 템플릿 요소 탐색 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:36:00
앵귤러의 템플릿 요소 탐색 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:34:00
Part 3-3. ViewChild & ViewChildren
ViewChild와 ViewChildren을 이용한 DOM 바인딩학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:37:00
Part 3-4. 템플릿 참조변수
템플릿에서 템플릿 참조변수 사용하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:28:00
Part 3-5. ContentChild
Content Projection, ContentChild, ContentChildren 이해학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:30:00
Content Projection 사용 예학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:39:00
Part 3-6. 라이프사이클
컴포넌트의 라이프사이클 이해학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:35:00
Part 3-7. ngOnInit & ngOnChange
ngOnInit, ngDestroy 사용학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:30:00
ngOnChange 사용 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:32:00
ngOnChange 사용 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:36:00
  • 가격 옵션 +
  • 평생
  • 강좌 수료증
  • 52개 강의, 총 1 일 4 시간
  • 위시리스트

실시간 인기 강좌

우리는 성장기회의 평등 을 추구합니다. 🌳

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4178-0406 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R19 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED