Amazon 프론트 엔드 인터뷰 질문

Amazon은 행동 질문과 리더십 원칙에 많은 초점을 맞춘 것으로 알려져 있습니다. 따라서 비기술적인 측면에도 충분히 대비하세요.

Amazon 공식 인터뷰 준비 가이드를 참조하세요.

• 프런트엔드 엔지니어
• 소프트웨어 개발 엔지니어

잡학사항

• CSS 상자 모델이란 무엇인가요?
  • 답변 읽기 (무료)
• JavaScript 클로저란 무엇인가요?
  • 답변 읽기 (무료)
• 브라우저에 URL을 입력하고 Enter 키를 누르면 무슨 일이 일어날까요?

자바스크립트

• , , , Array.prototype와 같은 함수를 구현합니다 .mapreducefiltersort
  • 연습 문제
• true객체와 필터 함수가 주어졌을 때, 객체를 재귀적으로 필터링하고 필터 함수로 호출했을 때 반환되는 값만 반환하는 함수를 작성하세요 ( Array.prototype.filter객체의 경우와 유사).
• getElementsByStyle(property, value)해당 스타일과 일치하는 DOM의 모든 요소를 ​​반환하는 함수를 구현합니다 .
  • 예를 들어 getElementsByStyle("color", "#fff")DOM에서 흰색 텍스트가 있는 모든 요소를 ​​반환합니다.
  • 연습문제 (유료)
• 함수를 약속합니다.

사용자 인터페이스 코딩

• HTML/CSS와 JavaScript를 사용하여 검색 및 정렬 기능을 갖춘 객체 배열에서 데이터 테이블을 구현합니다.
  • 연습문제 (유료)
• 자동 제안 기능이 있는 Material UI 칩 구현. 이메일을 보낼 때 사람들을 자동 제안하고 오른쪽에 아바타가 있는 칩으로 변환합니다.
• 좋아요 버튼을 구현합니다. 출처
  • 연습문제 (유료)
• 주소의 페이지별 위젯을 코딩합니다. 배송할 주소 목록이 있는 판매자이고 페이지당 5개 주소를 보고 이전과 다음으로 이동할 수 있는 기능이 필요하다고 가정해 보세요. 출처
• HTML, CSS, JavaScript를 사용하여 검색창을 구현합니다.
  • 답변 읽기 (무료)
• 별점 위젯을 구현합니다.
  • 연습문제 (무료)
• 틱택토를 구현해 보세요.
  • 연습문제 (유료)
• flexbox로 적응형 레이아웃을 재생성합니다. 접근성을 보장합니다.
• 움직일 수 있는 말을 사용하여 체스판을 구현해 보세요.
• 배너 이미지에 텍스트를 어떻게 렌더링하나요?
• 중첩된 JSON 객체가 주어지면 디렉토리 트리를 렌더링합니다.

시스템 설계

• 사용자가 토핑, 샐러드 등 추가적인 재료를 추가하여 주문을 하고 주문을 맞춤 설정할 수 있는 레스토랑 목록 애플리케이션을 디자인하세요. 출처
• 아코디언 구성요소를 디자인합니다.
  • 연습문제 (유료)

알고리즘

Amazon에서는 LeetCode 스타일의 질문을 통해 컴퓨터 과학 기본을 평가하는 라운드가 있습니다. 이에 대비하세요.

 

 

출처: Glassdoor Amazon 프런트 엔드 엔지니어 면접 질문