inflearn 의 Start Google Angular.js 앵귤러 과정 강좌를 보고 정리한 내용입니다. https://www.inflearn.com/course/angular-js 지시자란 ? AngularJS 애플리케이션에서 HTML 문서 구성을 위해 필요한 다양한 설정과 기능들을 의미합니다. ng-app : Angular JS 애플리케이션에 대한 초기 설정 ng-init : Angular JS 애플리케이션에서 사용할 데이터 설정 ng-model : HTML에서의 입력 요소들을 컨트롤 하기 위한 지시자 ng-repeat :지정된 태그를 배열에 들어 있는 요소 만큼 반복하여 출력한다. AngularJS directive directive 함수를 통해 지시자를 만들 수 있으며 새롭게 만든 지시자를 이용..
inflearn 의 Start Google Angular.js 앵귤러 과정 강좌를 보고 정리한 내용입니다. https://www.inflearn.com/course/angular-js angularjs table 예제 app.controller 에서 선언한 data1 변수 내의 값을 로 접근합니다. ng-repeat 은 for 문으로 생각하면되고, obj.name, obj.age 로 data1 에서 선언한 변수에 접근할 수 있습니다. 태그는 테이블의 행을 만드는 html 태그로 태그 내에 열을 만드는 태그에 obj.name, obj.age 데이터를 출력하면서 테이블을 만드는 예제입니다. {{$index + 1}} {{obj.name}} {{obj.name}} {{obj.age}} {{$index + 1}..
inflearn 의 Start Google Angular.js 앵귤러 과정 강좌를 보고 정리한 내용입니다. https://www.inflearn.com/course/angular-js angular js scope와 rootscope 의 차이 angularjs scope란? scope 는 controller를 적용한 태그 내에서 사용할 변수나 함수를 저장해 놓을 수 있는 객체입니다. angularjs rootscope란? rootScope 는 문서 전체에서 사용할 변수나 함수를 저장해 놓는 객체입니다. $rootScope 를 지정한 app.run() 함수는 angularjs module 객체가 생성되면 실행되는 함수입니다. 따라서 app module 객체가 생성되면 문서 전체에서 사용할 수 있는 data..
inflearn 의 Start Google Angular.js 앵귤러 과정 강좌를 보고 정리한 내용입니다. https://www.inflearn.com/course/angular-js# angularjs ng-model 이란? ng-model 은 input, select, textarea 등의 태그에 ng-model을 지정하여 사용하며, UI에서 변경된 값을 인지하고, 변경된 값을 가져와 사용할 수 있는 지시어 입니다. 화면에 보이는 데이터와 브라우저 메모리에 있는 데이터를 일치시킬 수 있습니다. ng-model="data1" 로 input 에 지정을 해주었고, 이에 따라 input 에 데이터를 입력하면 {{data1}} 표현식에 입력한 데이터가 출력됩니다. input 창에 입력한 abcd, 116666..
인프런의 Start Google Angular.js 앵귤러 과정 강좌를 보고 정리한 내용입니다. https://www.inflearn.com/course/angular-js# factory 는 아래 유투브를 참고하였습니다. https://www.youtube.com/watch?v=UXu9xmSIhRs&list=PLYxzS__5yYQmX2bItSRCqwiQZn5dIL1gt&index=24 angular js 예제, 강의 정리 표현식, module(모듈), controller(컨트롤러), service(서비스), factory(팩토리) 표현식 원하는 곳에 원하는 데이터를 출력하는 구문으로 {{출력값}} 형식으로 사용합니다. ng-init 에 변수 data1을 만든 후 100 값을 넣었습니다. {{}} 안에 ..