AngularJS에서 Angular로 앱을 업그레이드해야하는 이유 (05.16.24)

안녕하세요, 친애하는 친구 여러분! 오늘은 Angular의 이점에 대해 이야기하겠습니다. AngularJS를 사용하는 경우 AngularJS에서 Angular로 마이그레이션해야합니다. 왜? 해당 기사를 읽고 최상의 프레임 워크를 선택하십시오.

AngularJS 란 무엇입니까?

이 두 프레임 워크에 대해 이야기하기 전에 누가 누구인지 이해하겠습니다. AngularJS는 단일 페이지 애플리케이션 (SPA)을 개발하는 프레임 워크를 혁신했습니다. Angular는 여전히 지원하는 Google의 도움으로 출시되었습니다. 그리고 그것은 2010 년에 출시되었고 그 이후로 많은 새로운 버전의 AngularJS가있었습니다. 프레임 워크는 JavaScript의 도움으로 작동하며 단일 페이지 웹 애플리케이션의 개발을 위해 생성됩니다. Angular를 차별화하는 것은 HTML을 시계열로 변환하는 기능입니다.

AngularJS의 단점 에 대해 이야기 해보면 이것이 프레임 워크의 최고의 버전이 아닌 이유를 이해하게 될 것입니다.

  • JavaScript. 예, JavaScript로 작업하는 것이 매우 편리하지만 JavaScript 없이는 AngularJS에서 아무것도 할 수 없습니다. 따라서 새로운 문제가 있습니다. 많은 장치에서 JS가 지원되지 않습니다 (예, 슬프게 들립니다). 물론 새로운 랩톱과 컴퓨터에는 그런 문제가 없지만 예를 들어 AngularJS를 배우고 싶은 오래된 랩톱을 가진 십대를 예로 들면 그는 단순히 JavaScript를 실행하지 않습니다. 그리고 새로운 것을 배우려는 욕망이 사라집니다.
  • 초보자에게는 어렵습니다. AngularJS의 구조는 매우 접근하기 쉽지만이 프레임 워크에 대해 처음 배우기 시작하면 많은 문제에 직면하게됩니다. 모든 사람이 한 번에 지시문과 종속성으로 작업하는 방법을 아는 것은 아닙니다 (그리고 이것은 AngularJS 코드의 구성 요소입니다). 또한 동일한 지시 없이는 해결할 수없는 작업이 있고, 개발자가 시스템을 탐구하기 시작하고 많은 시간을 잃는 작업이 있습니다 (물론 새로운 것을 배울 때 좋습니다).하지만 그런 일이 있습니다. 마감일로. 고객은 일반적으로 기한을 명확하게 설정하고 지정된 시간보다 오래 기다리기를 원하지 않습니다. 따라서 AngularJS의 구조는 가능하지만 그 과정에서 많은 기능에 문제가있을 수 있습니다.
  • MVC. 모든 사람이 작업 방법을 아는 것은 아닙니다. 또한 MVC의 작동 방식을 이해하는 데 오랜 시간이 걸립니다. 사실, 대부분은 이제 작업 경험이 있지만 더 전통적인 개발자는이 문제에 직면합니다. 결론은 AngularJS로 작업하기 위해 알아야 할 프로그램이 무엇인지 알아야한다는 것입니다.
  • 교육용 문서 사실 Angular와 비교하면 그다지 많지 않습니다. 초보자는 어떤면에서이 AngularJS에 정말 불행합니다. 그러나 그것을 공부하면 많은 것을 배우고 많은 프로그램을 배우며 개발자가 더 많이 알수록 더 좋습니다. AngularJS에 대한 문서가 거의 없기 때문에 프로그래머는 많은 시간이 소요되는 시도를해야합니다.
  • 결함. AngularJS에서 만든 제품은 동적입니다. 그래서 성능이 없습니다. 프로그램을 처음 시작하려고하면 충돌 및 지연이 발생할 수 있습니다.
  • Angular 10이란 무엇입니까?

    Angular 10은 이전 제품보다 공간을 덜 차지합니다. 이 다양성에 추가 된 새로운 기능은 Angular Material의 향상된 날짜 범위 선택 및 CommonJS 가져 오기에 대한 경고입니다. 개발자는 또한 CommonJS가 포함 된 번들이 더 크고 느린 프로그램으로 이어질 수있는 경우 ECMAScript 배치 모듈을 교체하는 새로운 기능을 추가했습니다.

    프로 팁 : PC에서 성능 문제, 정크 파일, 유해한 파일을 검색합니다. 앱 및 보안 위협
    시스템 문제 또는 성능 저하를 유발할 수 있습니다.

    PC 문제 무료 스캔 3.145.873 다운로드 호환 대상 : Windows 10, Windows 7, Windows 8

    특별 제안. Outbyte 정보, 제거 지침, EULA, 개인 정보 보호 정책.

    또한 Angular 10은 ng new 에서 까지 새로운 공간을 구축 할 때 제품의보다 전략적인 구성을 제공합니다. > ng new–strict.

    활성화하면 더 나은 오류 감지 및 추가 프로그램 최적화를 위해 새 설정으로 제품을 초기화 할 수 있습니다.

    Angular 10의 장점 :
  • 언어 서비스. 이제 언어 서비스 컴파일러는 필요한 경우 ScriptInfos를 생성하는 제품 인터페이스를 사용하여 둘 이상의 유형 검사 파일을 사용할 수 있습니다. 또한 & amp ;, & lt; 등과 같은 일부 HTML 엔티티가 제거됩니다. 이는 성능이 매우 변동적인 Angular LS 기능의 내부 기반을 보호하기 위해 수행되었습니다.
  • 브라우저 구성. 이전 및 인기없는 브라우저는 이제 Angular 10에서 제외됩니다. 이것은 더 새롭고 편리한 브라우저를 홍보하기 위해 수행됩니다. 또한이 업데이트에는 새 제품에 대해 ES5 빌드를 자동으로 비활성화하는 부작용이 포함되어 있습니다. 이렇게하려면 개발자는 필요한 브라우저를 .browserslist RC 파일에 추가해야합니다. ES5 빌드 및 브라우저에 대한 차등로드를 활성화합니다.
  • 컴파일러 업데이트 . 컴파일러도 업그레이드되지 않았습니다.이 버전의 Angular에서 개발자는 컴파일러가 실제 ngtsc 컴파일러를 래핑하기위한 인터페이스를 추가했습니다. 속성을 읽을 수 있도록 네임 스페이스도 추가되었습니다. 이 종속성 정보 외에도 콘텐츠 선택기 인 Angular Language Service도 메타 데이터에 추가되었습니다. ExpressionBinding 마이크로 구문 표현식의 정확한 비용 범위를 ParsedProperty로 확장하는 것을 지원하며, 이는 범위를 AST 템플릿 (VE 및 Ivy 모두)으로 확장 할 수 있습니다.
  • Ngcc. 이 기능은 tsconfig.json 파일에서 정의한 진입 점만을 처리하기 위해 생성 된 프로그램을 기반으로 진입 점 조회 프로그램을 시작할 수 있도록 추가되었습니다. 액세스 할 수 있습니다. 이 기능은 제품으로 가져 오는 진입 점이 거의없는 종속성 프로세스를 촉매합니다. 일반 패키지 경로와 진입 점을 파일에서 제외 할 수 있으므로 빈 배열을 제거하는 데 도움이됩니다.
  • 생산성 향상 . 이것은 진입 점의 볼륨을 줄임으로써 작동했습니다. 또 다른 장점은 종속성 캐싱이 진입 점 매니페스트에서 발생하고 매번 계산을 수행하는 대신 정보가 거기에서 제공된다는 것입니다. 매번 수행되던 작업은 크롤러가 인스턴스화되었고 이제는 TargetEntryPointFinder에서 필요할 때만 수행됩니다.
  • Typescript 3.9. TypeScript는 자바 스크립트 기반 언어이지만 유형 선언 및 주석 구문이 있습니다. 이 버전의 TypeScript는 오류를 확인하는 것 외에도 컴파일러와 함께 작동하여 모든 것을 구조화하고 속도를 높이며 작업을 정규화합니다.
  • 현지화 최고의 기능 중 하나입니다. 이 버전의 Angular는 여러 번역 문서를 병합하는 기능이지만 이전 버전은 하나의 파일 만 다운로드했습니다. 즉, 개발자는 이제 메시지 ID를 사용하여 문서 번역을 결합 할 수 있습니다. 이렇게하려면 가장 중요한 문서를 첫 번째 번역으로 이동하고 다른 문서를 나중에 이동해야합니다.
  • 라우터. CanLoad 보안 가드는 이제 코너 버전 10의 Urltree로 돌아갈 수 있습니다. Urltree에서 반환 한 CanLoad 가드는 최첨단 탐색을 취소하고 데이터를 리디렉션하는 데 도움을줍니다. 이는 사용 가능한 CanActivate 방어자의 현재 동작과 일치하며 추가 된 것으로 보입니다.
  • Core. 이제 모든 경고가 오류로 읽 힙니다. 이것은 나쁜 기능은 아니지만 console.error를 통해 아무것도 기록되지 않을 것으로 예상하는 도구를 재생할 수 있습니다. 이 새로운 Generic 버전은 ModuleWithProviders가 Ivy 컴파일 및 렌더링 파이프 라인과 함께 작동하는 것을 필수로 만듭니다. 이렇게하면 개발자가 View Engine을 사용하는 경우 빌드 오류가 발생하지 않습니다.
  • 코드를 Ivy로 변환합니다. npm에서 Ivy에 대한 모든 종속성은 Ivy 종속성으로 변환되어야하며 이는 애플리케이션에서 ngtsc를 실행하기위한 선구자로 발생해야합니다. 다음으로 모든 향후 컴파일 및 바인딩 작업은 종속성 버전을 변환하는 방향으로 수행되어야합니다.
  • 결론

    이 기사에서는 Angular가 AngularJS보다 여전히 좋은 이유를 작성했습니다. 저는 모든 사람들이 AngularJS를 잊어 버리고 Angular 10으로 가도록 설득하려는 것이 아닙니다. 아니요, 모든 프레임 워크가 어떤면에서 더 낫습니다. 이제 Angular 10은 탁월한 프로젝트를 만들 수있는 모든 기능을 갖추고 있지만 1 ~ 2 년이 지나면 새 버전이 이보다 훨씬 더 나을 것이라는 사실을 잊지 마십시오. 나의 조언 – 가능한 한 많이 배우십시오. 모든 버전의 프레임 워크가 유용 할 것입니다.


    YouTube 비디오: AngularJS에서 Angular로 앱을 업그레이드해야하는 이유

    05, 2024