웹사이트 검색

AlmaLinux 8에 AngularJS를 설치하는 방법

이 페이지에서

  1. 전제 조건
  2. 시스템 업데이트
  3. NodeJS 및 NPM 설치
  4. 3단계. AngularJS 설치
  5. 결론

AngularJS는 단일 페이지 애플리케이션 실행을 지원하는 Google에서 주로 유지 관리하는 JavaScript 기반 오픈 소스 프런트 엔드 웹 애플리케이션 프레임워크입니다. 이를 통해 개발자는 HTML을 템플릿 언어로 사용할 수 있으며 새 페이지를 볼 때마다 브라우저를 다시 로드하지 않고도 강력한 대화형 웹사이트를 만들 수 있습니다.

AngularJS는 단일 페이지 애플리케이션을 구축하는 데 사용되는 Google에서 만든 오픈 소스 JavaScript 프레임워크입니다. 이는 일반적으로 기존 웹 사이트보다 훨씬 더 복잡한 웹 애플리케이션의 개발을 단순화합니다. 목표는 개발자가 재사용 가능한 코드를 쉽게 만들고 데이터 바인딩이나 라우팅과 같은 반복적인 작업을 개발하는 대신 기능 추가에 집중할 수 있도록 하는 것입니다. AngularJS는 또한 개발자가 애플리케이션 내에서 컨트롤러와 보기를 모두 사용할 수 있도록 하는 MVC 아키텍처를 제공하므로 HTML 및 CSS와 같은 프로그래밍 언어에 정통하지 않지만 여전히 인터페이스를 디자인할 수 있는 기능을 원하는 디자이너가 쉽게 사용할 수 있습니다. 무대 뒤에서 어떻게 작동하는지에 대한 지식.

AngularJS의 유용성을 설명하는 가장 좋은 방법은 다른 인기 있는 프레임워크와 비교하는 것입니다. 오늘날 다른 JS 프레임워크와 비교할 때 AngularJS의 주요 장점 중 일부를 살펴보겠습니다.

1 - 깨끗하고 읽기 쉬운 코드: JavaScript에 대한 가장 일반적인 불만 중 하나는 작성된 코드가 종종 완전한 횡설수설처럼 보인다는 것입니다. 단순한 필사자가 유용한 구문을 작성하기에는 구문이 너무 혼란 스럽습니다. jQuery나 Mootools 소스 코드만 봐도 "코더 친화적"이 아니라는 것을 알 수 있습니다.

반대로 AngularJS는 매우 깨끗하고 읽기 쉬운 코드 기반을 가지고 있습니다. 즉, 팀의 모든 사람이 몇 주 동안 교육을 받지 않고도 기여할 수 있습니다.

2 - 유지 관리 용이성: JS 파일이 많으면 특히 시간이 지남에 따라 발생하는 문제를 디버깅할 때 파일 관리가 어려운 작업이 됩니다. AngularJS가 정말 빛을 발하는 곳입니다. 명확하게 정의된 모듈을 기반으로 매우 유연한 구조를 가지고 있습니다.

3 - 손쉬운 통합: 너무 많은 문제 없이 기존 프로젝트에 연결할 수 있고, 특정 사례에 맞게 사용자 지정해야 할 때마다 코드 줄을 삭제하거나 새 줄을 추가할 수 있습니다.

AlmaLinux 머신에 AngularJS를 설치하는 방법을 배우고 싶습니까? 이 문서에서는 스크린샷과 함께 단계별 지침을 보여줍니다. 초보 컴퓨터 사용자도 누구나 쉽게 따라할 수 있습니다.

전제 조건

Ubuntu에 AngularJS를 설치하려면 루트 액세스 권한이 있는 AlmaLinux 서버 또는 sudo 권한이 있는 루트가 아닌 사용자가 있어야 합니다.

시작하자!

1단계. 시스템 업데이트

먼저 필요한 패키지와 종속 항목을 설치할 수 있도록 시스템을 업데이트해야 합니다. 서버에 ssh하고 다음 명령줄을 입력합니다.

sudo dnf update
sudo dnf install epel-release

업데이트 프로세스가 완료되면 이 명령으로 서버를 다시 시작하여 업데이트를 적용하십시오.

sudo reboot now

2단계. NodeJS 및 NPM 설치

AngularJS는 JavaScript로 구축되었으므로 애플리케이션 종속성을 다운로드하고 관리하는 데 사용할 npm이라는 패키지 관리자를 실행하려면 NodeJS를 설치해야 합니다. 최신 버전의 Ubuntu에는 NodeJS가 배포판에 포함되어 있습니다. 이 명령으로 사용 가능한 Node.js 스트림을 확인할 수 있습니다.

sudo dnf module list nodejs

다음과 같은 결과가 표시되어야 합니다.

이제 이 명령으로 공식 저장소에서 Node.js를 설치해 보겠습니다.

sudo dnf module install nodejs:14

설치 후 버전을 확인하여 NodeJS가 올바르게 구성되었는지 확인할 수 있습니다. 이 명령을 실행합니다.

node –v

다음과 같은 결과가 나와야 합니다.

NPM 버전을 확인하려면 이 명령을 실행합니다.

npm –v

다음과 같은 결과가 나와야 합니다.

3단계. AngularJS 설치

이제 모든 것이 준비되었으므로 AngularJS를 설치하겠습니다. AngularJS를 설치하려면 이 명령을 사용하십시오.

npm install -g @angular/cli

-g 명령을 사용하여 AngularJS를 전역적으로 설치하려고 함을 나타냅니다. 즉, 모든 사용자와 서버의 모든 애플리케이션이 AngularJS에 액세스할 수 있습니다. -g 명령을 생략하면 AngularJS는 package.json 파일이 있는 현재 디렉터리에 설치됩니다.

설치하는 동안 Angular 팀이 프레임워크를 개선하는 데 도움이 되도록 익명 데이터를 공유하라는 요청을 받게 됩니다. 데이터를 공유하지 않으려면 비워두고 Enter 키를 누릅니다.

AngularJS가 설치되어 있는지 확인하려면 이 명령을 실행하여 버전을 확인하십시오.

ng version

다음과 같은 결과가 나와야 합니다.

결론

이 가이드에서는 NodeJS 및 NPM을 사용하여 AngularJS 8서버에 AngularJS를 설치하는 방법을 배웠습니다. 이로써 AngularJS로 앱을 만드는 방법에 대해 자세히 알아볼 수 있는 모든 준비가 완료되었습니다. 댓글 섹션에서 의견을 공유해 주세요. 즐거운 코딩하세요!