초보자 및 숙련자를 위한 상위 21개의 MEAN 스택 개발자 인터뷰 질문 및 답변

디지털화가 현대 산업에서 점점 더 주목을 받으면서 기업과 브랜드는 빠르고 역동적이며 효율적인 웹사이트와 애플리케이션에 투자하기를 열망하고 있습니다. 그러나 개발 기술에 대한 광범위한 가용성과 접근성으로 인해 웹 앱 개발에 적합한 기술을 선택하기가 어렵습니다. 전체 스택, 프런트 엔드 및 백엔드 개발이 웹 개발의 최전선에서 실행되고 있는 동안 MEAN 스택이라는 새로운 스타가 만들어지고 있습니다.

본질적으로 MEAN 스택은 MongoDB, ExpressJS, AngularJS, Node.js(MEAN)를 포함한 4가지 JavaScript 기반 기술을 포함하는 오픈 소스 기술입니다. MEAN 스택을 배우고 마스터하면 웹 앱 및 동적 웹 사이트 개발을 위한 호스트의 특전을 누릴 수 있습니다.

읽기: 전체 스택 개발자 인터뷰 질문

MEAN 스택 개발자에 대한 수요가 꾸준히 증가하고 있기 때문에 이 게시물에서는 가장 많이 받는 MEAN 스택 인터뷰 질문에 대해 이야기하려고 합니다.

자, 더 이상 고민하지 않고 바로 본론으로 들어가 봅시다!

상위 MEAN 스택 개발자 인터뷰 질문 및 답변

1. MongoDB의 목적은 무엇입니까?

MongoDB는 대용량 데이터를 저장하도록 설계된 문서 지향 데이터베이스 관리자입니다. 바이너리 JSON 형식으로 데이터를 저장하고 수집 및 문서화의 개념을 구현합니다. MongoDB는 원활한 쿼리 및 인덱싱을 허용하는 고성능, 높은 확장성 및 유연성을 갖춘 크로스 플랫폼 NoSQL 데이터베이스입니다.

2. ExpressJS의 목적은 무엇입니까?

ExpressJS는 Node.js 프로젝트를 지원하고 호스팅하도록 설계된 웹 애플리케이션 프레임워크입니다. MIT 라이선스에 따라 사용할 수 있는 오픈 소스 프레임워크입니다. ExpressJS는 프런트 엔드와 데이터베이스 간의 워크플로를 관리하고 원활하고 안전한 데이터 전송을 용이하게 합니다. 웹 개발 프로세스를 최적화하는 우수한 오류 처리 및 웹 디자인 기능을 자랑합니다.

3. AngularJS는 어떤 용도로 사용됩니까?

AngularJS는 Google에서 유지 관리하는 오픈 소스 프론트 엔드 웹 애플리케이션 개발 프레임워크입니다. 이를 통해 웹 개발자는 HTML을 템플릿 언어로 사용하고 HTML 구문을 확장하여 웹 앱의 구성 요소를 명확하고 정확하게 나타낼 수 있습니다.

4. Node.js의 기능은 무엇입니까?

Node.JS는 서버 측 및 네트워킹 응용 프로그램 개발에 사용되는 오픈 소스, 크로스 플랫폼, 단일 스레드 JavaScript 프레임워크입니다. MEAN 스택의 백본입니다. JavaScript 외에도 Node.js는 C 및 C++ 프로그래밍 언어도 사용했습니다. Node.js에는 MongoDB 데이터베이스와 클라우드 애플리케이션의 원활한 배포를 촉진하는 통합 웹 서버가 장착되어 있습니다.

5. Node.JS 개발에 일반적으로 사용되는 IDE의 이름은?

Node.JS 개발에 사용할 수 있는 가장 인기 있는 IDE는 다음과 같습니다.

• 원자
• 클라우드 9
• 식
• 코모도 IDE
• JetBrainsWebStorm
• JetBrains IntelliJ IDEA

6. 몽구스는 무엇입니까?

Mongoose는 ODM(Object Document Mapper)입니다. 즉, Mongoose를 사용하면 MongoDB 문서에 추가로 매핑할 수 있는 강력한 형식의 스키마로 개체를 정의할 수 있습니다. 애플리케이션 데이터 모델링을 위한 스키마 기반 솔루션을 제공합니다. Mongoose에는 내장형 유형 캐스팅, 유효성 검사, 쿼리 작성, 비즈니스 논리 후크 및 기타 기본 제공 기능이 함께 제공됩니다.

읽기: 전체 스택과 평균 스택 개발의 차이점

7. DATA 모델링을 정의하시겠습니까?

