ng-file-upload 해당 페이지에 가보면 예제가 많아서 따라해보면 바로 알 수 있다.Amazon AWS S3 Upload 에 대한 부분도 있으니 꼼꼼히 살펴보자. url : https://github.com/danialfarid/ng-file-upload HTML - mypageCtrl 이란 명칭은 ui-router에서 controllerAs:'mypageCtrl' 으로 변경했기 때문에 해당 MypageController가 아닌 mypageCtrl 로 접근가능한것임. - css class는 bootstrap.css와 사용자 class가 혼종되어 있음을 참고. 사진 등록 폼 사진 변경 파일명 : {{fileName}} * JPG 또는 PNG / 120x120 사이즈 권장 javascript - 업로..
gulp-ng-constant - https://github.com/guzart/gulp-ng-constant - Angular 상수 모듈의 동적 생성을 위한 플러그인. 아래는 내가 했던 코드 내용이다. 환경은 yeoman의 angular-fullstack@3.8.0 을 이용했다. - 참고로 angular-fullstack 3.8버전에서는 ES6 를 사용하게 해주고 babel 로 트랜스파일 해준다. gulpfile.babel.jsimport gulpLoadPlugins from 'gulp-load-plugins';var plugins = gulpLoadPlugins();//설치한 gulp의 플러그인들을 로드할 필요없이 스태틱 메서드 형태로 쓸수 있게 해준다. // 플러그인 명이 ng-constant와 같..
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);..
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..
- bower 전역 설치npm install -g bower - bower 초기화 ( bower.json 파일이 생성된다 )bower initbower.json- 의존성 및 개발 버전 설치 정보를 나타낸다. 패키지 설치시 1. --save는 의존성 설치 2. --save-dev 개발시에만 활용 설치 ( bower에선 거의 쓸일이 없음 angular-mocks.js 같은 테스트 위주용을 많이 설치하게 됨. ) bower로 설치하고자 하는 라이브러리를 지원가능한지 검색 --> https://libraries.io/bower .bowerrc 파일 ( 확장자는 .json )- directory속성 설정으로 패키지 설치( bower_components )경로를 지정해 준다.- yeoman 같은 generator를..
- Total
- Today
- Yesterday
- Aptana
- react
- svg icon font
- JsDoc
- RefreshToken
- svg모션
- vue-router
- Angular
- cordova
- 앵귤러
- for of 구문
- 반복문
- Vue3
- CSS
- Intrinsic
- 코도바
- git
- svg 폰트
- 내장요소
- IntrinsicElements
- anime.js
- React.StrictMode
- git checkout -b
- 아이콘 폰트 만들기
- interceptors
- react-router-dom
- 태그
- 자바스크립트
- icon font
- 리프래시토큰
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |