[AngularJs] 핵심 컴포넌트들

- AngularJs 핵심 정리 컴포넌트 목표 모듈(Module) 모듈은 AngularJs 애플리케이션을 구성하는 코드를 정리하는 데 도움을 주는 일종의 컨테이너(container)로서의 역활을 수행한다. 또한 모듈은 하위 모듈(sub module)을 활용해서 필요한 기능을 쉽게 구현할 수 있다. 설정(Config) AngularJs 애플리케이션 설정 코드는 애플레케이션이 실제로 실행되기 전에 적용될 설정 정보들을 관리하기 위한 영역이다. 라우트를 설정하거나 동적으로 구성되는 서비스 등을 여기에서 관리하면 편하다 라우트(Routes) 라우트는 애플리케이션의 특정 상태로 이동하는 경로를 정의하기 위한 개념이다. 게다가 특정 라우트에 대해 어떤 탬플릿과 컨트롤러를 사용할 것인지를 설정할 수 있다. 뷰(Vie..

• format_list_bulleted Programming/AngularJS
• · 2016. 6. 18.
• textsms

[angularJs] select ng-option 사용 방법

angularjs version : 1.4.9 1234 -선택-Colored by Color Scripter cs 특이한점은 option model이 obj일 경우 동일한 값을 초기값으로 주어도 초기값이 변경되지 않는다. 해당 option model의 값을 참조해서 넣어야 실제로 적용된다. :: codepen.ioSee the Pen angularjs 1.4.9 select ng-option by homin ahn (@beans9) on CodePen.

• format_list_bulleted Programming/AngularJS
• · 2016. 6. 13.
• textsms

[angularjs] two-way binding example

123456789101112131415161718192021 Angularjs {{vm.title}} angular.module('app',[]) .controller('ctrl',function($scope){ var vm = this; vm.title = "change the value"; }); Colored by Color Scriptercs angularJs two-way binding exampleangularJs Verstion : 1.4.9 :: codepen.ioSee the Pen angularjs 1.4 two-way binding by homin ahn (@beans9) on CodePen.

• format_list_bulleted Programming/AngularJS
• · 2016. 6. 12.
• textsms

[serve] 간단한 웹서버 실행하기

프론트 개발을 하다보면 웹서버 위에 실행 시켜야 할 경우가 생긴다. 간단한 웹서버는 serve라는 패키지로 실행시킬 수 있다. 설치방법은 해당 폴더에서 npm을 이용하여 설치한다. (당연히 node.js가 설치되어 있어야 한다. $ npm install -g serve 설치 후 해당 폴더에서 아래와 같은 명령어로 웹서버를 실행시킬수 있다. >> serve 자세한 옵션은 아래 사이트를 참조하자https://www.npmjs.com/package/serve

• format_list_bulleted Programming/Front-End
• · 2016. 6. 12.
• textsms

Mac에서 MySql 설치

homebrew를 이용하여 Mac에 MySql을 간단히 설치할 수 있다. http://brew.sh/ homebrew 설치방법은 아래 명령어를 콘솔창에 입력하면 끝 - 아니 이렇게나 간단해도 되나 -/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" homebrew 설치 후에 mysql 설치 방법은 더 간단하다. $ brew install mysql -_-.... 정말로 저거 하나면 끝.. 설치 후 실행, 종료 방법mysql.server start mysql.server stop 접속해보자..mysql -uroot 정상적으로 접속 완료 혹시라도 포트를 수정할일이 생긴다면my.cnf..

• format_list_bulleted Programming/Mac
• · 2016. 6. 4.
• textsms

[angular-bootstrap] tooltip custom trigger

angularjs-bootstrap tooltip 사용방법 및 api는 아래 사이트 참조. https://angular-ui.github.io/bootstrap/#/tooltip 구현하려는 기능은 tooltip을 이용하여 복사버튼을 만들고, 해당버튼을 누르면 copied!라는 툴팁을 출력하여 복사되었는지를 인지시키고 사라지게 하는 기능 구현. tooltip에는 기본적으로 아래와 같은 trigger를 제공하고 있다. var triggerMap = { 'mouseenter': 'mouseleave', 'click': 'click', 'outsideClick': 'outsideClick', 'focus': 'blur', 'none': '' }; {click:mouseleave} 같은 트리거가 있으면 좋으려만 ..

• format_list_bulleted Programming/AngularJS
• · 2016. 6. 1.
• textsms