처음 시작하는 Angular (2021.05.25)

Angular CLI (Command Line Interface)

 Angular cli를 활용하여 프로젝트 생성하기, 컴포넌트 만드는 작업을 진행 해봤습니다.

우선 cli 를 처음 접했던 기억은 42Seoul에서 VIM을 이용해서 c언어 코딩을 할 때, 처음 접해봤던것 같습니다.

후에는 git을 사용할때 cli를 사용하면서 주로 사용해봤던것 같습니다.

 

CLI (Command Line Interface)란?

텍스트 너미널을 통해 사용자와 컴퓨터가 상호작용하는 방식을 뜻합니다.

 

그렇다면 Angular CLI 는?  Angular 프레임워크를 사용하여 작업을 진행할 때, ng 로 시작되는 명령어를 사용하여 Angular 프로젝트 스캐폴딩, 생성, 실행, 빌드할 수 있고 다양한 구성요소를 선별적으로 추가 하게 해주는 것 이라고 할 수 있습니다.

Angular 설치하기

---

우선 Angular-cli 를 설치하기 위해서는 Node js가 필요합니다. Node js를 설치해주고 터미널에서 아래 명령어를 실행 해주면 

Angular-cli를 성공적으로 설치할 수 있습니다.

node js는 https://nodejs.org/ko/ 사이트에서 다운받는 방법이 있고, 맥사용자이시라면  brew를 이용하여서 설치를 할 수 있습니다.

$ npm install -g @angular/cli

 

Angular 프로젝트 생성 및 실행하기

---

'ng new 프로젝트이름' 을 이용해서 Angular 프로젝트를 만들 수 있습니다.

$ ng new project-name

'ng serve'  를 이용해서 Angular 프로젝트를 실행 시킬 수 있습니다.

$ ng serve

사용해본 CLI

---

오늘 학습 하면서 사용해본 cli는 컴포넌트, 서비스, 모듈을 사용하는 명령어를 사용 해봤습니다.

생성을 할때 기본적으로 사용하는 명령어를 알아 보겠습니다.

$ ng generate <schematic> [options]

$ ng g <schematic>

위와 같이 ng 후에 generate를 쓰고 어떤 유형의 것을 만들어 줄 것인지 schematic부분에 작성해주면 원하는 것을 만들 수 있습니다.