세줄코딩

JWT는 Front 단에서 딱히 할 건 없다고 생각했는데......그래도 막상 해보니 엄청 고생했다..ㅠㅠ 잣같다( 음 egghead.io 동영상 강의를 보면 잣이라 발음함~ ) 아래는 미약하게나마 도움이 되었던 예제이다.. http://jasonwatmore.com/post/2016/04/05/angularjs-jwt-authentication-example-tutorial 내가 작업했던 부분인데 핵심 부분만 기재해놨다.. ( Angular 1.5 버전 )function AuthTokenService($window) { var store=$window.localStorage; var key = 'auth-token'; function getToken(){ return store.getItem(key);..

흐음 slick 라이브러리는 좀 유명한가보다... 최근에 지인을 통해 알게 되었다.머 커스터마이징이 어려워서 대부분을 만들어서 쓰곤 했는데... 살펴보니 빠른 슬라이드 작업을 위해선 꽤 괜찮은 ~ 아니 내가 만든거 보다 백배 좋은 라이브러리라고 판단된다... 언능 언능 써보자~ http://kenwheeler.github.io/slick/ 간단 사용법 javascript$('.multiple-items').slick({ infinite: true, //양방향 무한 모션 speed:300, // 슬라이드 스피드 autoplay: true, //자동플레이 유무( false시 자동플레이 안됨 ) autoplaySpeed:4000, // 자동플레이 스피드 slidesToShow: 3, //한 화면에 보여줄 아이..

NVM - 기똥찬 물건이다. 버전이 꼬여서 고생한게 이만저만이 아니였는데....ㅠㅠ 다양한 버전의 NODE 를 설치 가능하게 해주는 녀석이다. URL : https://github.com/creationix/nvm#install-script 해당 URL 에 들어가 보면 설치법이랑 사용법이 상세히 나와 있다. curl로 설치 sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash sudo 명령어를 썼기에 사용자 비번 넣으라고 나올 것이다. 가볍게 비번을 넣어주면 설치 뙁 ~!!!! 하지만....... 하지만........ 설치후 터미널에 nvm 명령어를 치면 command not found 라는 문구 가..

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로 객체를 생성하다보면 항상 잊곤 한다.....

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

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