Angular은 오픈 소스이며 인기 있는 고도로 확장 가능한 프론트엔드 응용 프로그램 개발 프레임워크로, TypeScript/JavaScript 및 기타 일반적인 언어를 사용하여 모바일 및 웹 애플리케이션을 구축하는 데 사용됩니다.
Angular은 AngularJS (또는 Angular 버전 1.0) 이후에 나오는 모든 Angular 버전을 포괄하는 용어로, Angular 2 및 Angular 4를 포함합니다.
Angular은 작은 규모부터 대규모 애플리케이션을 처음부터 구축하는 데 적합합니다. 애플리케이션 개발을 지원하기 위한 Angular 플랫폼의 주요 구성 요소 중 하나는 Angular CLI 유틸리티입니다. 이것은 Angular 애플리케이션을 생성, 관리, 빌드 및 테스트하는 데 사용되는 간단하고 사용하기 쉬운 명령 줄 도구입니다.
이 기사에서는 리눅스 시스템에 Angular 명령 줄 도구를 설치하는 방법과 이 도구의 몇 가지 기본 예제를 설명하겠습니다.
리눅스에 Node.js 설치
Angular CLI를 설치하려면 리눅스 시스템에 최신 버전의 Node.js와 NPM이 설치되어 있어야 합니다.
Ubuntu에 Node.js 설치
------------- For Node.js v19.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_19.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs
Debian에 Node.js 설치
------------- For Node.js v19.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_19.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_18.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_16.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_14.x | bash - &&\ $ sudo apt-get install -y nodejs
RHEL, CentOS, Fedora, Rocky & Alma Linux에 Node.js 설치
------------- For Node.js v19.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_19.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_18.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_14.x | sudo bash - $ sudo yum install -y nodejs
또한, NPM에서 네이티브 애드온을 컴파일하고 설치하려면 시스템에 다음과 같이 개발 도구를 설치해야 할 수 있습니다.
$ sudo apt install -y build-essential [On Debian/Ubuntu] $ sudo yum install gcc-c++ make [On RHEL Systems]
Linux에서 Angular CLI 설치
위의 설명대로 Node.js와 NPM을 설치한 후 다음과 같이 Angular CLI를 npm 패키지 관리자를 사용하여 설치할 수 있습니다(-g 플래그는 모든 시스템 사용자가 사용할 수 있도록 도구를 시스템 전역에 설치하는 것을 의미합니다).
# npm install -g @angular/cli OR $ sudo npm install -g @angular/cli
이제 시스템에 설치된 것으로 예상되는 Angular CLI를 실행할 수 있습니다. 설치되어 있는 Angular CLI 버전을 확인하려면 다음 명령을 실행하십시오.
# ng version OR # ng --version
Angular CLI를 사용하여 Angular 프로젝트 생성
이 섹션에서는 새로운 기본 Angular 프로젝트를 생성, 빌드 및 서빙하는 방법을 보여줍니다. 먼저 서버의 웹 루트 디렉토리로 이동한 다음 다음과 같이 새 Angular 애플리케이션을 초기화합니다(알림에 따라 진행하십시오).
# cd /var/www/html/ # ng new tecmint-app #as root OR $ sudo ng new tecmint-app #non-root user
그런 다음 방금 생성된 응용 프로그램 디렉토리로 이동하여 응용 프로그램을 서비스합니다.
# cd tecmint-app # ls #list project files # ng serve
웹 브라우저에서 새로운 앱에 액세스하려면 방화벽 구성에서 포트 4200을 열어야 합니다.
---------- On Firewalld ---------- # firewall-cmd --permanent --zone=public --add-port=4200/tcp # firewall-cmd --reload ---------- On UFW ---------- $ sudo ufw allow 4200/tcp $ sudo ufw reload
새 앱을 실행하는 방법은 다음 스크린샷에 표시된대로 웹 브라우저를 열고 다음 주소로 이동하십시오.
http://localhost:4200/ or http://SERVER_IP:4200
참고: 지역 서버에 응용 프로그램을 빌드하고 제공하려면 위와 같이 ng serve 명령을 사용하면 서버가 소스 파일 중 하나를 변경할 때 앱을 자동으로 다시 빌드하고 웹 페이지를 다시로드합니다.
ng 도구에 대한 자세한 내용은 다음 명령을 실행하십시오.
# ng help
Angular CLI 홈페이지: https://angular.io/cli
이 기사에서는 다양한 리눅스 배포판에 Angular CLI를 설치하는 방법과 개발 서버에서 기본 Angular 응용 프로그램을 빌드, 컴파일 및 제공하는 방법을 설명했습니다. 궁금한 사항이나 공유하고 싶은 생각이 있으시면 아래 피드백 양식을 사용하십시오.
Source:
https://www.tecmint.com/install-angular-cli-on-linux/