분류 전체보기
-
[AngularJS] 9. 필터(Filter) 사용 - AngularJS 강좌Web/AngularJS 2016. 4. 8. 13:16
필터(Filter) 사용 AJS 필터는 크게 두 가지 용도로 사용됩니다. 첫번째로 데이터를 보이는 폼을 바꾸는 데 사용됩니다. 두번째로 여러 데이터 중 조건에 맞는 데이터만 보여줄 때 사용됩니다. 즉, 포맷팅(Formatting)과 필터링(Filtering)하는데 사용된다고 볼 수 있습니다. 1. AngularJS에서 제공하는 필터 아래는 AJS에서 제공하는 필터와 그에 대한 설명입니다. [출처: AngularJS] 그럼 예제를 통해서 포맷팅 필터를 살펴보도록 합시다. * ajsFilter.html 12345678910111213141516171819202122232425262728293031323334353637 angular.module('filterExam', []). controller('main..
-
[AngularJS] 8. 의존관계 주입과 서비스 - AngularJS 강좌Web/AngularJS 2016. 4. 8. 11:31
의존관계 주입과 서비스 위 개념은 AngularJS의 중요한 개념 중 하나입니다. 의존관계 주입은 AJS 기반의 애플리케이션을 개발하는 데 있어서 항상 있기 마련이고 서비스가 없는 AJS 웹 앱이란 상상하기 어렵습니다. 1. AJS에서의 의존관계 주입 하나의 객체가 다른 객체를 사용하는 순간 의존관계가 성립됩니다. AJS 개발자 문서에는 자바스크립트 상에서 객체들 사이의 의존관계가 크게 3 가지 경우에 생성된다고 합니다. - new 키워드 - 전역변수 참조 - 인자를 통하여 참조를 전달 처음 1번과 2번은 의존관계가 강하게 연결되었고 3번은 느슨하게 연결되었다고 말할 수 있습니다. 아래 예시를 통해 확인해봅시다. 1234function demoCtrl() { var bookmark = new Bookma..
-
[Music] 로꼬(Loco) - 너도(Feat. Cha Cha Malone) 무료 듣기, MP3Music 2016. 4. 6. 16:42
lyrics: 누구나 떨리지 처음엔 맞닥뜨린 적 없기에 확신을 못해 나도 마찬가지였네 하지만 이 목소리를 듣고 있다면무대 위에 나의 모습을 봤다면아마도 난 꿈꿔왔던 내가 되어가고 있는 거겠지 너도 상상했던 너가 될 거야 아무도 지금의 너를 몰라본대도한 겨울밤의 꿈은 아닐 거야 지금 너의 가슴의 온기가 느껴진다면 모를 수밖에 부딪혀 보기 전 까진철이 없었던 게 득이 될진 몰랐지시작은 반지하좀 올라오니 아스팔트 바닥 위였던 걸 나는 기억하지날 둘러쌌던 어른들은 나에게그저 모든 게 한때일 뿐이라고 말했지그들이 잠을 잘 때 내가 깨어있던 시간을 허송세월이라고 불렀으니까 근데 넌 결국 내 노랠 듣고 있잖아그들이 말한 허송세월에 대한 대가가 이런 거라면 너도 마음껏 낭비하길 바래그 미래에 너의 목소리가 닿길 바래 ..
-
[Google Anniversary] 160406 첫 근대 올림픽 개최 120주년Google Anniversary 2016. 4. 6. 08:52
[출처: Google] 1896년 하계 올림픽(영어: 1896 Summer Olympics, Games of the I Olympiad, 그리스어: Θερινοί Ολυμπιακοί Αγώνες 1896)은 393년을 마지막으로 끝난 고대 올림픽 대회 이후 열린 첫 근대 올림픽 대회다. 1896년 4월 6일부터 4월 15일까지 그리스 아테네에서 개최되었다. 고대 그리스가 올림픽의 발상지여서 첫 근대 올림픽이 열리기에 적당한 장소였던 아테네는 1894년 6월 23일에 파리에서 프랑스의 역사학자인 쿠베르탱이 주관한 올림픽 의회에서 만장일치로 개최지 자격을 얻었다. 또한 하계 올림픽이 진행 되는 동안 국제 올림픽 위원회(IOC)가 조직되었다. 여러 어려움을 이겨낸 1회 올림픽은 성공적인 평가를 받았다. 당시의..
-
[AngularJS] 7-2. 지시자(Directive) 응용 - AngularJS 강좌Web/AngularJS 2016. 4. 5. 13:35
지시자(Directive) - 2 3-4. scope 설정 완전 정복 scope를 잘못 설정하면 의도치 않은 결과가 발생하므로 분명한 의도에 맞는 scope를 설정해야 합니다. 가령 지시자를 재사용할 수 있는 컴포넌트를 생각하고 만들려면 지시자가 사용하는 scope는 다른 지시자와 독립적인 공간이어야 하고, 같은 지시자가 하나의 페이지에서 여러 번 사용되어도 서로 영향을 주지 않아야합니다. 그럼 상황별로 scope를 설정하는 방법을 알아봅시다. 부모 scope를 상속받는 scope 설정 지시자 설정 객체에 scope 속성에 true 값을 주면 부모 scope를 상속받는 새로운 scope가 생성됩니다. hello 지시자에 scope 설정을 true로 한 예제 코드입니다. * ajsdirect6.html 1..
-
[AngularJS] 7-1. 지시자(Directive) 기본 - AngularJS 강좌Web/AngularJS 2016. 4. 4. 15:57
지시자(Directive) HTML 문서는 여러 태그로 이루어지며, 이 태그들은 DOM으로서 계층구조입니다. 지금까지는 jQuery나 자바스크립트를 이용해서 DOM을 제어했습니다. AJS에서는 이러한 기존 HTML에서 제공하지 않는 기능을 확장하는 방식을 지시자로서 제공합니다. 기존 방식은 특정 DOM에 id 속성을 부여하거나 어느 DOM 아래에 있는 특정 class를 찾거나 하는 방식으로 자바스크립트에서 DOM을 선택한 후 제이쿼리 플러그인을 적용하거나 새로운 DOM을 직접 만들어 삽입하는 방식을 취했습니다. AJS에서는 해당 DOM과 연결된 하나의 함수를 만들고 이 함수가 DOM을 조작하여 새로운 기능을 추가하는 등의 행위를 할 수 있습니다. 이 함수가 특정 DOM과 연결되는 지시자 함수입니다. 지시..
-
[AngularJS] 6. 모듈(Module) - AngularJS 강좌Web/AngularJS 2016. 4. 1. 14:18
모듈(Module) 모듈은 대체로 관련된 기능을 하나로 묶어 다른 코드와 결합도를 줄이고 재사용성을 높이기 위해 사용합니다. 최근에 자바스크립트에서는 코드의 복잡도를 낮추기 위해 많은 자바스크립트 라이브러리를 모듈화할 필요성이 생겼고, 모듈을 이용한 개발이 거의 필수가 되었습니다. jQuery 와 같은 많은 라이브러리는 모듈 패턴을 이용해 모듈로 구현되었고 많은 웹 앱 또한 모듈 패턴을 이용해 개발되었습니다. AJS에서도 이러한 모듈을 만들 수 있는 기능을 제공하고 별도의 모듈 패턴을 구현할 필요가 없는 API를 제공합니다. 다음은 모듈 선언 코드입니다. 12angular.module("모듈이름", ["사용할 모듈", ...]) Colored by Color Scriptercs angular.module..