데이터 모델링은 Mongoose 및 MongoDB의 맥락에서 사용되는 용어입니다. 이름에서 알 수 있듯이 데이터 모델링은 데이터베이스에 저장할 수 있도록 현재 데이터에 대한 데이터 모델을 만드는 프로세스를 말합니다. 데이터 모델은 데이터 개체, 여러 데이터 개체 간의 관계 및 이러한 관계를 정의하는 규칙을 개념적으로 표현한 것입니다.

데이터 모델링은 데이터를 시각적으로 표현하는 동시에 데이터에 대한 비즈니스 규칙, 규정 준수 및 정부 정책을 시행하는 데 도움이 됩니다. 명명 규칙, 기본값, 의미 체계, 보안 및 데이터 품질의 일관성을 보장하기 위해 구현됩니다.

8. Node.Js에서 REPL이란 무엇입니까?

REPL 또는 "Read Eval Print Loop"는 명령을 수락하고, 평가하고, 결과를 인쇄할 수 있는 간단한 프로그램입니다. REPL이 하는 일은 Unix/Linux 셸 또는 Window 콘솔과 유사한 환경을 만드는 것입니다. 여기서 명령과 시스템을 입력하면 출력으로 응답합니다. REPL이 수행하는 기능은 다음과 같습니다.

• READ – 사용자가 제공한 입력을 읽고 JavaScript 데이터 구조로 구문 분석하여 메모리에 저장합니다.
• EVAL – 데이터 구조를 실행합니다.
• PRINT – 명령을 평가한 후 생성된 결과를 인쇄합니다.
• LOOP – 사용자가 Ctrl+C를 두 번 누를 때까지 위의 명령을 반복합니다.

9. JavaScript에서 범위를 정의하십시오.

JavaScript에서 각 함수에는 고유한 이름이 해당 변수에 액세스하는 방법을 정의하는 기본적으로 변수 및 규칙의 모음인 범위가 있습니다. 함수 내부의 코드를 통해서만 함수의 범위 변수에 액세스할 수 있습니다. 특정 범위에 포함된 변수는 고유한 이름을 가져야 하지만 범위는 다른 범위 내에 존재할 수 있습니다. 이 경우 가장 안쪽 범위의 코드는 두 범위 중 하나에 포함된 변수에 액세스할 수 있습니다.

10. 선형 탐색과 이진 탐색의 차이점을 설명하십시오.

선형 검색은 점프 순서 없이 목록의 항목을 하나씩 고려합니다. 따라서 복잡성 측면에서 O(n) 검색으로 분류되며, 여기서 목록을 검색하는 데 걸리는 시간은 목록의 증가에 비례하여 증가합니다. 이와는 대조적으로 이진 검색은 목록의 중간에서 시작됩니다. 이 검색은 항목 값이 원하는 값보다 크거나 작은지 확인하는 것을 목표로 합니다.

이것은 목록에서 값의 위치를 ​​추가로 결정합니다. 즉, 목록의 첫 번째 부분에 있는지 아니면 두 번째 부분에 있는지 여부를 결정합니다. 복잡도 면에서 O(log n) 검색으로 분류되며, 이는 검색 작업의 수가 목록보다 상대적으로 느리게 증가합니다. 이는 주로 검색 공간이 각 작업에서 반으로 나뉩니다.

이진 검색에서는 먼저 입력 데이터를 정렬해야 하지만 선형 목록에는 그러한 전제 조건이 없습니다.

11. Node.js, AJAX 및 jQuery의 차이점을 강조 표시합니다.

Node.js, AJAX 및 jQuery는 모두 JavaScript의 고급 구현입니다. 그러나 그들은 상당한 차이가 있습니다.

Node.js는 클라이언트-서버 애플리케이션을 개발하는 데 사용되는 서버 측 플랫폼이며 AJAX(비동기 Javascript 및 XML이라고도 함)는 페이지를 새로 고치지 않고 콘텐츠를 렌더링하는 데 주로 사용되는 클라이언트 측 스크립팅 기술입니다. AJAX는 주로 동적 콘텐츠를 표시하는 데 사용됩니다. jQuery는 AJAX, DOM 순회 및 루핑을 보완하는 JavaScript 모듈입니다. JavaScript 개발에 도움이 되는 많은 유용한 기능이 탑재되어 있습니다.

12. 의존성 주입을 정의하십시오.

종속성 주입은 클라이언트 소비와 독립적인 방식으로 서비스를 사용하거나 주입할 수 있는 소프트웨어 설계 개념입니다. 이렇게 하면 기본 서비스가 변경될 때 클라이언트가 종속성을 수정하는 것을 근본적으로 방지할 수 있습니다.

종속성 주입의 주요 목적은 클라이언트의 종속성 생성을 해당 동작과 분리하여 느슨하게 결합된 프로그램을 설계할 수 있도록 하는 것입니다. 느슨하게 결합된 프로그램에서 구성 요소는 일반적으로 사용되는 구현 클래스에 대한 사전 지식 없이 인터페이스에 의해 정의된 기능을 사용합니다.

