'Tools'에 해당되는 글 32건

메이븐 장점

1. 메이븐 지원 기능

- 빌드

- 문서화

- 리포팅

- 의존관계

- 소스코드 관리

- 릴리즈

- 배포

2. 메이븐 저장소 지원

- 메이븐은 메이븐이 접근 할 수 있는 저장소를 지원

- 저장소를 통해 템플릿 프로젝트인 아키타입, 의존관계 있는 라이브러리, 메이븐 플러그인 기능 지원

- 프로젝트 빌드에 필요한 라이브러리, 플러그인 저장소에서 개발자 pc로 자동 다운

3. 대표적 장점

1) 편리한 의존 관계 라이브러리 관리

2) 모든 프로젝트가 일관된 디렉토리 구조와 빌드 프로세스를 유지

- 메이븐은 이미 정형화된 프로젝트 구조와 빌드 명령을 제공

3) 메이븐이 제공하는 다양한 플러그인을 활용

- 플러그인을 이용하여 다양한 통합개발 환경, 프로텍트로 자동변환, 데이터베이스 통합등 가능

4) 전시적으로 사용할 프로젝트 템플릿을 만들어 배포

- 메이븐의 아키타입 기능은 표준화된 프로젝트 템플릿을 만들어 신규 프로젝트 뼈대 만듬

메이븐 설치

- JDK 1.4 이상 버전이 설치 되어 있어야 한다

1. 다운 로드

- http://maven.apache.org/download.html

2. MAVEN_HOME 환경 변수 추가

- 압축을 푼 다은 시스템 환경 변수에 추가

3. 설치 확인

- cmd 에 mvn -version 혹은 mvn -v 실행

Run 

1. HelloWorld.js

- There is a HelloWorld.js in app folder

function helloWorld() { return "Hello World"; };

2. HelloWorldSpec.js

- HelloWorldSpec.js will be located in tests folder

describe("Hello" , function(){ it("say", function(){ expect(helloWorld()).toEqual("Hello World"); }); });  

3. Karma start

- karma start

Karma

1. What's that?

- Karma is a test runner provided by the Angular team

- Karma will execute your tests in multiple browsers which shall ensure that our application is compatible in all browser

2. How to set up

0) Install AngularJs

npm install angular --save

1) Install Karma

npm install -g karma --save-dev

2) Install Jasmine

npm install karma-jasmine jasmine-core --save-dev

If you are using npm v3.x you might face some problems while running karma start

jasmine-core is required to be installed globally

npm install jasmine-core -g

3) Install ngMock

- ngMock allows you to inject and mock angular services to help you test your application

npm install angular-mocks --save-dev

3) Browsers

- Install browser launcher on which you want karma to run your tests

- We need to install at least one browser

npm install karma-chrome-launcher --save-dev

4) Create two folders in your working directory

- app : Your script files

- tests: here we will keep our tests

5) karma.conf.js

- karma init

- Open up your karma.conf.js and add the location of angular.js in to the files array

node_modules/angular/angular.js

- Add the location for ngMock just below that

node_modules/angular-mocks/angular-mocks.js

// Karma configuration // Generated on Fri Jul 29 2016 15:50:02 GMT+0900 (대한민국 표준시) module.exports = function(config) { config.set({ // base path that will be used to resolve all patterns (eg. files, exclude) basePath: '', // frameworks to use // available frameworks: https://npmjs.org/browse/keyword/karma-adapter frameworks: ['jasmine'], // list of files / patterns to load in the browser files: [ 'app/*.js', 'test/*.js', 'node_modules/angular/angular.js', 'node_modules/angular-mocks/angular-mocks.js' ], // list of files to exclude exclude: [ ], // preprocess matching files before serving them to the browser // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor preprocessors: { }, // test results reporter to use // possible values: 'dots', 'progress' // available reporters: https://npmjs.org/browse/keyword/karma-reporter reporters: ['progress'], // web server port port: 9876, // enable / disable colors in the output (reporters and logs) colors: true, // level of logging // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG logLevel: config.LOG_INFO, // enable / disable watching file and executing tests whenever any file changes autoWatch: true, // start these browsers // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher browsers: ['Chrome'], // Continuous Integration mode // if true, Karma captures browsers, runs the tests and exits singleRun: false, // Concurrency level // how many browser should be started simultaneous concurrency: Infinity }) }