===== Angular ===== AngularJS와는 구분되어지며, AJAX, SPA(Single Page Application) MVC시대를 거처 Web Component로 대변되는 FrontEnd Framework의 일종임. [[https://angular.io|Angular.io]] [[https://mazdik.github.io|Mazdik - 러시아]] [[angular:home|Angular Home]] [[angular:hangul|한글입력문제]] ==== 시작하기 ==== C:\>echo "Angular 시작하기" "Angular 시작하기" C:\>explorer https://nodejs.org C:\>explorer https://www.visualstudio.com C:\>explorer https://angular.io C:\>explorer https://cli.angular.io C:\>node -v v8.11.4 C:\>npm -v 6.4.1 C:\>code -v 1.30.2 61122f88f0bf01e2ac16bdb9e1bc4571755f5bd8 x64 C:\>ng version _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 7.1.4 Node: 8.11.4 OS: win32 x64 Angular: ... Package Version ------------------------------------------------------ @angular-devkit/architect 0.11.4 @angular-devkit/core 7.1.4 @angular-devkit/schematics 7.1.4 @schematics/angular 7.1.4 @schematics/update 0.11.4 rxjs 6.3.3 typescript 3.1.6 C:\> ==== Angular 설치 [대표되는 Command] ==== - Angular CLI Install npm install -g @angular/cli - create new a new Angular Project ng new my-app --style=scss --prefix pp ng new my-app --style=css - Serve the application cd my-app ng serve --open - Edit your first Angular component The CLI created the first Angular component for you. This is the root component and it is named app-root. You can find it in ./src/app/app.component.ts. Open the component file and change the title property from 'app' to 'My First Angular App!'. ==== Angular CLI ==== generates an NgModule. ng generate module [name] ng g m [name] generates a component. ng generate component [name] ng g c [name] ng g c example/parent --module app.module ==== support IE9-11 ==== IE를 지원하려면, "polyfills.ts", "browerslist"를 수정해야한다.(default로 지원 안함으로 되어있음)