ㅎ~ 이 gulp 설정으로만 거의 일주일을 보낸 것 같다. gulp 자체만으로는 헷갈리는게 없는데 gulp plugin 사용에 있어서 엄청 고생했다.특히 main-bower-files 플러그인이 그랬다. 암튼 이번에 영어의 중요함을 또 한번 느꼈다... 아래내용은 전적으로 내가 한 플젝 위주로 되어 있다. ( concat/uglify 는 사용하지 않았다 ) 고맙게도 한글 번역 github 주소가 있다. 모르는게 있다면 아래 주소로 가서 참고 하자. https://github.com/preco21/gulp-docs-ko/blob/master/API.md gulp.config.js내용module.exports={ dist:'dist', src:'src', files:{ cssURL:['src/assets/c..
Module.config / Module.run 공통~- 앱의 생명주기상 주요 시점에 호출되는 함수를 등록한다. Module.config - 모듈 설정 코드. config 메서드를 호출한 모듈이 로드된 후 호출할 함수를 인자로 받는다. - controller/service/factory/provider 등은 config메서드의 축약형태 즉 아래와 같이 표현 될 수 있다.angular.module('모듈이름', []). controller('컨트롤러이름', ....);angular.module('모듈이름', []). config(function($controllerProvider) { controllerProvider.register('컨트롤러이름', ...); });참조 URL : http://webfr..
간단한 알림창~ 좋네~ github: https://github.com/Foxandxss/angular-toastr demo: http://codeseven.github.io/toastr/demo.html - bower 로 설치bower install angular-toastr- npm 으로 설치npm install angular-toastr 1. successapp.controller('foo', function($scope, toastr) { toastr.success('Hello world!', 'Toastr fun!'); }); 2. infoapp.controller('foo', function($scope, toastr) { toastr.info('We are open today from 10 ..
yeoman gulp의 스캣폴딩과 개발환경 설정. yeoman / gulp / bower 전역 설치. npm install -g yo gulp boweryeoman gulp 설정. ( yo --generators 라고 터미널에 입력하면 전역으로 설치된 generator들의 목록을 살펴 볼 수 있으니 이미 설치되었는지 확인해 보자. ) 1. gulp-angular 전역 설치 ( 터미널에 입력 )npm install -g generator-gulp-angular2. 프로젝트 폴더 만들고 해당 폴더로 이동 ( 터미널에 입력 )mkdir my-new-project && cd $_3. 전역으로 설치된 generator-gulp-angular를 gulp-angular 명령어로 로컬 폴더에 설치 ( 터미널에 입력 )..
ui-router ng-route를 보강한 라이브러리 주소: https://ui-router.github.io/ng1/docs/0.3.1/index.html#/api/ui.router ( 해당 주소로 가보면 튜토리얼도 잘 나와 있다. 하지만 아직도 헷갈림 ) .config()로 설정. 아래 기본 js 구성angular.module('모듈이름', [ 'ui.router', '의존 모듈이름']).config(function($stateProvider, $urlRouterProvider ){ $stateProvider.state('state 이름', { url:'', templateUrl:'템플릿파일 경로', //or template:'템플릿 html코드' controller:'컨트롤러이름' }) })//아래..
여기에 service와 factory에 대한 좋은 글이 있다. http://www.haruair.com/blog/3223 아래는 위 블로그의 주요 글 내용 요약이다. service : 생성자 함수와 같이 동작하고 new 키워드를 사용해 인스턴스를 초기화 한다. 서비스는 퍼블릭 메소드와 변수를 위해 사용한다. factory : 비지니스 로직 또는 모듈 제공자로 사용한다. 객체나 클로저를 반환한다.객체 참조에서 연결 및 갱신을 처리하는 방법으로 인해 노출식 모듈 패턴(Revealing module pattern) 대신 호스트 객체 형태로 반환한다. 왜?: 노출식 모듈 패턴을 사용하면 초기값을 변경할 수 없는 경우가 있기 때문이다. 차이점 : 일반적으로 상속이 필요한 데이터 핸들링이나 모델링 등의 경우에는 S..
걍 간단히 js 정도에서 그럭저럭 쓰고 있어서 아래와 같이 정리해본다.여기도 기똥차게 잘 설명해 놨으니 참고http://code.tutsplus.com/ko/tutorials/managing-your-build-tasks-with-gulpjs--net-36910 기본 정보는 아래 참조 https://github.com/gulpjs/gulp gulp plug-in 검색http://gulpjs.com/plugins/ 다양한 gulp 레시피https://github.com/gulpjs/gulp/tree/master/docs/recipes 철저히 나의 기준임을 알림!!!!!!!- 파일 병합 / console, alert제거 / 압축정도만 기술~ 우선 node.js 가 설치 되어 있어야 한다. 설치되었다면 아래 ..
ng-app 지시어 ngApp - 형: angular.Module 읽어들인 모듈명을 임의로 지정한다. angular어플리케이션으로써 초기동작시에 이 directive를 사용한다.이 directive는 어플리케이션의 루트 즉 전역이 되는 요소를 지정한다.통상, 페이지 자체의 전역요소가 지정된다.지시어에 모듈명 지정. document의 내부에 최초로 찾게된 ngApp이 자동동작, 즉 angularjs의 관리 대상이 된다. HTML 도큐멘트내에 여러 어플리케이션을 사용하는 경우에는 angular.bootstrap을 사용하고 수동으로 시작하지 않으면 안된다.어플리케이션은 중첩할 수 없기에.... 따라서 아래처럼 angularjs만 관리하게 될 부분에 ng-app 지시자를 선언하면 된다. ......여러 어플리케..
- Total
- Today
- Yesterday
- Intrinsic
- Aptana
- vue-router
- icon font
- RefreshToken
- anime.js
- IntrinsicElements
- git
- CSS
- cordova
- 아이콘 폰트 만들기
- svg icon font
- 내장요소
- for of 구문
- svg 폰트
- 리프래시토큰
- Angular
- react-router-dom
- 코도바
- 반복문
- React.StrictMode
- Vue3
- JsDoc
- git checkout -b
- react
- 앵귤러
- 자바스크립트
- interceptors
- 태그
- svg모션
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |