초보자를 위한 AngularJS 튜토리얼

작성자 : 제임스 하트만 제임스 하트만
Hours 업데이트

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..!!