초보자를 위한 AngularJS 튜토리얼

AngularJS 튜토리얼 요약

AngularJS를 처음부터 배우는 초보자를 위한 단계별 가이드인 AngularJS 튜토리얼입니다. 이 Angular JS 튜토리얼 가이드는 지시문, 필터, 표현식 등과 같은 AngularJS 기본 및 구성 요소를 배우고 SPA의 프로그래밍 측면을 더 자세히 탐색하는 데 도움이 됩니다.

AngularJS란 무엇입니까?

AngularJS와 하는 JavaMVC 기반 웹 애플리케이션을 구축하기 위한 스크립트 프레임워크입니다. 비즈니스 로직 계층, 데이터 계층, 프레젠테이션 계층을 분할할 수 있습니다. HTML을 템플릿 언어로 사용하여 다양한 애플리케이션 구성 요소를 만드는 구문을 확장합니다. 또한 데이터 바인딩 및 종속성 주입 기능으로 코드를 줄이는 데 도움이 됩니다.

AngularJS 강의 계획서

초보자를 위한 AngularJS 기본

👉 Less1에	AngularJS란 무엇입니까? - 소개, Archi강의 및 특징
👉 Less2에	AngularJS 헬로 월드 — 첫 번째 AngularJS 프로그램
👉 Less3에	AngularJS 컨트롤러 튜토리얼 — 예제를 사용하여 빌드하는 방법은 무엇입니까?

AngularJS 범위 모델 보기

👉 Less1에	각도 범위 — AngularJS의 $Scope란 무엇입니까? 예제가 포함된 튜토리얼
👉 Less2에	ng반복 — 예제가 포함된 AngularJS ng-repeat 지시문
👉 Less3에	ng모델 — 예제와 함께 AngularJS에서 "ng-model"을 사용하는 방법
👉 Less4에	ngView — 예제가 포함된 AngularJS ng-view

AngularJS 표현식

👉 Less1에	AngularJS 표현식 — ARRAY, 객체, $eval, 문자열 [예]
👉 Less2에	AngularJS 필터 예 — 소문자, 대문자 및 JSON
👉 Less3에	AngularJS 사용자 정의 필터 — 예제를 통해 AngularJS에서 사용자 정의 필터를 만드는 방법
👉 Less4에	예제가 포함된 AngularJS 지시어 — ng-init, ng-repeat, ng-app, ng-model
👉 Less5에	AngularJS의 CUSTOM 지시문 — 사용자 정의 지시문을 만드는 방법은 무엇입니까? [예시]

AngularJS 기초 단계별

👉 Less1에	AngularJS 모듈 — 예제가 포함된 AngularJS 모듈 튜토리얼
👉 Less2에	AngularJS 이벤트 — ng-click, ng-show, ng-hide 지시문 [예]
👉 Less3에	매개변수를 사용한 AngularJS 라우팅 — 단일 페이지 적용 예
👉 Less4에	AngularJS $resource 및 $http — $resource, $http를 사용한 AngularJS AJAX 호출 [예]
👉 Less5에	AngularJS 테이블 — Sort, OrderBy 및 대문자 필터 [예]
👉 Less6에	제출 시 AngularJS 양식 유효성 검사 — 예시가 포함된 양식
👉 Less7에	AngularJS 양식 제출 예 — ng-submit을 사용하여 양식을 제출하는 방법
👉 Less8에	AngularJS에 ng-include — HTML 파일을 포함시키는 방법 [예시]
👉 Less9에	AngularJS 종속성 주입 — 주입된 구성 요소

AngularJS 고급 기능!

👉 Less1에	AngularJS 단위 테스트 — 카르마 재스민 튜토리얼
👉 Less2에	각도기 테스트 튜토리얼 — 자동화 도구 프레임워크
👉 Less3에	AngularJS vs Angular 2 vs Angular 4 - 차이점이 뭐야?
👉 Less4에	반응 대 각도 — 꼭 알아야 할 가장 중요한 차이점 10가지!

AngularJS 인터뷰 질문, 도서 및 튜토리얼 PDF

👉 Less1에	AngularJS 면접 질문 — 상위 75개 AngularJS 인터뷰 질문 및 답변
👉 Less2에	AngularJS 도서 — 초보자와 전문가를 위한 최고의 AngularJS 책 10권
👉 Less3에	AngularJS 튜토리얼 PDF — 초보자를 위한 AngularJS 튜토리얼 PDF 다운로드

이 Angular JS 튜토리얼에서 무엇을 배우나요?

초보자를 위한 AngularJS 튜토리얼에서는 AngularJS란 무엇인가, 컨트롤러, 범위, ng-model, ng-view, AngularJS 표현식, 모듈, 이벤트, 테이블, 폼 등과 같은 Angular JS의 기본 사항과 AngularJS 단위 테스트, Protractor 테스트, AngularJS 버전, AngularJS 면접 질문 등과 같은 고급 개념을 배우게 됩니다.

AngularJS를 왜 배워야 할까요?

AngularJS는 클라이언트 측 MVC 웹 애플리케이션을 만드는 데 널리 사용되는 오픈 소스 프레임워크입니다. 또한 전 세계 개인 및 기업이 모든 산업에서 널리 사용하므로 Angular JS에 대한 지식이 풍부한 지원자에게는 엄청난 취업 기회가 있습니다.

AngularJS를 배우기 위한 전제조건

이 Angular 튜토리얼은 초보자를 위해 제작되었습니다. 하지만 HTML, CSS, JavaScript, 추가적인 도움이 될 것입니다.

AngularJS의 특징

Angular JS의 주요 기능은 다음과 같습니다.

오픈 소스입니다 Java스크립트 MVW 프레임워크
태그, 속성, 표현식을 추가하여 HTML 지원 확장
손쉬운 이벤트 처리 가능
데이터 바인딩 지원 제공
내장된 템플릿 엔진 및 라우팅 제공
양식 유효성 검사 및 애니메이션 제공
의존성 주입 제공

간단한 AngularJS 프로그램 예

<!DOCTYPE html>
<html>
<script src="https://code.angularjs.org/1.6.9/angular.js"></script>
<head>
    <meta chrset="UTF 8">
    <title>Basic AngularJS Program</title>
</head>
<body ng-app="">

<h3>This is AngularJS Tutorial for Beginners..!!</h3>

</body>
</html>

출력:

This is AngularJS Tutorial for Beginners..!!