기본 콘텐츠로 건너뛰기

라벨이 angularjs인 게시물 표시

AngularJS 웹사이트는 어떻게 생성되나?

⌘ 웹사이트 소스코드는 angular.js가 빌드 될 때 생성 /angular.js/blob/master/Gruntfile.js#L310 docs 라는 Grunt Task가 정의 /angular.js/blob/master/lib/grunt/plugins.js#L37-L42   ⌘ 결과 확인 쉘에서 명령어를 실행 grunt package webserver 브라우저에서 URL 접근 http://0.0.0.0:8000/build/docs angularjs.org 와 동일한 화면이 보임   ⌘ docs 빌드는 glup 사용   ⌘ 문서생성은 dgeni 사용 /angular.js/blob/master/docs/gulpfile.js#L5 /angular.js/blob/master/docs/gulpfile.js#L51-L57   ⌘ bootstrap CSS와 AngularJS로 만들어짐 /angular.js/blob/master/docs/docs.config.js#L80-L98 /angular.js/blob/master/docs/docs.config.js#L99-L105     ⌘ Dgeni   ⌘ Dgeni는 document processor들을 파이프라인으로 연동한 툴, 즉 여러 document processor 묶음이다. Technology agnostic - 서로 다른 문제들을 해결 위해 여러 다른 도구들을 사용한다는 관점 http://en.wikipedia.org/wiki/Document_processor /dgeni#architecture /dgeni-example/blob/master/README.md#why-should-i-use-dgeni   ⌘ 기본 엔진은 구현은 간단?! 프로세서들이 Promise를 통해 Chaining 됨 /dgeni/blob/master...

AngularJS는 어떻게 빌드하나?

웹사이트 소스코드는 https://github.com/angular/angularjs.org 소스코드는 https://github.com/angular/angular.js 대충 보면 두 개가 헷갈림 ⌘ 빌드는 Grunt 기반, 빌드는 쉽다 grunt package ⌘ 별도의 모듈 관리 시스템 사용하지 않음 angularFiles.js 에 angular와 karma 두 가지에 관련된 파일 리스트들을 관리 요렇게 사용 /angular.js/blob/master/Gruntfile.js#L114 /angular.js/blob/master/Gruntfile.js#L160 ⌘ 버전에 필요한 정보는 Git 명령어로 추출 예: getCodeName 예: getBuild 예: getTaggedVersion 예: getPreviousVersions ⌘ semver 사용 getSnapshotVersion ⌘ plugins.js에 Task들 정의 ( 그닥,, 분리할 이유는,, ) /angular.js/blob/master/Gruntfile.js#L10 /angular.js/blob/master/lib/grunt/plugins.js ⌘ Travis CI 에서는 unit 또는 e2e 테스트만 돌림 /angular.js/blob/master/Gruntfile.js#L25 /angular.js/blob/master/.travis.yml#L34 /angular.js/blob/master/scripts/travis/build.sh ⌘ Grunt에 등록된 Task는 test류, minify, package, ci-checks등이 있음 ci-checks Task는 ddescribe-iit, merge-conflict, jshint, jscs 4가지를 체크 ddescribe-iit 파일내용중에 ddescribe(?) 나 iit(?)가 있는지 검사 /grunt-ddescribe-iit/blob...