종속성 주입을 사용하면 응용 프로그램의 기능을 정의하는 인터페이스를 구현하는 구성 요소를 변경하여 응용 프로그램의 동작을 수정하거나 조정할 수 있습니다.

13. 컨테이너화를 정의합니다.

컨테이너화는 자체 운영 환경 내의 컨테이너에 애플리케이션을 캡슐화하는 것과 관련된 기존 하이퍼바이저 기반 머신 가상화의 대안입니다. 컨테이너화에서는 개별 가상 머신의 운영 체제를 복제하는 대신 다른 컨테이너에서 공유합니다. 가상 머신에 애플리케이션을 로드하면 종속성에 대해 걱정할 필요 없이 적절한 물리적 머신에서 앱을 실행할 수 있습니다.

14. 테스트 피라미드를 정의합니다. HTTP API를 논의할 때 테스트 피라미드를 어떻게 실현할 수 있습니까?

일반적으로 전체 스택 웹 앱은 크고 복잡합니다. 수백만 사용자의 수백 가지 요구 사항을 충족하도록 기능을 확장하도록 설계되었습니다. 결과적으로 전체 스택 코드베이스의 크기와 사용자 수가 증가함에 따라 버그 처리 비용도 증가합니다. 그러나 테스트 피라미드의 개념을 코드베이스에 적용하면 성공적으로 완화할 수 있습니다.

테스트 피라미드 접근 방식은 균형 잡힌 포트폴리오를 만들기 위해 다양한 종류의 자동화 테스트를 사용할 수 있고 사용해야 하는지에 대한 급진적인 사고 방식을 의미합니다. 낮은 수준의 UnitTest의 수가 GUI를 통해 실행되는 높은 수준의 BroadStackTest보다 훨씬 많아야 함을 강조합니다.

HTTP API에 대해 논의할 때 아래에 언급된 단계에 따라 테스트 피라미드를 실현할 수 있습니다.

• 모델에 대해 많은 저수준 단위 테스트를 통합합니다.
• 모델이 서로 협업하는 방식을 결정하는 데 사용되는 결합 테스트를 더 적게 포함합니다.
• 정품 HTTP 끝점 테스트에 사용되는 승인 테스트를 더 적게 포함합니다.

15. 인덱스는 MongoDB에서 어떤 용도로 사용됩니까?

MongoDB에서 인덱스는 쿼리의 효율적인 실행을 지원하고 촉진하는 데 사용됩니다. 인덱스가 없으면 MongoDB는 컬렉션의 모든 문서를 스캔하고 쿼리 문과 일치하는 적절한 문서를 선택해야 하는 컬렉션 스캔을 수행해야 합니다. 그러나 각 쿼리에 적절한 인덱스가 할당되어 있으면 MongoDB는 인덱스를 사용하여 검사해야 하는 문서 수를 제한할 수 있습니다.

16. TypeScript에서 클래스와 인터페이스의 차이점은 무엇입니까?

클래스와 인터페이스는 객체 지향 프로그래밍과 TypeScript의 유형 검사를 모두 촉진하는 구조입니다. 클래스가 동일한 구성(속성 및 메서드)을 공유하는 개체 그룹을 생성할 수 있는 청사진인 반면, 인터페이스는 개체를 설명하는 관련 속성 및 메서드 그룹입니다. 그러나 인터페이스는 개체에 대한 구현 또는 초기화를 제공하지 않습니다.

일반적으로 클래스는 객체의 모양과 동작을 정의하고 이에 따라 클래스 속성을 초기화하고 메서드를 정의하여 청사진을 만들고 구현합니다. 클래스는 코드의 모든 단계에 걸쳐 있습니다. 반면에 인터페이스는 TypeScript 컨텍스트 내에서만 존재하는 가상 구조입니다. TypeScript 컴파일러는 유형 검사 전용 인터페이스를 사용합니다.

17. TypeScript에서 "데코레이터"를 정의합니다.

TypeScript에서 데코레이터는 일반적으로 클래스 선언, 메서드, 접근자, 속성 또는 매개변수에 첨부되는 특별한 종류의 선언을 나타냅니다. 데코레이터는 대상을 인수로 사용하는 함수입니다. 이를 통해 대상 실행 주변에서 임의의 코드를 실행하거나 대상을 새 정의로 완전히 바꿀 수도 있습니다.

18. Node.js에서 "콜백"은 무엇을 의미합니까?

Node.js에서 콜백은 함수와 동일한 비동기식입니다. Node.js는 주어진 작업의 절정 또는 완료 시 호출되는 콜백에 크게 의존합니다. 예를 들어, 파일 읽기용으로 설계된 함수가 파일 읽기를 시작하고 다음 명령의 실행을 용이하게 하기 위해 실행 환경으로 제어를 즉시 반환할 수 있다고 가정해 봅시다.

