console.log("연록")

[Angular] Angular CLI, 기본 라이브러리(Introduction 2) 본문

bone up/Angular

[Angular] Angular CLI, 기본 라이브러리(Introduction 2)

연 록 2022. 3. 1. 20:06
728x90

Angular *CLI

 

Angular 애플리케이션을 가장 빠르고, 쉽고, 모범사례로 개발하는 방법

수많은 작업들을 간단히 처리 가능

 

ng build Angular 앱 컴파일
ng serve 애플리케이션을 빌드하고 개발서버로 서비스. 파일이 변경되면 바로 반영
ng generate 스키매틱에 정해진대로 Angular 구성요소를 생성, 수정
ng test 유닛 테스트
ng e2e 애플리케이션을 빌드하고 개발서버로 띄운 후에 엔드-투-앤드 테스트 실행

 

Angular CLI 설치법

 

npm 패키지 매니저로 명령 실행 ▼

npm install -g @angular/cli

 

👉🏻 Angular CLI 더 알아보기

 

 

*CLI(Command Line Interface)

 

명령 줄 인터페이스(CLI, Command line interface) 또는 명령어 인터페이스

텍스트 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식

작업 명령은 사용자가 컴퓨터 키보드 등을 통해 문자열의 형태로 입력, 컴퓨터의 출력 역시 문자열의 형태


기본 라이브러리

 

Angular Router Angular 컴포넌트 기반으로 클라이언트에서 화면 전환. 지연 로딩과 중첩 라우팅, 커스팀 주소 매칭 등 다양한 기능 제공
Angular Form 일관된 방식으로 폼(form)을 구성하고 유효성 검사
Angular HTTPClient 클라이언트 ↔ 서버 통신에 사용(HTTP 클라이언트)
Angular Animations 애플리케이션 상태에 따라 자동으로 연동되는 애니메이션
Angular PWA Progressive Web Applications(PWA)을 구성할 때 사용. 서비스 워커, 웹 앱 매니페스트 지원
Angular  Schematics 대규모 프로젝트 개발을 단순화하기 위해 구성요소의 기본틀 생성을