⌘K

Angular 프레임워크 튜토리얼

JavaScript 프레임워크 Angular 튜토리얼. 초보자용. 많은 이론과 과제.

기초

01

Angular 프레임워크 소개

02

Angular의 컴포넌트 접근법 소개

03

Angular 프레임워크 설치

04

Angular 프로젝트 생성

05

Angular 프로젝트 구조

06

Angular 프로젝트 작업 폴더 구조

07

Angular의 레이아웃 파일

08

Angular 프로젝트의 공통 스타일 파일

09

Angular 컴포넌트 구조

10

Angular 컴포넌트의 레이아웃 파일

11

Angular 컴포넌트 스타일 파일

12

Angular 컴포넌트 클래스 파일

템플릿

13

Angular에서의 인터폴레이션

14

Angular 템플릿 내 컴포넌트 클래스의 속성

15

Angular에서 컴포넌트 클래스 속성을 속성으로 전달하기

16

Angular 템플릿의 배열 프로퍼티

17

Angular 템플릿의 객체 속성

18

Angular 템플릿에서 컴포넌트 클래스 메서드 호출

19

Angular의 템플릿 변수

20

Angular에서 DOM 요소 속성에 값 바인딩하기

조건문

21

Angular의 if 디렉티브

22

Angular의 ngIf 지시문에서 비교 연산자 사용하기

23

Angular에서의 if 구문

24

Angular에서 if 구문의 비교 연산자

25

Angular의 else 구문

26

Angular의 else-if 구문

27

Angular의 switch 및 case 구문

28

Angular의 ng-template 태그

29

Angular 조건부의 신택틱 슈가

루프

30

Angular의 for 디렉티브

31

Angular에서의 for 구조

32

Angular에서 루프 반복 인덱스

33

Angular 루프의 첫 번째 반복

34

Angular에서 루프의 마지막 반복

35

Angular에서 루프의 짝수 반복

36

Angular에서 루프의 홀수 반복

이벤트

37

Angular 템플릿에서 이벤트 핸들러 바인딩

38

Angular 템플릿의 이벤트 핸들러 매개변수

39

Angular 템플릿에서 이벤트 핸들러의 Event 객체

40

Angular 템플릿의 Event 객체와 매개변수

41

Angular에서의 반응성

42

Angular의 반응형 루프

43

Angular에서의 조건부 반응성

44

Angular에서의 양방향 데이터 바인딩

스타일링

45

Angular 컴포넌트 스타일

46

Angular에서 CSS 클래스 바인딩

47

Angular에서 CSS 클래스 일괄 적용

48

Angular에서 CSS 스타일 바인딩

49

Angular에서 태그에 CSS 스타일 바인딩하기

50

Angular에서 스타일 동적 변경

파이프

51

Angular의 파이프(Pipes)

52

Angular에서 채널을 통해 대문자로 변환하기

53

Angular에서 파이프를 통해 소문자로 변환하기

54

Angular에서 파이프를 이용한 문자열 자르기

55

Angular에서 파이프를 사용한 날짜 형식 지정

56

Angular에서 파이프를 사용한 숫자 형식 지정

57

Angular 파이프를 사용한 통화 형식 지정

58

Angular에서의 파이프 체이닝

59

Angular의 파이프 목록

컴포넌트

60

Angular의 자식 컴포넌트

61

Angular에서 자식 컴포넌트로 데이터 전달하기

62

Angular에서 자식 컴포넌트로 속성 전달하기

63

Angular에서 컴포넌트 다중 호출

64

Angular에서 루프 내 컴포넌트 호출

65

Angular에서 자식 컴포넌트로 텍스트 전달하기

66

Angular에서 자식 컴포넌트 세터로 데이터 전달하기

67

Angular에서 부모 컴포넌트로 데이터 전달하기

68

Angular의 양방향 이벤트 바인딩

69

Angular에서 자식 컴포넌트의 태그 변경하기

컴포넌트 생명주기

70

Angular 컴포넌트의 생명 주기

71

Angular에서의 ngOnInit 훅

72

Angular의 ngOnDestroy 훅

73

Angular에서 여러 훅 사용하기

서비스

74

Angular 서비스 소개

75

Angular에서 서비스 생성하기

76

Angular에서 서비스 사용하기

77

Angular에서 한 서비스를 다른 서비스에 주입하기

라우팅

78

Angular에서의 라우팅

79

Angular에서 라우팅을 위한 새 프로젝트 생성

80

Angular에서 라우팅을 위한 컴포넌트 생성

81

Angular에서 기본 라우팅 설정하기

82

Angular의 라우팅을 위한 태그

83

Angular에서 라우팅을 위한 링크

84

Angular에서 활성 링크 스타일링

85

Angular에서 주소 정확히 일치시키기

86

Angular의 라우트 매개변수

87

Angular 컴포넌트에서 라우트 매개변수 값 가져오기

88

Angular 컴포넌트에서 경로 매개변수 사용하기

89

Angular에서 라우트 매개변수를 가진 링크

90

Angular에서 링크 전환 문제

91

Angular에서의 프로그래밍 방식 네비게이션

92

Angular 라우팅에서 모든 URL 캡처하기

93

Angular에서 라우트 순서

94

Angular 라우팅에서 리디렉션

95

Angular의 자식 라우트