AngularJs (14) 썸네일형 리스트형 [Angular.js][앵귤러js] AngularJS 6일차 [HTML DOM, Directive, ng-disabled, ng-show, ng-hide, ng-click] 안녕하세요 슬릭데브 입니다.오늘은 어제에 이어서 테이블을 이용하면서 앵귤러 directive들 중에 자주 쓰이는것을 배워보겠습니다. 밑에 앵귤러 directive들은 HTML DOM(document object model)에 앱 데이터를 바인드 시켜줄 수 있습니다.ng-disabled : 현재 컨트롤을 해제합니다.ng-show : 현재 컨트롤을 보여줍니다.ng-hide : 현재 컨트롤을 숨깁니다.ng-click : 앵귤러 클릭 이벤트를 활성화 합니다.아직은 무슨 말인지 잘 모르겠지만 예제를 통해서 배워봅시다.ng-disabled 디렉티브를 HTML 버튼과 바인드 시켜봅시다. 위 그림과 같이 하면 checkbox를 클릭하면 버튼이 해제됩니다. ng-show 디렉티브를 HTML 버튼과 바인드 시켜봅시다. 위.. [Angular.js][앵귤러js] AngularJS 5일차 [Filter, Table, 필터, 테이블] 안녕하세요 슬릭데브 입니다.오늘도 앵귤러를 배워보겠습니다. 질문과 요청사항, 팁, 조언 등등은 댓글로 언제든지 남겨주세요 ^^ 자주 쓰이는 Angular.js의 필터 종류:uppercase : 알파벳 대문자로 텍스트 변경lowercase : 알파벳 소문자로 텍스트 변경currency : 화폐 단위로 텍스트 형식 변경filter : 기준점을 바탕으로 array(어레이)를 필터링 함.orderby : 기준점으로 array(어레이)를 정렬 함.더 많은 필터는 여기에서 보세요: https://docs.angularjs.org/api/ng/filter/filter Angular.js 테이블:테이블 만들때는 HTML 에서와 동일하게 태그를 써주시면 됩니다.다른 방법은 저번에 배웠던 ng-repeat을 사용하면 자동.. [Angular.js][앵귤러js] AngularJS 4일차 [Controllers, 컨트롤러] 안녕하세요 슬릭데브 입니다. 오늘도 Angularjs 에 대해서 간단히 배워보겠습니다.이해안되시거나, 모르시는 부분은 언제든지 글을 남겨주세요. 꼭 답변합니다. 오늘 토픽은 controller (컨트롤러) 입니다.앵귤러에서 Controller는 데이터 manipulation (조작) 에 많이 쓰이기 때문에 중요합니다.앵귤러 directive 중에서 ng-controller가 있고 $scope 이라는 parameter (매개변수)가 있습니다. 그럼 ng-controller를 어떡해 사용하고 $scope는 도대체 뭔지 배워봅시다. 앵귤러js 는 뒤에 js가 뜻하듯이 JavaScript (자바스크립트)기반으로 만들어졌습니다.그럼 앵귤러에서도 function 을 쓸텐데 function을 쓰는 방법중에 하나가 c.. [Angular.js][앵귤러js] AngularJS 3일차 [Expressions, binding, 바인딩] 안녕하세요 슬릭데브 입니다.이번 주말은 날씨가 아주 좋네요! 제가 조금씩 글을 올리는 이유는 배울때 한번에 다 배우는거 보다 매일매일 조금씩 확실히 배우는걸 더 좋아합니다.일단 앵귤러를 기본적인것만 배우고 최종목표인 ionic framework 를 이용해서 하이브리드 앱을 만드려고 합니다. 오늘의 주제는 Binding 입니다.ng-bind 를 통해서 데이터를 가져오고 출력 할수 있지만 {{ }} 이런 괄호로도 출력할 수 있습니다.질문은 언제든지 댓글로 남겨주시면 답을 해드리겠습니다. Syntax를 보겠습니다. 숫자: 한달 교통비 : {{ cost * days}} 원 String (스트링을 한국어로 뭐라고 하나요?):안녕하세요 {{client.lastname+" " + client.firstName}}님,.. [Angular.js][앵귤러js] AngularJS 2일차 [ng-model, ng-init, ng-repeat] 안녕하세요 슬릭데브입니다.오늘은 Angular.js 2일차 입니다.어제는 맛보기로 개발환경 만들기와 간단한 페이지를 하나 만들어 봤습니다.오늘은 중요한 단어들을 먼저 설명하고 간단한 페이지를 하나 더 만들어 보겠습니다. ng-appng-initng-modelng-repeat Angular.js 를 검색하다보면 이런 단어들을 자주 보게됩니다. 이런걸 ng로 시작되는 모든걸 Directives 라고 합니다. ng-app: 여기서부터 Angular.js 앱이라는걸 알려줍니다. ng-init: 앱 데이터들을 initialize(초기설정? 한국에선 이렇게 부르나요?) 합니다. ng-model: 변수들을 설정합니다. ng-repeat: Collection(데이터 셋) 에 있는 item을 하나씩 보여줍니다. Iter.. [Angular.js][앵귤러js] AngularJS 1일차 [첫번째 앱] 안녕하세요 슬릭데브입니다. 오늘부터 Angular.js 를 배워보려고 합니다.저도 아직 써보질 않아서 생소하지만 구글링을 통해 배워보겠습니다.저는 주로 Tutorialspoint 웹사이트에서 이론적인 부분을 많이 배웁니다. Angular.js 는 웹앱 개발할때 많이 쓰이는 프레임워크입니다.주로 Single Page Application(SPA) 만들때 쓰이는데저처럼 구글링을 하신분들은 Directive, data-binding, controller, service 이런게 뭔지 궁금해 하신분들이 많습니다.그래서 오늘은 Angular.js 개념들을 살펴보겠습니다. 특징:Angular.js 는 자바스크립트 기반으로 만들어졌고 RICH Internet Application (RIA) 를 만들수 있도록 개발이된 .. 이전 1 2 다음
