nalaolla

1. AngularJS Controllers AngularJS 어플리케이션은 제어(controller)에 의해 제어됩니다. ng-controller 지시어는 어플리케이션 제어를 선언합니다. 제어는 정규 자바스크립트 객체 생성자에 의해 만들어 지는 자바스크립트 객체입니다. 12345678910111213141516171819202122232425 First Name: Last Name: Full Name: {{firstName + " " + lastName}} var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.firstName = "John"; $scope.lastName = "Doe"; }); ..

1. AngularJS Directives AngularJS 지시어는 접두사 ng- 를 붙여 HTML 요소를 확장시킵니다. ng-app은 AngularJS 어플리케이션을 초기화합니다. ng-init은 어플리케이션 데이터를 초기화 합니다. ng-model은 HTML 제어(input, select, textarea)의 값을 어플리케이션 데이터와 연결합니다. 123456 Name: You wrote: {{ firstName }} Colored by Color Scriptercs 2. Data Binding 위 예제의 {{ firstName }} 식은 AngularJS 데이터 연결 식 입니다. AngularJS에서 데이터 연결은, AngularJS 데이터를 AngularJS 식과 동기화 합니다. {{ first..

AngularJS Expressions AngularJS는 식(Expression)을 사용하여 데이터를 HTML과 연결합니다. 1. AngularJS Expressions AngularJS 식은 이중 괄호 안에 작성되어 집니다: {{ expression }} AngularJS 식은 ng-bind directive를 써서 데이터와 HTML을 연결합니다. AngularJS는 식이 쓰여진 곳에 정확히 데이터가 출력되어 질 것 입니다. AngularJS 식은 JavaScript 식과 거의 유사합니다. 1234567891011121314151617 My first expression: {{ 5 + 5 }} Colored by Color Scriptercs ng-app directive를 지운다면, HTML은 식을..

AngularJS Introduction AngularJS는 자바스크립트 프레임워크(JavaScript Framework) 입니다. HTML 페이지에 태그를 추가하여 사용가능 합니다. AngularJS는 Directives를 붙인 HTML 요소의 확장입니다. Expressions HTML로 데이터를 연결 할 수 있습니다. 1. AngularJS is a JavaScript Framework AngularJS는 자바스크립트 파일로서 분배되고, 웹페이지의 script 태그에 추가하여 사용가능 합니다. 1cs 2. AngularJS Extends HTML AngularJS는 ng-directives HTML의 확장입니다. ng-app directive는 AngularJS 어플리케이션을 정의합니다. ng-mod..

AngularJS 란?Angular는 자바스크립트로 만든 client 측 MVC/MVVM 프레임워크로 모던 단일 페이지 웹 애플리케이션(혹은 웹사이트) 개발의 정수이다. 그리고 모던 웹을 다루는 새로운 방법이자 HTML5가 가져올 미래를 위한 큰 발판이다. 이 글은 필자가 Angular를 경험해보며 알게 된 것들과 조언, 우수 사례를 바탕으로 작성해본 이름하여 하루만에 끝내는 Angular 강좌다.용어Angular는 새로 등장하는 용어와 “MVC로 생각”하는 방법으로 인해 약간의 러닝커브가 있다. 여기서 MVC는 모델-뷰-컨트롤러 를 의미한다. 이제부터 Angular를 구성하는 필수적인 API와 용어를 살펴보자.MVC분명 MVC는 들어봤을 것이다. 프로그래밍 언어에서 애플리케이션/소프트웨어의 구조를 잡거..

REST API의 이해REST 는 웹의 창시자중의 한 사람인 Roy Fielding의 2000년 논문에 의해서 소개됨. 현재의 아키텍쳐가 웹의 본래 설계의 우수성을 많이 사용하지 못하고 있다고 판단하여 웹의 장점을 최대한 활용할 수 있는 네트워크 기반의 아키텍쳐를 소개한 것이 Representational safe transfer (REST)이다.REST의 기본REST는 요소로는 크게 리소스, 메서드, 메세지 3 가지 요소로 구성됨예를 들어서 “이름이 Terry 인 사용자를 생성한다” 라는 호출이 있을 때, “사용자”는 생성되는 리소스, “생성한다” 라는 행위는 메서드 그리고 “이름이 Terry인 사용자”는 메시지가 된다.이를 REST 형태로 표현해보면 다음과 같다.HTTP POST, http://myw..