세상과 연결

AngularJS Toggle, True/False 버튼을 클릭 할 때 HTML 코드 섹션을 표시하고 드롭 다운 메뉴처럼 버튼을 다시 클릭하면 숨기기 버튼이 토글 스위치처럼 동작하도록하십시오. Example Click Me! Menu: Pizza Pasta Pesce Click Me! Menu: Pizza Pasta Pesce Click the button to show/hide the menu. showMe변수는 부울 값 아웃 시작 false.이 myFunc함수는 (not) 연산자를 showMe사용하여 변수를 그 반대의 값으로 설정합니다 !.

* 앵귤러js(angular.js) 필터필터에는 여러가지 있겠지만 1. uppercase : 알파벳을 대문자로 변경2. lowercase : 알바벳을 소문자로 변경3. currency : 화폐 단위로 변경4. filter : 기준점을 바탕르로 배열을 필터5. orderby : 기준점을 바탕으로 배열을 정렬 * 앵귤러js 테이블테이블을 만들때 html에서와 동일하게 태그를 써줘야 합니다. 테이블태그 안에는 밑에 태그들을 사용합니다. 테이블열 테이블 데이터 테이블 헤드

앵귤러js 컨트롤러 controller 오늘은 앵귤러js에 controller 에 대해 알아볼게요 컨트롤러는 데이터를 조작하는데 사용하게 됩니다. 앵귤러js에 directive 중 ng-controller 가 있고 $scope이라는 parameter가 있습니다. 메뉴이름 : 가격 : 현재 입력한 값 : {{product.productList()}} ng-app는 앵귤러js에 시작입니다. 시작하면서 initApp를 실행하게 됩니다. productName:"라면",price:"7000", 이 곳에서 초기값을 설정하게 되죠.ng-controller 에 "productController" 와 initApp.controller('productController', function($scope){ productCo..

angularjs 애귤러js Expressions, binding ng-bind를 통해서 데이터를 가져온 후 출력 할 수 있습니다. 구문 : {{ menu }}이렇게 사용하면 되요. menu 는 변수명입니다. ng-model에서 선언했던... [숫자 예제]{{cost * days}} 연산자를 사용하면 연산을 한다는 의미 [문자열 예제 ]{{client.name1 + " " + client.name2}} 문자열을 서로 합칩 수 있음 [객체]{{client.waitNo}}객체같이 사용 가능 [배열]{{menu[2]}}배열 같이 사용가능. 프로그램 언어를 3일만 배워본 사람이라면 특별하게 설명이 필요 없는 부분이에요 {{}} 을 사용하면 화면에 출력을 하게 되요.자료형에 대해서는 강하게 지정할 필요가 없습니다..

앵귤러js ng-model ng-init ng-repeat ng-app : angularjs앱에 시작을 알림ng-init : 앱 데이터들을 초기설정함ng-model: 변수 설정ng-repeat : 데이터 셋에 있는 아이템을 하나씩 보여줌 예제를 보면 정말 어렵지 않습니다. 이름 : 님 {{ '메뉴: ' + food.name + ' 가격 : ' + food.price + ' 원'}} ng-init는 초기 값을 설정하는 것입니다. 예제를 보면 초기에 오징어, 김밥, 순대에 가격을 셋팅을 하죠 ng-model과 ng-bind가 함께 쓰이는 데요.ng-model에 입력한 값이 ng-bind에 출력되게 됩니다. 이것은 앵귤러js 1일차 강좌에서 확인 하셨을 것입니다. ng-repeat는 회전을 하면서 값을 한개씩..

앵귤러js는 자바스크립트 기반으로 만들어졌지만 자바스크립트에 대해서는 많은 정보가 없어도 사용할 수 있습니다.자바스크립트 기반인 제이쿼리가 나올 때도 사용하기 편해서 많은 인기를 얻었는데앵귤러js는 제이쿼리보다 더 사용하기 쉬운 것 같아요. 1. mvc(model-view-control) 기반에 클라이언트 앱을 개발 가능2. 앵귤러js로 만들어진 앱은 어떤 브라우저에서든 작동함. 예)이름 : 간략한 문법 구조 여기서부터 앵귤러가 시작됨을 의미 input 박스에 아무 글자나 입력을 하게 되면 ng-bind="name"에 출력되게 됩니다.이것은 제이쿼리로 할 경우 소스 코드가 앵귤러js보다 많아지죠.이 정도는 개발을 전문적으로 하지 않은 분들에게도 쉽게 다이나믹한 앱을 만들 수 있을 것 같아요 소스 다운 받..