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 이란 조직 내 새로 합류한 사람이 빠르게 조직의 문화를 익히고 적응하..
서비스기획자가 수행해야 하는 업무는 매우 다양하고 복잡하지만, 그 중에서도 특히 중요한 주요 업무는 다음과 같이 정리할 수 있습니다.시장 조사 및 분석: 서비스 기획의 첫 단계는 철저한 시장 조사입니다. 여기에는 타겟 시장의 특성, 경쟁사 분석, 고객의 요구사항 및 선호도를 파악하는 작업이 포함됩니다. 이러한 기초 데이터를 수집함으로써, 서비스가 제공될 환경을 이해하고, 고객이 진정으로 원하는 것이 무엇인지 명확히 파악할 수 있습니다. 이는 서비스의 성공 가능성을 크게 높이는 기초가 됩니다.서비스 컨셉 개발: 시장 조사를 통해 얻은 정보를 바탕으로, 서비스의 기본 아이디어와 컨셉을 구체화하는 단계입니다. 고객의 니즈와 문제점을 해결할 수 있는 혁신적인 아이디어를 도출하고, 이를 통해 차별화된 서비스를 설..