본문 바로가기

공부 이야기/그냥 찾아보는 공부

Angular JS란?

1. 기존 자바스크립트 방식

자바스크립트를 이용해서 웹 클라이언트를 개발할 때 다음과 같은 작업들이 필요하게 된다.

1. 사용자로부터 화면에서 데이터를 입력받는 작업

2. 입력된 데이터를 서버에 요청하기 위해 데이터를 파싱하는 작업

3. 서버측에서 응답받은 데이터를 이용해 화면을 구성하는 작업

 

자바스크립트를 이용하면 위와 같은 작업들을 처리할 수 있으나 전역 변수와 지역 변수(var 변수 선언)의 중복 선언으로 인한 호이스팅 현상, 데이터를 파싱하는 과정 속에서 발생하는 코드의 길어짐 등의 문제가 발생한다.

따라서 이러한 문제를 효과적으로 해결해주기 위해 Angular.js를 사용해야 한다.

 

2. 웹 개발자의 요구사항

한편, 웹 개발자의 요구사항에는 다음과 같은 사항들이 있다.

1. 손쉬운개발

2. 직관적인 API와 문법

3. Model, View, Controller를 분리하는 MVC 패턴을 이용한 개발

4. 양방향 데이터 바인딩

5. 다른 프레임워크와의 호환성

 

Angular JS 역시 JSON Storage Service를 지원(호환)하기 위한 소프트웨어로 개발되어졌다.

 

3. 기존 HTML 제공 기능과 Angular JS

HTML의 특성상 동적인 어플리케이션을 위해 디자인되는 것은 아니다. 여기서 동적인 방식이란 특정 요소가 변했을 때 UI 요소를 필터링하거나 생성하는 것이다.

기능의 한계가 있는 마크업 언어이기 때문에, 자바스크립트와 DOM을 이용해서 수정할 수는 있으나 개발자의 능력이 매우 중요하게 된다.

Angular JS가 바로 HTML의 이러한 한계를 확장시켜 자바스크립트 코드 없이 자동으로 UI 요소를 만들 수 있게 한 것이다. 뿐만 아니라 데이터 필터링, 정렬 등의 많은 기능을 제공한다.

 

http://www.nextree.co.kr/p3241/