본문 바로가기

Frontend/AngularJS8

[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 - Angularjs Tutorial Angularjs Tutorial 0 - Bootstrapping - https://docs.angularjs.org/tutorial/step_00 1 - Static Template - https://docs.angularjs.org/tutorial/step_01 2 - AngularJS Templates - https://docs.angularjs.org/tutorial/step_02 3 - Components - https://docs.angularjs.org/tutorial/step_03 4 - Directory and File Organization - https://docs.angularjs.org/tutorial/step_04 5 - Filtering Repeaters - https://do.. 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.
[Hoon] AngularJS - The AngularJS AngularJSAngularJS개발자구글발표일2010년 10월 20일 (8년 전)[1]최근 버전1.6.6 / 2017년 8월 18일 (15달 전)[2]개발 상태개발 중프로그래밍 언어자바스크립트플랫폼크로스 플랫폼크기144 KB (운영용) 1 MB (개발용)종류자바스크립트, 싱글 페이지 애플리케이션 프레임워크라이선스MIT 라이선스웹사이트angularjs.org AngularJS("Angular.js" 또는 "AngularJS 1.X")는 자바스크립트 기반의 오픈 소스 프론트엔드 웹 애플리케이션 프레임워크의 하나로, 싱글 페이지 애플리케이션 개발 중에 마주치는 여러 문제들을 해결하기 위해 개발되었으며 주로 구글과 개별 커뮤니티, 여러 회사에 의해 유지보수되고 있다. 자바스크립트 구성 요소들은 크로스 플랫폼 .. 2018. 12. 31.