본문 바로가기

Web Programming6

[Hoon] AngularJS - Angular Style Guide & Angular 2 Angular Style Guide & Angular 2 The Angular 1 Style Guide. The Angular 2 Style Guide. https://angular.io https://angular.io/docs/ts/latest/quickstart.html https://angular.io/resources/live-examples/quickstart/ts/eplnkr.html https://angular.io/docs/ts/latest/tutorial/ http://localhost:8080/index5.html AngularJS Patterns: Clean Code https://github.com/johnpapa/angular-styleguide/tree/master/a1 htt.. 2019. 1. 4.
[Hoon] AngularJS - Updating AngularJS Updating AngularJS npm run update-deps bower.json angular version -> 해당 version 의 최신 버전으로 업데이트 "dependencies": { "angular": "~1.5.0", "angular-route": "~1.5.0", "angular-loader": "~1.5.0", "angular-mocks": "~1.5.0", "html5-boilerplate": "^5.3.0" } ===> "dependencies": { "angular": "~1.5.11", "angular-route": "~1.5.11", "angular-loader": "~1.5.11", "angular-mocks": "~1.5.11", "html5-boilerplate":.. 2019. 1. 4.
[Hoon] AngularJS Seed - the seed for AngularJS apps AngularJS Seed - the seed for AngularJS apps https://github.com/angular/angular-seed git clone https://github.com/angular/angular-seed.git cd angular-seed npm install npm start - http://localhost:8000/index.html Directory Layout - _test.js -> .spec.js npm test Running End-to-End Tests cd e2e-tests npm start npm run update-webdriver npm run protractor 2019. 1. 4.
[Hoon] AngularJS - PhoneCat Tutorial App PhoneCat Tutorial App Environment SetupInstall Git - http://git-scm.com/download Install Node.js - https://nodejs.org/en/download node --version - Node.js v4+ git clone --depth=16 https://github.com/angular/angular-phonecat.git cd angular-phonecat npm install This command reads angular-phonecat's package.json file and downloads the following tools into the node_modules directory: Bower - client-.. 2019. 1. 3.
[Hoon] AngularJS - Componets, Directives, Localization Example DirectivesDirectives are a unique and powerful feature available in AngularJS. Directives let you invent new HTML syntax, specific to your application. Reusable ComponentsWe use directives to create reusable components. A component allows you to hide complex DOM structure, CSS, and behavior. This lets you focus either on what the application does or how the application looks separately. Localiza.. 2018. 12. 31.
[Hoon] AngularJS - Create Components Create Components http://plnkr.co/edit/NomETVhyqSIryX2Pm6dc?p=preview https://docs.angularjs.org/guide/component Component is a special kind of directive that uses a simpler configuration which is suitable for a component-based application structure. Advantages of Components: simpler configuration than plain directivespromote sane defaults and best practicesoptimized for component-based architec.. 2018. 12. 31.