세줄코딩

http-server ( 개발 서버 )- npm install http-server --save-dev URL : https://www.npmjs.com/package/http-server "http-server -a localhost -p 8000 -c-1 ./app"-a Address to use (defaults to 0.0.0.0) -p Port to use (defaults to 8080) -c Set cache time (in seconds) for cache-control max-age header, e.g. -c10 for 10 seconds (defaults to '3600'). To disable caching, use -c-1.

기본적으로 jasmine + karma 로 셋팅 1. 카르마 설치 npm install karma -g ( 글로벌 설치로 해야 몸과 마음이 편할 수 있다) 2. 카르마 초기화 karma init karma.conf.js 파일이 생성되면 내부에 config.set({}) 메서드 내부에 아래와 같이 두군데 경로 확인. basePath:'진입 경로' files:[ '테스트할 파일( 의존성 파일 모두 선언해야 한다 - 예 angular를 사용하고 있다면 angular.js 파일 경로를 적어주어야 한다. )' ] browsers:['PhantomJS'] 3. karma 설정시 필요한 devDependencies ( 아래 항목 설치 npm install 플러그인명 --save-dev )"http-server": "..

angular의 모든 서비스는 싱글턴 패턴이다.( 객체 생성은 한번만 이루어 진다는 뜻이다.. ) service를 만들고 new로 객체를 생성하다보면 항상 잊곤 한다.....

좋네 굿 Responsive image polyfill - https://scottjehl.github.io/picturefill/

한번쯤 살펴볼만 하다. mojs - http://mojs.io/ ( 파티클 및 쉐이프 모션이 죽임. ) Animate.css - https://daneden.github.io/animate.css/ anime.js - https://github.com/juliangarnier/anime/ snapsvg - http://snapsvg.io/start/

yeoman angular-fullstack 명령어~ 깃헙 : https://github.com/angular-fullstack/generator-angular-fullstackyo angular-fullstack:route yo angular-fullstack:component yo angular-fullstack:controller yo angular-fullstack:filter yo angular-fullstack:directive yo angular-fullstack:service yo angular-fullstack:provider yo angular-fullstack:factory yo angular-fullstack:decorator

우왕 굿~나같이 잘 모르는 사람도 쉽게 쓸 수 있다.. HTTPie: a CLI, cURL-like tool for humans 같은 태그라인을 걸고 있다. 멋지다. ㅋㅋ 해당 깃헙 페이지를 들어가 보면 사용법이 자세히 나와 있다. 기본형식 --> http [flags] [METHOD] URL [ITEM [ITEM]] http POST example.org name=John email=john@example.org URL : https://github.com/jkbrzt/httpie

Directive - HTML 을 확장하고 개선해 풍부한 웹애플리케이션을 구현할 수 있게 해주는 기능. 디렉티브 정의 객체에서 정의하는 속성 compile 반복적 콘텐츠 생성가능. 복잡한 DOM을 수정하는데 효과적. controller 디렉티브를 위한 컨트롤러 함수 생성 link 디렉티브를 위한 링크 함수를 지정한다. / $scope.$watch 생성하거나 이벤트 핸들러를 설정하는 데 주로 쓰임. replace 템플릿의 콘텐츠로 디렉티브가 적용된 엘리먼트를 대체할지 여부 지정. require 컨트롤러에 대한 의존성 선언. restrict 디렉티브 적용 방식 지정. ( E:엘리먼트, A:어트리뷰트, C: css클래스, D: 주석 ) scope 디렉티브를 위한 새 스코프 또는 고립 스코프를 생성. templ..