사용자 도구

사이트 도구


study:angular

Angular

AngularJS와는 구분되어지며, AJAX, SPA(Single Page Application) MVC시대를 거처 Web Component로 대변되는 FrontEnd Framework의 일종임.

Angular.io

Mazdik - 러시아

Angular Home 한글입력문제

시작하기

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]

  1. Angular CLI Install
    npm install -g @angular/cli
  2. create new a new Angular Project
    ng new my-app --style=scss --prefix pp
    ng new my-app --style=css
  3. Serve the application
    cd my-app
    ng serve --open
  4. 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로 지원 안함으로 되어있음)

study/angular.txt · 마지막으로 수정됨: 2025/04/15 10:05 저자 127.0.0.1