파일 I/O가 완료되면 콜백 함수가 설정되어 파일 내용을 매개변수로 전달합니다. 이렇게 하면 파일 I/O가 차단되거나 대기 중이 아닙니다. 함수의 결과를 기다리지 않고 많은 수의 요청을 처리할 수 있기 때문에 Node.js를 확장성이 높게 만드는 것은 이 기능입니다.

모든 Node API는 콜백을 지원할 수 있는 방식으로 작성되었습니다.

19. XSS(교차 사이트 스크립팅)를 정의합니다.

XSS(교차 사이트 스크립팅)는 합법적인 웹 페이지 또는 웹 응용 프로그램에 악성 코드를 포함시켜 웹 브라우저에서 악성 스크립트를 실행 하는 클라이언트 측 코드 삽입 공격 입니다. 개인이 쿠키 및 기타 민감한 정보를 공격자에게 전달할 수 있는 신뢰할 수 없는 링크를 클릭할 때도 발생할 수 있습니다.

공격은 악성 코드를 실행하는 웹 페이지나 웹 앱을 방문할 때 발생합니다. 따라서 웹 페이지나 웹 앱은 사용자의 브라우저에 악성 스크립트를 전달하는 매개체가 됩니다.

교차 사이트 스크립팅 공격에 가장 일반적으로 사용되는 수단은 포럼, 게시판, 심지어 사용자가 댓글을 달도록 권장하는 웹 페이지입니다.

20. AOT를 정의하고 그 이점을 언급하십시오.

Angular 응용 프로그램에는 표준 구성 요소와 함께 HTML 템플릿이 포함되어 있습니다. 브라우저는 이러한 구성 요소와 HTML 템플릿을 직접 이해할 수 없으므로 Angular 앱을 브라우저에서 실행하기 전에 먼저 컴파일해야 합니다.

Angular AOT(Ahead-of-Time) 컴파일러는 브라우저가 코드를 다운로드하고 실행할 수 있기 전에 빌드 단계에서 Angular HTML 및 TypeScript 코드를 JavaScript 코드로 변환합니다. 빌드 단계에서 Angular 애플리케이션을 컴파일하면 브라우저에서 Angular 앱을 더 빠르게 시작할 수 있습니다.

AOT 컴파일러 사용의 이점은 다음과 같습니다.

• AOT를 사용하여 브라우저는 사전 컴파일된 버전의 애플리케이션을 다운로드할 수 있습니다. 브라우저는 앱이 먼저 컴파일될 때까지 기다리지 않고 Angular 애플리케이션을 즉시 렌더링할 수 있도록 실행 코드를 다운로드합니다.
• AOT 덕분에 컴파일러는 애플리케이션 JavaScript 내에서 외부 HTML 템플릿과 CSS 스타일 시트를 인라인하여 소스 파일에 대한 별도의 AJAX 요청을 제거합니다.
• 빌드 단계 자체에서 AOT 컴파일러는 템플릿 바인딩 오류를 감지하고 보고합니다.
• AOT는 HTML 템플릿과 구성 요소를 클라이언트에 제공하기 전에 JavaScript 파일로 컴파일하므로 더 이상 읽을 템플릿이 없으며 위험한 클라이언트 측 HTML/JavaScript 평가도 없습니다. 이것은 주입 공격의 가능성을 줄입니다.

21. CSS에서 그리드 시스템이란 무엇입니까?

CSS에서 그리드 시스템은 콘텐츠를 수직 및 수평으로 일관되고 관리 가능한 방식으로 쌓는 데 사용되는 구조입니다. 그리드 시스템에는 행과 열의 두 가지 핵심 구성 요소가 있습니다. 가장 많이 사용되는 그리드 시스템에는 Simple, Pure, Flexbox, Bootstrap 및 Foundation이 있습니다.

결론

이것은 우리의 상위 MEAN 스택 개발자 인터뷰 질문과 답변의 목록입니다. 이것이 다음 MEAN 스택 인터뷰를 푸는 데 도움이 되길 바랍니다!

풀 스택 언어와 도구를 마스터하는 것은 평균 스택 개발자가 되는 데 중요합니다. 풀스택 개발자가 되는 여정은 힘들지만 보람 있는 일이기도 합니다. 창의적이고 재정적인 기회는 진정으로 이것을 추구하려는 열정을 가진 최고의 직업 중 하나로 만듭니다. 지능형 챗봇, 핀테크 지갑 등을 만들고자 하는 열정이 있다면 upGrad의 풀스택 소프트웨어 개발 PG 과정을 확인하십시오.