Amazon은 행동 질문과 리더십 원칙에 많은 초점을 맞춘 것으로 알려져 있습니다. 따라서 비기술적인 측면에도 충분히 대비하세요.Amazon 공식 인터뷰 준비 가이드를 참조하세요.프런트엔드 엔지니어소프트웨어 개발 엔지니어잡학사항CSS 상자 모델이란 무엇인가요?답변 읽기 (무료)JavaScript 클로저란 무엇인가요?답변 읽기 (무료)브라우저에 URL을 입력하고 Enter 키를 누르면 무슨 일이 일어날까요?자바스크립트, , , Array.prototype와 같은 함수를 구현합니다 .mapreducefiltersort연습 문제true객체와 필터 함수가 주어졌을 때, 객체를 재귀적으로 필터링하고 필터 함수로 호출했을 때 반환되는 값만 반환하는 함수를 작성하세요 ( Array.prototype.filter객체의..
Google이기 때문에 지원자는 기본적인 컴퓨터 과학 개념과 프런트엔드 지식/기술에 대한 테스트를 받게 됩니다.웹 프런트 엔드: 관용적인 JavaScript를 사용하여 프런트 엔드 지연 및 표준 CS 알고리즘 구현과 같은 주제를 다룰 준비가 되어 있어야 합니다. Javascript의 강점과 단점을 명확히 설명하고 다음 중 하나를 다룰 준비가 되어 있어야 합니다. 웹 보안 문제(XSS, XSRF), 프로토타입 상속, DOM API 및 조작, CSS 조작, 브라우저/DOM 이벤트 및 이벤트 처리, XHR 요청 및 HTTP 헤더, JavaScript 클로저 자세한 내용은 Google의 공식 인터뷰 준비 가이드를 참조하세요.프런트엔드 또는 모바일 소프트웨어 엔지니어프런트엔드/모바일 소프트웨어 엔지니어(구)비기술..
DOCTYPE은 무엇을 하나요?DOCTYPE은 document type의 약어입니다. DOCTYPE은 항상 DTD (Document Type Definition)와 관련됩니다.DTD는 특정 문서가 어떻게 구성되어야 하는지 정의합니다(예시: button은 span을 포함할 수 있지만, div는 그럴 수 없다.), 반면, DOCTYPE은 문서가 대략 존중할만한 DTD를 선언합니다. (예시: 이 문서는 HTML DTD를 존중한다.)웹 페이지는 DOCTYPE 선언이 필요합니다. 유저 에이전트에게 문서가 존중하는 HTML 사양의 버전을 알리는데 사용됩니다. 유저 에이전트가 올바른 DOCTYPE을 인식하면, 문서를 읽는데에 DOCTYPE과 일치하는 no-quirks mode를 트리거합니다. 유저 에이전트가 올바른..
CSS 선택자의 특정성은 무엇이며 어떻게 작동하나요?브라우저는 CSS 규칙의 특정성에 따라 요소에 표시할 스타일을 결정합니다. 브라우저는 이미 특정 요소와 일치하는 규칙을 결정했다고 가정합니다. 일치하는 규칙들 가운데, 네 개의 쉼표로 구분된 값 a, b, c, d는 다음을 기반으로 각 규칙에 대해 계산됩니다.a는 인라인 스타일이 사용되고 있는지입니다. 속성의 선언이 요소의 인라인 스타일이면 a는 1이고, 그렇지 않으면 0입니다.b는 ID 셀렉터의 수입니다.c는 클래스, 속성, 가상 클래스 선택자의 수입니다.d는 태그, 가상 요소 선택자의 수입니다.결과적인 특정성은 점수가 아니라, 컬럼마다 비교할 수 있는 값들의 행렬입니다. 선택자를 비교하여 가장 높은 특정성을 갖는 항목을 결정할 때, 왼쪽에서 오른쪽..
이벤트 위임에 대해 설명하세요.이벤트 위임은 이벤트 리스너를 하위 요소에 추가하는 대신 상위 요소에 추가하는 기법입니다. 리스너는 DOM의 event bubbling으로 인해 하위 요소에서 이벤트가 발생될 때마다 실행됩니다. 이 기술의 이점은 다음과 같습니다.각 하위 항목에 이벤트 핸들러를 연결하지 않고, 상위 요소에 하나의 단일 핸들러만 필요하기 때문에 메모리 사용 공간이 줄어듭니다.제거된 요소에서 핸들러를 해제하고 새 요소에 대해 이벤트를 바인딩할 필요가 없습니다.참고자료https://davidwalsh.name/event-delegatehttps://stackoverflow.com/questions/1687296/what-is-dom-event-delegationthis가 JavaScript에서..
피보나치 수열은 수학과 자연에서 굉장히 흥미로운 수열이에요. 이 글에서는 피보나치 수열의 기본 개념부터 시작해서, 다양한 활용 방법까지 알아볼게요.1. 피보나치 수열이란?피보나치 수열은 0과 1로 시작해서, 그 뒤의 각 숫자가 바로 앞의 두 숫자의 합인 수열이에요. 즉, 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55... 이렇게 계속 이어지죠. 이 수열은 13세기 이탈리아의 수학자 레오나르도 피보나치에 의해 알려졌지만, 그 이전에도 이미 여러 문화에서 발견되었답니다. 예를 들어, 꿀벌의 가계도나 식물의 가지 배열에서도 이 수열을 찾아볼 수 있어요. 2. 피보나치 수열로 만들 수 있는 게임들피보나치 수열은 게임 디자인에서도 많이 활용돼요. 예를 들어, 숫자를 맞추는 게임이나, 특정 규칙에..
1. 인터넷 속도 측정 필요성인터넷 속도 측정은 요즘 많은 사람들이 관심을 가지는 주제 중 하나예요. 특히, 집에서 인터넷을 많이 사용하는 요즘, 속도가 느리면 정말 답답하잖아요? 그래서 오늘은 인터넷 속도 측정에 대해 자세히 알아보려고 해요.인터넷 속도 측정은 단순히 숫자를 확인하는 것 이상의 의미가 있어요. 우리가 사용하는 인터넷 서비스의 품질을 평가할 수 있는 중요한 지표이기 때문이에요. 예를 들어, 스트리밍 서비스나 온라인 게임을 즐길 때, 속도가 느리면 끊김 현상이 발생할 수 있어요. 그래서 정기적으로 속도를 측정해보는 것이 좋답니다.2. 인터넷 속도 측정의 허와 실인터넷 속도 측정은 여러 가지 요인에 따라 달라질 수 있어요. 예를 들어, 측정하는 시간대, 사용 중인 기기, 네트워크 환경 등이 ..
인터뷰를 마치고 한번씩은 들어봤을 질문이다. 이 때 어떠한 질문을 하면 좋을까? 적절한 질문들을 항목별로 정리해둔 Reverse Interview Question 목록이다.역할 (The Role)on-call에 대한 계획 또는 시스템이 있나요? 있다면 어떻게 될까요? (그에 대한 대가는 무엇이 있나요?)on-call이란 팀에서 업무 시간 외에 문제를 해결할 사람을 로테이션으로 지정하는 문화를 말한다.평상 시 업무에는 어떠한 것들이 있나요? 제가 맡게 될 업무에는 어떠한 것들이 있을까요?팀의 주니어 / 시니어 구성 밸런스는 어떻게 되나요? (그것을 바꿀 계획이 있나요?)온보딩(onboarding)은 어떻게 이루어지나요?onboarding 이란 조직 내 새로 합류한 사람이 빠르게 조직의 문화를 익히고 적응하..