Google 프론트 엔드 인터뷰 질문

Google이기 때문에 지원자는 기본적인 컴퓨터 과학 개념과 프런트엔드 지식/기술에 대한 테스트를 받게 됩니다.

웹 프런트 엔드: 관용적인 JavaScript를 사용하여 프런트 엔드 지연 및 표준 CS 알고리즘 구현과 같은 주제를 다룰 준비가 되어 있어야 합니다. Javascript의 강점과 단점을 명확히 설명하고 다음 중 하나를 다룰 준비가 되어 있어야 합니다. 웹 보안 문제(XSS, XSRF), 프로토타입 상속, DOM API 및 조작, CSS 조작, 브라우저/DOM 이벤트 및 이벤트 처리, XHR 요청 및 HTTP 헤더, JavaScript 클로저

 

자세한 내용은 Google의 공식 인터뷰 준비 가이드를 참조하세요.

• 프런트엔드 또는 모바일 소프트웨어 엔지니어
• 프런트엔드/모바일 소프트웨어 엔지니어(구)
• 비기술 인터뷰

자바스크립트

• 콜백 함수를 받아서 타임아웃 시 fn호출하는 함수를 반환하는 함수를 어떻게 만드나요 ?fn
  • 연습문제 (무료)
• Google 문서에 대한 개요 보기를 구현합니다.
  • 연습문제 (유료)
• HTML 노드의 DFS.
  • 연습문제 (유료)
• 구현하다 throttle.
  • 연습문제 (유료)
• 50밀리초마다 입력 함수 f를 호출하는 함수를 어떻게 만드나요?
  • 연습문제 (유료)
• 타임라인이 주어지면 타임라인 선택 영역 내의 모든 노드를 선택하는 JavaScript를 작성하세요.

사용자 인터페이스 코딩

• 슬라이더 구성요소를 디자인합니다.
• 틱택토 게임을 디자인하세요./틱택토 게임을 위한 알고리즘을 디자인하세요.
  • 연습문제 (유료)
• 중첩된 체크박스를 구현합니다(부모가 체크되면 자식도 체크되고 그 반대도 마찬가지입니다. 를 사용합니다 <input type="checkbox">). 불확정 체크박스 와 유사합니다 .
• JavaScript를 사용하여 페이지 하단에 도달하면 자동으로 새 게시물을 로드할 수 있는 웹페이지를 디자인합니다. AJAX 및 JavaScript 이벤트 리스너를 사용할 수 있습니다.
• HTML, CSS, JavaScript를 사용하여 양식 내의 텍스트 입력 필드에 행과 열의 수를 입력하고 표를 렌더링할 수 있는 UI를 작성하세요.
  • 연습문제 (유료)
  • 예: 행 수: 4, 열 수: 5, "제출" 버튼. "제출" 버튼을 클릭하면 다음 표가 표시됩니다(스타일은 무시):

2	7	10	15	18
3	6	11	14	19
4	5	12	13	20

잡학사항

• CSS 상자 모델을 설명하세요.
  • 답변 읽기 (무료)
• 브라우저에 URL을 입력하고 Enter 키를 누르면 무슨 일이 일어날까요?
• 웹 페이지에 텍스트가 있을 때, 텍스트를 사라지게 할 수 있는 방법은 몇 가지가 있을까요?
• 페이지를 새로 고치지 않고 웹 페이지에서 서버로 데이터를 어떻게 전송하나요?
  • 답변 읽기 (무료)

시스템 설계

• 이모티콘 자동완성을 디자인합니다.
  • 답변 읽기 (무료)
• JS Bin을 디자인합니다.
• 웹 페이지에서 사용하는 Google Analytics SDK를 어떻게 만들까요?

알고리즘

• 지뢰찾기 문제. 사용자가 타일을 클릭했을 때 표시되는 타일의 수를 출력하는 함수를 작성하세요 reveal(). 각 타일은 이웃으로 폭탄의 수를 표시합니다. 사용자가 폭탄인 타일을 클릭하면 게임이 끝납니다. 해당 타일이 0이면 모든 이웃을 공개합니다.
• 네 개의 숫자(int 유형)가 주어지고, 네 개의 기본 수학 연산자(+, -, x, /)를 사용할 수 있습니다. 숫자를 그룹화하는 임의의 방법이 주어지고 연산자를 사용하여 네 개의 숫자에서 숫자 24를 만들 수 있는지 확인합니다. 숫자는 나타나는 순서대로 처리해야 합니다.
• k-최근접점을 찾으세요.

출처: Glassdoor Google 프런트엔드 소프트웨어 엔지니어 면접 질문 , Google | 프런트엔드 엔지니어