75 AngularJS 인터뷰 질문 및 답변 (2025)
신입생을 위한 AngularJS 인터뷰 질문 및 답변
1) AngularJS란 무엇입니까?
AngularJS는 Java단일 웹 페이지 애플리케이션을 만드는 데 사용되는 스크립트 프레임워크입니다. HTML을 템플릿 언어로 사용할 수 있으며 HTML 구문을 확장하여 애플리케이션의 구성 요소를 명확하게 표현할 수 있습니다.
👉 무료 PDF 다운로드: AngularJS 인터뷰 질문 및 답변 >>
2) AngularJS의 주요 기능은 무엇입니까?
AngularJS의 주요 기능은 다음과 같습니다.
- 범위
- 제어 장치
- 모델
- 관측
- 서비스
- 데이터 바인딩
- 지시어
- 필터
- 테스트 가능
3) AngularJS의 함수 범위 설명
범위 애플리케이션 모델을 말합니다. 애플리케이션 컨트롤러와 뷰 사이의 접착제 역할을 합니다. 범위는 계층 구조로 배열되어 있으며 애플리케이션의 DOM(Document Object Model) 구조를 가장합니다. 표현식을 감시하고 이벤트를 전파할 수 있습니다.
4) AngularJS의 서비스 설명
AngularJS 서비스는 특정 작업을 수행하는 데 사용되는 싱글톤 개체 또는 기능입니다. 여기에는 일부 비즈니스 논리가 포함되어 있습니다.
5) 각도 표현이란 무엇입니까? 각도 표현과 각도 표현의 주요 차이점을 설명하세요. Java스크립트 표현
처럼 Java스크립트, 각도 표현식은 일반적으로 {{ 표현식 }}과 같은 바인딩에 배치되는 코드 조각입니다.
두 제품의 주요 차이점은 Java스크립트 표현식과 각도 표현식은 다음과 같습니다.
- 컨텍스트: Angular에서는 표현식이 범위 객체에 대해 평가되는 반면 Java스크립트 표현식은 글로벌 창에 대해 평가됩니다.
- 용서: Angular 표현식에서는 평가가 null 및 정의되지 않음을 허용하지만 Java스크립트 정의되지 않은 속성은 TypeError 또는 ReferenceError를 생성합니다.
- 제어 흐름 문 없음: 루프, 조건부 또는 예외는 각도 표현식에서 사용할 수 없습니다.
- 필터 : 필터를 사용하여 데이터를 표시하기 전에 형식을 지정할 수 있습니다.
6) 페이지가 로드될 때 옵션이 있는 선택 상자를 초기화하려면 어떻게 해야 하나요?
ng-init 지시문을 사용하면 페이지가 로드될 때 옵션으로 선택 상자를 초기화할 수 있습니다.
- <div ng-controller = ” 앱/대시보드/계정 ” ng-스위치
- 켜짐 = “! ! 계정” ng-init = ” loadData ( ) “>
7) 지시어란 무엇입니까? AngularJS 애플리케이션에서 가장 일반적으로 사용되는 지시어 이름을 말해 보세요.
지시어는 새로운 구문을 도입하는 것입니다. 이는 특별한 동작을 첨부하는 DOM 요소의 마커와 같습니다. 모든 AngularJS 애플리케이션에서 지시문은 가장 중요한 구성 요소입니다.
일반적으로 사용되는 지시문 중 일부는 다음과 같습니다.
1) NG 모델
2) ng-앱
3) ng-바인드
4) ng-반복
5) ng-쇼
8) Angular JS 경로는 어떻게 작동합니까?
AngularJS 경로를 사용하면 애플리케이션의 다양한 콘텐츠에 대해 다양한 URL을 생성할 수 있습니다. 다양한 콘텐츠에 대한 다양한 URL을 통해 사용자는 특정 콘텐츠에 대한 URL을 북마크에 추가할 수 있습니다. AngularJS에서 북마크 가능한 각 URL을 경로라고 합니다.
Angular JS의 값은 간단한 객체입니다. 숫자, 문자열 또는 Java스크립트 객체. 값은 일반적으로 팩토리, 서비스 또는 컨트롤러에 주입된 구성으로 사용됩니다. 값은 AngularJS 모듈에 속해야 합니다.
AngularJS 컨트롤러 함수에 값을 주입하려면 값과 동일한 이름의 매개변수를 추가하면 됩니다.
9) AngularJS의 데이터 바인딩이란 무엇입니까?
모델과 뷰 구성 요소 간의 데이터 자동 동기화를 AngularJS에서는 데이터 바인딩이라고 합니다. 데이터 바인딩에는 두 가지 방법이 있습니다.
- 기존 템플릿 시스템의 데이터 마이닝
- 각도 템플릿의 데이터 바인딩
10) AngularJS의 이점은 무엇입니까?
AngularJS의 장점은 다음과 같습니다.
- 콜백 등록: 콜백을 등록할 필요가 없습니다. 이렇게 하면 코드가 간단해지고 디버그하기 쉬워집니다.
- 프로그래밍 방식으로 HTML DOM을 제어합니다. Angular를 사용하여 생성된 애플리케이션은 DOM을 조작할 필요가 없습니다.
- UI와 데이터를 주고받는 방법은 다음과 같습니다. AngularJS는 거의 모든 상용구를 제거하는 데 도움이 됩니다. 양식의 유효성을 검사하고, 오류를 표시하고, 내부 모델로 돌아가는 등의 작업을 수행할 수 있습니다.
- 초기화 코드 없음: AngularJS를 사용하면 앱을 쉽게 부트스트랩할 수 있습니다. Guice에서 애플리케이션에 자동 삽입된 서비스를 사용할 수 있습니다.
11) Angular.JS의 문자열 보간이란 무엇입니까?
Angular.js에서 컴파일 프로세스 중 컴파일러는 텍스트와 속성을 일치시킵니다. 삽입된 표현식이 포함되어 있는지 확인하기 위해 보간 서비스를 사용합니다. 일반적인 다이제스트 주기의 일부로 이러한 표현식이 업데이트되고 감시자로 등록됩니다.
12) HTML 컴파일 과정의 단계는 무엇입니까?
HTML 컴파일 과정은 다음과 같은 방식으로 진행됩니다.
- 표준 브라우저 API를 사용하여 먼저 HTML을 DOM으로 구문 분석합니다.
- 호출을 사용하여
$compile ()
메서드를 사용하면 DOM 컴파일이 수행됩니다. 이 메서드는 DOM을 순회하여 지시문과 일치합니다. - 이전 단계에서 반환된 연결 함수를 호출하여 템플릿을 범위와 연결합니다.
13) 지시문과 그 유형을 설명하세요.
컴파일 과정에서 특정 HTML 함수가 실행되는 것을 지시문이라고 합니다. 컴파일러가 DOM에서 이를 발견하면 실행됩니다.
다양한 유형의 지시문은 다음과 같습니다.
1) 요소 지시문
2) 속성 지시어
3) CSS 클래스 지시문
4) 주석 지시문.
14) 연결 기능과 그 유형을 설명하십시오.
Link는 지시문을 범위와 결합하여 실시간 보기를 생성합니다. DOM 리스너 등록과 DOM 업데이트는 링크 함수가 담당합니다. 템플릿이 복제된 후 실행됩니다.
- 사전 연결 기능: 하위 요소가 연결되기 전에 사전 연결 기능이 실행됩니다. 이는 DOM 변환을 위한 안전한 방법으로 간주되지 않습니다.
- 게시물 연결 기능: 사후 연결 기능은 하위 요소가 연결된 후에 실행됩니다. 사후 연결 기능으로 DOM 변환을 수행하는 것이 안전합니다.
15) AngularJS의 인젝터를 설명하세요
인젝터는 서비스 로케이터입니다. 공급자가 정의한 대로 개체 인스턴스를 검색하고, 유형을 인스턴스화하고, 메서드를 호출하고, 모듈을 로드하는 데 사용됩니다. Angular 애플리케이션마다 단일 인젝터가 있으며 이름으로 객체 인스턴스를 찾는 데 도움이 됩니다.
16) Angular.js에서 링크와 컴파일의 주요 차이점은 무엇입니까?
- 컴파일 기능: 이는 템플릿 DOM 조작에 사용되며 모든 지시어를 수집합니다.
- 링크 기능: 예를 들어 DOM 조작뿐만 아니라 DOM 리스너를 등록하는 데 사용됩니다. 템플릿이 복제되면 실행됩니다.
17) AngularJS의 팩토리 기능은 무엇입니까?
지시문을 생성하기 위해 팩토리 메소드가 사용됩니다. 컴파일러가 지시문과 처음으로 일치할 때 한 번만 호출됩니다. $injector.invoke를 사용하면 팩토리 메소드가 호출됩니다.
18) ngModel이 CSS 클래스에 추가하는 스타일링 형식을 설명하세요.
NgModel은 이러한 CSS 클래스를 추가하여 양식 스타일을 지정할 수 있습니다. AngularJS의 유효성 검사 클래스는 다음과 같습니다.
- ng-유효함
- ng- 유효하지 않음
- ng-원래의
- 더러운
19) '스코프'의 특징은 무엇인가요?
- 관찰자 모델 돌연변이 범위는 API($watch)를 제공합니다.
- 모델 변경 사항을 시스템을 통해 Angular 영역 외부의 뷰에 전파하려면
- 범위는 상위 범위에서 속성을 상속하는 동시에 공유 모델 속성에 대한 액세스를 제공하며 범위를 중첩하여 애플리케이션 구성 요소를 격리할 수 있습니다.
- 범위는 표현식이 평가되는 컨텍스트를 제공합니다.
20) DI(종속성 주입)란 무엇이며 객체나 함수가 어떻게 종속성을 확보할 수 있습니까?
DI 또는 종속성 주입은 코드가 종속성을 어떻게 확보하는지 다루는 소프트웨어 설계 패턴입니다. 모듈이 로드될 때 구성해야 하는 애플리케이션의 요소를 검색하기 위해 "config" 작업은 종속성 주입을 사용합니다.
객체가 종속성을 유지하기 위해 사용하는 방법은 다음과 같습니다.
- 일반적으로 new 연산자를 사용하여 종속성을 생성할 수 있습니다.
- 전역 변수를 참조하여 종속성을 조회할 수 있습니다.
- 필요한 곳에 종속성을 전달할 수 있습니다.
숙련된 전문가를 위한 AngularJS 인터뷰 질문 및 답변
21) 범위 계층 구조의 개념을 설명하십시오.
각 앵귤러 애플리케이션은 하나의 루트 범위로 구성되지만 여러 자식 범위를 가질 수 있습니다. 자식 컨트롤러와 일부 지시문이 새로운 자식 범위를 생성함에 따라 애플리케이션은 여러 범위를 가질 수 있습니다. 새로운 범위가 형성되거나 생성되면 부모 범위의 자식으로 추가됩니다. 또한 DOM과 유사한 계층 구조를 만듭니다.
22) AngularJS와 backbone.js의 주요 차이점을 설명하세요.
AngularJS와 | 백본.js |
AngularJS와 하는 Java동적 웹 애플리케이션을 지원하도록 설계된 스크립트 기반 오픈소스 프레임워크입니다. | backbone.js는 DOM을 뷰로 추상화하고 데이터를 모델로 추상화한 다음 이벤트를 사용하여 둘을 바인딩하는 프레임워크입니다. |
양방향 데이터 바인딩 프로세스를 제공하므로 성능이 좋습니다. | Backbone.js 기술은 데이터 세트가 작은 경우 AngularJS보다 빠른 성능을 제공합니다. |
MVS(다중 가상 스토리지)에서 작동합니다. | MVP 아키텍처에서 작동합니다. |
AngularJS는 동적 HTML 속성을 사용하여 애플리케이션을 쉽게 이해할 수 있도록 합니다. | Backbone.js는 밑줄 템플릿을 사용하여 애플리케이션을 이해합니다. |
지역 사회의 지지가 큽니다. | 커뮤니티 지원은 밑줄 템플릿으로 제한됩니다. |
23) Angular JS를 만든 사람은 누구인가요?
AngularJS는 Adam Abrons와 Misko Hevery가 개발했습니다. 현재는 Google에서 개발하고 있습니다.
24) AngularJS를 HTML과 어떻게 통합할 수 있나요?
개발자는 다음 단계에 따라 AngularJS를 HTML과 통합할 수 있습니다.
1 단계 : AngularJS를 포함해 JavaHTML 페이지의 스크립트.
<head> <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> </head>
2 단계 : AngularJS 애플리케이션을 지적하세요.
다음 예에서 보듯이 AngularJS 앱의 HTML 부분이 무엇인지 알려주기 위해 HTML body 태그 내부에 ng-app 속성을 추가해야 합니다.
<body ng-app = "testapp"> </body>
25) AngularJS의 orderby 필터란 무엇입니까?
AngularJS의 Orderby 필터는 지정된 기준에 따라 배열을 정렬합니다. 다음 예는 가격별로 제품을 주문하는 방법을 설명합니다.
<ul> <li ng-repeat = "company in product.products | orderBy:'price"> {{ company.product + ', price:' + product.price }} </li> </ul>
26) AngularJS에서 ng-non-bindable이란 무엇입니까?
Ng-non-bindable은 AngularJ가 HTML 요소와 해당 하위 노드를 컴파일하지 않도록 지정합니다. 예를 들어:
<title ng-non-bindable > </title>
27) AngularJS에서 더블클릭 이벤트의 사용법을 설명하세요
AgularJS의 더블 클릭 이벤트를 사용하면 웹 페이지에서 마우스의 더블 클릭 이벤트에 대한 사용자 정의 동작을 다음과 같이 지정할 수 있습니다.
<ELEMENT ng-dblclick="{expression}"> ... </ELEMENT>
28) 예를 들어 AngularJS의 ng-click 지시어를 설명하세요.
ng-click 지시어는 버튼을 클릭해야 하거나 어떠한 작업을 수행하려는 시나리오에서 사용할 수 있습니다.
예:
<button ng-click="count = count ++">Click</button>
29) AngularJS에서 ng-include를 사용하는 이유는 무엇입니까?
AngularJS의 Ng-include는 단일 HTML 페이지 내에 HTML 페이지를 포함하는 데 도움이 됩니다. 예:
<div ng-app = "" ng-controller = "interviewController"> <div ng-include = "'first.htm'"></div> <div ng-include = "'phases.htm'"></div> </div>
30) Angular JS를 사용하여 어떻게 Ajax 호출을 할 수 있나요?
AngularJS는 $https: 컨트롤을 제공하여 서버 데이터를 읽기 위한 ajax 호출을 할 수 있도록 도와줍니다. 서버는 필요한 레코드를 얻기 위해 데이터베이스 호출을 합니다. JSON 형식의 데이터가 준비되면 $https:를 사용하여 다음과 같은 방식으로 서버에서 데이터를 검색할 수 있습니다.
function employeeController($scope,$https:) { var url = "tasks.txt"; $https.get(url).success( function(response) { $scope.employee = response; }); }
31) $routeProvider의 사용법을 설명하세요.
Angular JS에서 $routeProvider는 URL 구성을 설정합니다. 관련 ng-template 또는 HTML 페이지와 매핑하고 동일한 컨트롤러를 연결합니다.
32) AngularJS에서 쿠키를 어떻게 설정하고 가져오고 지울 수 있나요?
당신이 사용할 수있는:
- $cookies.put() 메소드를 사용하여 쿠키를 설정합니다.
- $cookies.get() 메소드를 사용하여 쿠키를 가져옵니다.
- $cookies.remove는 AngularJS에서 쿠키를 제거합니다.
33) 서비스 방법은 무엇입니까?
AngularJS의 서비스 메서드는 서비스와 메서드를 정의하는 데 도움이 됩니다. 다음 예에서 우리는 두 개의 숫자를 더하는 간단한 추가 서비스를 주입했습니다.
<! DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Event Registration</title> </head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> <body> <h3> Guru99 Global Event</h3> <div ng-app = "mainApp" ng-controller = "DemoController"> <p>Result: {{result}}</p> </div> <script> var mainApp = angular.module("mainApp", []); mainApp.service('AdditionService', function(){ this.ADDITION = function(a,b) { return a+b; } }); mainApp.controller('DemoController', function($scope, AdditionService) { $scope.result = AdditionService.ADDITION(5,6); }); </script> </body> </html>
34) 종속성으로 주입될 수 있는 AngularJS 구성 요소의 이름을 지정하세요.
종속성으로 주입할 수 있는 AngularJS 구성 요소는 1) 값, 2) 팩토리, 3) 서비스, 4) 공급자, 5) 상수입니다.
35) 일반적인 Angular Global API 함수는 무엇입니까
일반적으로 사용되는 Angular Global API 함수는 다음과 같습니다.
- Angular.isString: 주어진 참조가 문자열 유형인 경우에만 true를 반환합니다.
- 각도.소문자: 모든 문자열을 소문자로 변환합니다.
- 각도.대문자: 모든 문자열을 대문자로 변환합니다.
- Angular.is번호: 참조가 숫자 값 또는 숫자인 경우에만 true를 반환합니다.
36) 각도에서 한 번의 버튼 클릭만으로 HTML 태그를 숨기는 프로그램을 작성하세요.
<!DOCTYPE html> <html> <head> <meta chrset="UTF 8"> <title>Event Registration</title> </head> <body> <script src="https://code.angularjs.org/1.6.9/angular.js"></script> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <h1> Guru99 Global Event</h1> <div ng-app="DemoApp" ng-controller="DemoController"> <input type="button" value="Hide Angular" ng-click="ShowHide()"/> <br><br><div ng-hide="IsVisible">Angular</div> </div> <script type="text/javascript"> var app = angular.module('DemoApp',[]); app.controller('DemoController',function($scope){ $scope.IsVisible = false; $scope.ShowHide = function(){ $scope.IsVisible = $scope.IsVisible = true; } }); </script> </body> </html>
37) BOM(Browser Object Model)이란 무엇입니까?
BOM 또는 브라우저 개체 모델은 기록, 개체 탐색기, 화면 위치 등으로 구성됩니다. 콘솔, 로컬 저장소 및 창과 같은 전역 브라우저 개체를 지정합니다.
38) AngularJS의 "$rootScope"를 설명하세요
“$rootScope”는 DOM(Document Object Model) 요소에 생성되는 범위입니다.
애플리케이션은 다른 구성 요소 중에서 공유하는 $rootScope를 하나만 가질 수 있습니다. ng-app 지시어가 있습니다. 다른 범위는 자식 범위라고 합니다. 표현식을 감시하고 이벤트를 전파할 수 있습니다.
39) Angular에서 ng-view의 예를 들어보세요.
다음 예제를 고려하십시오.
<!DOCTYPE html> <html> <head> <meta chrset="UTF 8"> <title>Event Registration</title> <script src="https://code.angularjs.org/1.5.9/angular-route.js"></script> <script src="https://code.angularjs.org/1.5.9/angular.min.js"></script> <script src="lib/bootstrap.js"></script> </head> <body ng-app="sampleApp"> <h1> Global Event</h1> <div class="container"> <ul><li><a href="#!NewEvent"> Add New Event</a></li> <li><a href="#!DisplayEvent"> Display Event</a></li> </ul> <div ng-view></div> </div> <script> var app = angular.module('sampleApp',["ngRoute"]); app.config(function($routeProvider){ $routeProvider. when("/NewEvent",{ templateUrl : "add_event.html", controller: "AddEventController" }). when("/DisplayEvent", { templateUrl: "show_event.html", controller: "ShowDisplayController" }). otherwise ({ redirectTo: '/DisplayEvent' }); }); app.controller("AddEventController", function($scope) { $scope.message = "This is to Add a new Event"; }); app.controller("ShowDisplayController",function($scope){ $scope.message = "This is display an Event"; }); </script> </body> </html>
40) AngularJS의 팩토리 메소드 구문은 무엇입니까?
Factory의 구문은 다음과 같습니다.
app.factory('serviceName',function(){ return serviceObj;})
41) AngularJS Scope 수명주기의 여러 단계를 지정하세요.
다음은 AngularJS Scope 수명 주기의 여러 단계입니다.
- 창조
- 모델 돌연변이
- 감시자 등록
- 돌연변이 관찰
- 범위 파괴
42) Angular에서 부트스트랩 프로세스를 위한 프로그램을 작성하세요.
Angular에서 부트스트랩 프로세스를 위한 프로그램은 다음과 같습니다.
<html> <body ng-app="TestApp"> <div ng-controller="Ctrl">Hi{{msg}}!</div> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.8/angular.min.js"> </script> <script> var test = angular.module('TestApp', []); test.controller('Ctrl', function($scope) { $scope.msg = 'Good Morning'; }); </script> </body> </html>
43) AngularJS의 단일 페이지 애플리케이션이란 무엇입니까?
SPA 또는 단일 페이지 애플리케이션은 사용자와 동적으로 상호 작용하는 웹 사이트 또는 웹 애플리케이션입니다. AngularJS에서는 Java스크립트, HTML, CSS가 단일 페이지에 들어맞습니다. 전체 HTML 페이지를 새로 고치지 않고도 탐색을 수행합니다.
44) 웹팩의 개념을 설명해보세요
Webpack은 Angular2 이상을 위한 모듈 번들러입니다. AngularJS 애플리케이션을 번들로 묶고, 트랜스파일하고, 축소합니다.
45) NPM이 무슨 뜻인가요?
NPM은 노드 패키지 관리자를 나타냅니다. Node.js 프로젝트의 저장소와 상호 작용하기 위한 명령줄 도구 클라이언트로 구성됩니다.
46) 명령줄 인터페이스를 사용하여 각도JS에서 새 프로젝트를 어떻게 만들 수 있나요?
Angular 명령줄 인터페이스를 설치한 후 Angular에서 새 프로젝트를 생성하려면 ng new project-name 명령을 실행해야 합니다.
47) AngularJS의 자동 부트스트랩 프로세스를 설명하세요.
Angular는 DOMContentLoaded 이벤트를 자동으로 초기화하거나angular.js 스크립트를 다운로드할 때 브라우저에 있습니다.
그 후, AngularJS는 앵귤러 앱 컴파일의 루트인 ng-app 지시어를 찾습니다. ng-app 지시어가 발견되면 AngularJS는 다음 단계를 수행합니다.
1) 지시문과 관련된 모듈을 로드합니다.
2) 애플리케이션 인젝터를 생성하고,
3) ng-app 루트 요소에서 DOM을 컴파일합니다. 이 프로세스를 자동 부트스트래핑이라고 합니다.
48) 즉시 호출되는 함수 표현식이란 무엇입니까?
IIFE 또는 즉시 호출 함수 표현식은 생성되자마자 실행되는 함수입니다. 이는 변수 선언을 분리하는 간단한 방법을 제공합니다. IIFE에는 두 가지 주요 기능이 포함되어 있습니다.
1) 연산자()
2) 표현()
49) AngularJS의 다이제스트 주기는 무엇입니까?
다이제스트 주기는 AngularJS의 데이터 바인딩에서 중요한 부분입니다. 스코프 모델의 이전 버전과 새 버전을 비교합니다. 다이제스트 사이클은 $apply() 함수를 사용하여 자동 또는 수동으로 트리거됩니다.
50) AngularJS를 사용하기 위한 기본 요구 사항은 무엇입니까?
AngularJS를 배우거나 사용하려면 AngularJS.com에서 최신 버전의 AngularJS를 다운로드해야 합니다. JS 파일이 필요하여 로컬에서 호스팅하거나 Google CDN(Content Delivery Network)을 사용하여 참조할 수도 있습니다.
51) AngularJS에서 중첩 컨트롤러를 만들 수 있나요?
예, AngularJS에서 중첩 컨트롤러를 만들 수 있습니다.
중첩된 컨트롤러의 예는 다음과 같습니다.
<div ng-controller="MainCtrl"> <p>{{msg}} {{name}}!</p> <div ng-controller="SubCtrl1"> <p>Hi {{name}}!</p> <div ng-controller="SubCtrl2"> <p>{{msg}} {{name}}! Your name is {{name}}.</p> </div> </div> </div>
52) 인증이란 무엇입니까?
인증은 Angular 애플리케이션의 로그인 및 로그아웃에 사용되는 서비스입니다. 사용자의 자격 증명은 서버의 API로 전달됩니다. 그런 다음 이러한 자격 증명을 서버 측에서 검증하면 현재 사용자에 대한 세부 정보로 JSON 웹 토큰이 반환됩니다.
53) AngularJS 재료 정의
AngularJS Material은 Google의 Material Design 사양을 구현한 것입니다. AngularJS 프로그래머를 위해 잘 테스트되고 재사용 가능한 UI 구성 요소 세트를 제공합니다.
54) Angular 7과 Angular 8의 중요한 차이점은 무엇입니까?
각도 7 | 각도 8 |
Angular 7은 사용하기 어렵다 | Angular 8은 사용하기 매우 쉽습니다 |
Typescript 3.4 프로그래밍 언어의 하위 버전에 대한 지원을 제공합니다. | Typescript 3.4 프로그래밍 언어의 하위 버전은 지원하지 않습니다. |
의 모든 버전을 지원합니다. Node.js를 | Node.js 12 버전만 지원합니다. |
55) ngzone이 무엇인가요?
ngzone은 JavaZone.js로 표시되는 스크립 래퍼 클래스입니다. 이를 통해 개발자는 Angular 영역 외부에서 특정 코드를 명시적으로 실행할 수 있으며, 이는 각도가 변경 사항 감지를 실행하는 것을 금지합니다.
56) Angular Component와 Directive의 차이점을 나열하세요.
구성 요소 | 지령 |
Angular 구성 요소는 애플리케이션 전체에서 웹 구성 요소 기능을 활용할 수 있게 해주는 지시문입니다. | Angular 지시문은 요소에 동작을 연결하는 기술입니다. |
이는 애플리케이션을 더 작은 구성 요소로 나누는 데 도움이 됩니다. | 재사용 가능한 구성요소를 설계하는 데 도움이 됩니다. |
파이프를 정의할 수 있습니다. | 파이프를 정의할 수 없습니다. |
57) ECMAScript 정의
ECMAScript(유럽 컴퓨터 제조업체 협회)는 스크립팅 언어의 표준입니다. Java스크립트는 ECMAScript를 핵심 언어로 사용합니다. 개발자는 월드 와이드 웹 및 서버 애플리케이션과 서비스에서 클라이언트 측 스크립팅을 작성하는 데 도움을 받을 수 있습니다. ECMAScript에는 기능적, 프로토타입, 동적 및 구조적 기능과 같은 수많은 기능이 있습니다.
58) Traceur 컴파일러란 무엇입니까?
트레이서는 JavaECMAScript의 클래스, 생성기 및 기타 기능을 사용하는 스크립트 컴파일러입니다.
59) 문자열을 통화로 변환하는 방법은 무엇입니까?
문자열 입력을 Angular의 통화 유형 통화 필터로 변환할 수 있습니다.
60) AngularJS의 템플릿이란 무엇입니까?
템플릿은 AngularJs 지시어 및 속성과 함께 사용되는 HTML 파일입니다.
61) Angular와 jQuery의 차이점을 설명하세요
AngularJS와 | JQuery와 |
AngularJ는 이해하기 어렵다 | Jquery는 이해하기 매우 쉽습니다. |
양방향 바인딩 프로세스를 지원합니다. | 데이터 바인딩 프로세스를 지원하지 않습니다. |
딥링크 라우팅을 지원합니다. | 딥링킹 라우팅을 지원하지 않습니다. |
62) AOT(Ahead of Time) 편집이란 무엇입니까?
Angular AOT(Ahead of Time)는 각도 HTML 및 TypeScript 코드를 Java스크립트 코드.
63) AngularJS의 필터 유형 나열
AngularJS에서 사용되는 필터 유형은 1) 통화, 2) 대문자, 3) 소문자, 4) orderBy, 5) JSON, 6) LimitTo입니다.
64) ngOnInit() 함수 설명
ngOnInit() 함수는 지시문의 데이터 바인딩 속성이 완료된 후 호출되는 수명 주기 후크입니다.
65) AngularJS에서 삽입(transclusion)이란 무엇입니까?
AngulaJS의 트랜스클루전은 개발자가 원래 지시어 자식을 템플릿 내의 특정 위치로 재할당할 수 있게 해줍니다. 지시어 ng는 트랜스클루전을 사용하는 가장 가까운 부모 지시어의 트랜스클루전된 DOM에 대한 삽입 지점을 보여줍니다. ng-transclude-slot 또는 ng-transclude 지시어는 주로 트랜스클루전에 사용됩니다.
66) AngularJS에서는 불이 꺼진 후크를 사용할 수 있습니다.
AngularJS의 다양한 후크는 다음과 같습니다.
1) ngOnInit()
2) ngOnChanges(),
3) ngDoCheck(),
4) ngAfterContentInit(),
5) ngAfterContentChecked(),
6) ngOnDestroy(),
7) ngAfterViewChecked() 및
8) ngAfterViewInit()
67) AngularJS 메타데이터의 중요한 부분은 무엇입니까?
AngularJS 메타데이터는 특정 클래스의 예상 동작을 묘사하는 클래스를 장식하는 데 사용됩니다. 메타데이터의 다양한 부분은 1) 클래스 데코레이터, 2) 메서드 데코레이터, 매개변수 데코레이터, 4) 속성 데코레이터입니다.
68) 각도 CLI란 무엇입니까?
Angular CLI는 명령줄 인터페이스 도구라고도 합니다. Angular 앱을 빌드, 초기화 및 유지 관리하는 데 사용됩니다. CLI 소프트웨어는 명령 셸이나 Angular 콘솔과 같은 매우 대화형 UI를 통해 사용할 수 있습니다.
69) AngularJS의 매개변수화된 파이프를 설명하세요.
AngleJS에서 파이프는 미세한 출력을 조정하기 위해 둘 이상의 매개변수를 가질 수 있습니다. 콜론(:)과 매개변수 값을 사용하여 파이프를 선언하면 매개변수화된 파이프를 생성할 수 있습니다. 개발자는 콜론(:)을 사용하여 여러 매개변수 값을 구분할 수 있습니다.
70) 라우팅이란 무엇입니까?
라우팅은 다양한 뷰를 병합하는 방법입니다. 컨트롤러는 논리적 요구에 따라 이러한 뷰를 결합하기로 결정합니다.
71) 격리된 단위 테스트란 무엇을 의미하나요?
격리된 테스트는 주입된 값이나 각도 종속성을 사용하지 않고 클래스의 인스턴스를 확인하는 프로세스입니다. 프로그램을 매우 쉽게 구현하는데 도움이 됩니다.
72) AngularJS에서 DSL 애니메이션 함수 이름 지정
AngularJS의 DSL 애니메이션 기능은 다음과 같습니다: 1) group(), 2) state(), 3) 전환(), 4) 스타일(), 5) 키프레임(), 6) 트리거(), 7) 시퀀스() 및 8) 애니메이션().
73) AngularJS 모듈이란 무엇입니까?
AngleJS에서 모듈은 관련 지시어 및 서비스 구성 요소를 그룹화하는 프로세스입니다. 다른 모듈과 혼합하여 애플리케이션을 만들 수 있는 방식으로 배열합니다.
74) AngularJ의 파이프란 무엇입니까?
각도에서 파이프는 데이터를 변환하는 간단한 방법을 제공합니다. 배열, 정수, 데이터, 문자열과 같은 값을 입력으로 받아 파이프(|) 기호로 나눕니다. 필요한 형식으로 데이터를 변환합니다. 파이프는 브라우저에 동일한 내용을 표시합니다. AngleJS에서는 일부 내장 파이프를 제공하지만 개발자는 자체 파이프를 개발할 수도 있습니다.
75) AngularJS의 ViewEncapsulation을 설명하세요
ViewEncapsulation은 AngularJS 구성 요소에 정의된 스타일이 전체 앱에 영향을 미칠지 여부를 결정합니다.
취업 면접을 준비하세요!!! 통과 AngularJS 튜토리얼 더 잘 준비하기 위해.
이 상세한 AngularJS 모의 테스트는 AngularJS 인터뷰 질문에 대한 의심을 없애고 인터뷰에 성공하는 데 도움이 될 것입니다.
이 인터뷰 질문은 당신의 비바(구술)에도 도움이 될 것입니다.