본문 바로가기

[AngularJS 1.x] AngularJS - 03. Module (모듈) AngularJS Module (모듈) Module 대부분의 애플리케이션에는 main이 있지만 Angular에는 main이 없다. 하지만 Angular 어플리케이션은 시작할 때 정의한 모듈을 읽는다 AngularJS Module의 정의와 역할 - 모듈은 AngularJS의 주요 기능에 대한 게이트웨이의 역할을 하는 AngularJS 애플리케이션의 최상위 레벨 컴포넌트이다. - HTML 페이지를 AngularJS 응용프로그램으로 확장시키기 위한 진입점이다. - HTML 페이지와 AngularJS가 상호작용하기 위한 매개체이다. - 연관된 각종 컴포넌트를 포함하는 컨테이너이다. - AngularJS 응용프로그램의 구성을 논리적으로 조직화하는 단위이다. - 모듈화 프로그래밍을 지원하는 AngularJS의 아키.. 더보기
[AngularJS 1.x] AngularJS - 02. 이해하기 AngularJS 이해하기 Hello, world 출력- 먼저 AngularJS로 Hello, world 출력해보자 Name : Hello, {{message}}! 위의 코드는 angularJS를 사용하여 Hello, world를 출력한 결과이다.위의 소스를 브라우저에 실행시킨다면 다음과 같은 화면이 나타날 것이다. angularJS의 특징중의 하나인 양방향 데이터 바인딩의 특징을 확인하기 위해서"world"라는 메시지를 실시간으로 변경이 가능하도록 상단에 Input박스를 두었다.양방향 데이터 바인딩에 대해서는 다음에 대해 알아보도록하고, 우선 소스코드를 다시 보면 낯선 단어가 많이 보인다.angular.module ?$scope ?ng-app ? ng-controller ? ng-model ?이런 낯선.. 더보기
[AngularJS 1.x] AngularJS - 01. 소개 AngularJS란? AngularJS는 구글에서 제작하고 2009년에 발표된 자바스크립트 프레임워크이다.그렇다면 프레임워크는 무엇인가?"프레임워크" 는 많은 뜻이 있다. JavaScript 프레임워크의 목적은 보통 웹사이트에 필요한 작업을 하는 데에 불필요한 작업들을 줄이는 것이다. 프레임워크는 기본적으로 틀을 잡아주며, 특정 문제를 해결하기 위해 설계되어 있다. AngularJS 개념AngularJS 는 SPA(Single Page Application) 프레임워크라고 합니다.- 예를 들어, 하나의 웹 페이지가 실행할 때 View 단에 해당되는 부분이 페이지의 주소가 바뀌지 않으면서 또 다른 새로운 view를 동적으로 로드하여 사용하는 것을 SPA 라고 한다.- 아래 그림의 좌측 단일페이지는 브라우저.. 더보기