[TIL] 기술면접 1

https://www.frontendinterviewhandbook.com/kr/javascript-questions

- z-index의 적용 범위는 어디까지 인가요?
- 부모요소 내 입니다. 이는 쌓임 맥락 때문에 일어납니다.
- 시멘틱 태그의 요소와 각각의 의미에 대해 설명하세요.
- header 페이지 상단부분 문서나 색션의 머릿글 
    - aside 옆에 위치하는 컨텐츠 
    - article 독립적인 글
    - section 문서의 부분을 의미하는 태그
    - footer 문서 또는 섹션의 바닥글, 일반적으로 연락처 정보나 사이트 맵 제공
    - nav 메뉴 탭 탐색경로
- 이벤트 위임이 무엇인가요?
- 각 하위요소에게 이벤트 리스너를 달지 않고 상위 요소에게 담으로서
     - 이벤트 버블링을 이용해 하위요소에서 이벤트가 발생할때 실행
        - 이는 단일핸들러 사용으로 메모리 사용량이 줄어듦
- undeclared가 무엇인가요?
- let var const등을 사용하지 않은 식별자에 값을 할당할때 생성
    - 그러나 타입을 검사하면 브라우저가 중지되지 않도록 undefined를 반환함
- 클로저는 무엇이며 어떻게 왜 사용하나요?
- 클로저는 함수와 렉시컬 환경의 조합입니다.
    - 렉시컳 환경이란 함수가 자신이 선언된 장소를 의미합니다.
    - 즉 함수는 자신이 선언된 스코프를 기억하고 그 밖에서 호출되었을 때도 선언된 스코프에 접근이 가능하다. 이처럼 접근할 있는 함수가 클로저이다.
- 익명함수의 일반적인 사용예는 무엇인가요?
- 익명함수는 즉시실행함수나 콜백에서 사용됩니다.
     - 전자의 경우 스코프 내 변수를 캡슐화하고 외부에서 접근하는것을 방지할 수 있음
        - 즉 혹시모를 변수나 함수의 충돌을 방지함
        - 전역 스코프를 깨트리지 않음
- 호스트 객체와 내장 객체의 차이점은 무엇인가요?
- function Person(){}, var person = Person(), var person = new Person()차이
- .call과 .apply .bind의 차이점은 무엇인가요?
- 언제 document.write()를 사용하나요?
- Feature detection, Feature inference, UA String의 차이점은 무엇인가요?
- Ajax에 대해 가능한 한 자세히 설명하세요.
- Ajax를 사용하는 것의 장단점은 무엇인가요?
- JSONP가 어떻게 동작하는지(그리고 Ajax와 어떻게 다른지)를 설명하세요.
- JavaScript 템플릿을 사용한 적이 있나요? 사용해봤다면, 어떤 라이브러리를 사용했나요?
- "attribute"와 "property"의 차이점은 무엇인가요?
- 내장 JavaScript 객체를 확장하는 것이 좋은 생각이 아닌 이유는 무엇인가요?
- document load 이벤트와 document DOMContentLoaded 이벤트의 차이점은 무엇인가요?
- ==와 ===의 차이점은 무엇인가요?
- JavaScript와 관련하여 same-origin 정책을 설명하세요.
- 일반적으로 웹 사이트의 전역 스코프를 그대로 두고 건드리지 않는 것이 좋은 이유는 무엇인가요?
- 왜 load 이벤트와 같은 것을 사용하나요? 이 이벤트에는 단점이 있나요? 다른 대안을 알고 있나요? 알고 있다면 왜 그것을 사용할 건가요?
- single page app이 무엇인지 설명하고 SEO-friendly하게 만드는 방법을 설명하세요.
- Promises와 그 Polyfill에 대한 당신의 경험은 어느 정도인가요?
- Callback 대신에 Promise를 사용할 때의 장점과 단점은 무엇인가요?
- JavaScript로 컴파일되는 언어로 JavaScript 코드를 작성하는 경우의 장단점은 무엇인가요?
- JavaScript 코드를 디버깅하기 위해 어떤 도구와 기술을 사용하나요?
- 오브젝트 속성이나 배열 항목을 반복할 때 사용하는 언어 구문은 무엇인가요?
- mutable 객체와 immutable 객체 사이의 차이점을 설명하세요.
- 동기, 비동기 함수의 차이점을 설명하세요.
- 이벤트 루프란 무엇인가요? 콜 스택과 태스크 큐의 차이점은 무엇인가요?
- function foo() {}와 var foo = function() {} 사이에서 foo 사용의 차이에 대해 설명하세요.
- ES6 클래스와 ES5 함수 생성자의 차이점은 무엇인가요?
- 새 화살표 => 함수 문법에 대한 사용 예시를 들 수 있나요? 이 새로운 문법은 다른 함수와 어떻게 다른가요?
- 생성자의 메서드에 화살표 문법을 사용하면 어떤 이점이 있나요?
- 고차 함수(higher-order function)의 정의는 무엇인가요?
- 객체나 배열에 대한 디스트럭쳐링 예시를 들 수 있나요?
- ES6 템플릿 리터럴은 문자열을 생성하는데 많은 유연성을 제공합니다. 이에 대한 예를 들 수 있나요?
- curry 함수의 예를 들어 줄 수 있나요? 그리고 이 문법은 어떤 이점을 가지고 있나요?
- spread 문법을 사용할 때의 이점은 무엇이며 rest 문법과 다른 점은 무엇인가요?
- 파일 간에 코드를 공유하려면 어떻게 해야하나요?
- 정적 클래스 멤버를 만드는 이유는 무엇인가요?