2020 FeBase Season 1 Exam

JavaScript isn't enabled in your browser, so this file can't be opened. Enable and reload.

Febase(https://github.com/Febase/FeBase) 에서 2020년 상반기에 기고된 내용을 바탕으로 문제가 출제되었습니다.
2020 Season 1에서는 Javascript 기초에 대한 내용을 전반적으로 학습했습니다.
구글링을 하지 마시고, 본인의 지식으로만 풀어보시기를 바라며
이 시험은 어떠한 전문성도 염두에 두지 않았기 때문에 기업이나 기관에 제출용으로 사용 될 수 없습니다.

이 퀴즈는 누구나 풀어 볼 수 있으며, 정상적으로 제출시 마지막에 점수가 표시됩니다.
Exam의 저작권은 FeBase에 있으며, 개인적인 사용은 가능하나 상업적으로 이용시 법적 처벌을 받을 수 있습니다.

문제에 오류가 있거나 문의사항은 아래 메일로 연락 주세요.
contact : shsdf302@gmail.com

📣 권장 풀이 제한 시간: 20분
📣 문제 수: 21 개

Email *

크롬을 기준으로 브라우저 렌더링 엔진의 렌더링 순서를 나열하시오(ex 4,2,1,3) *

1. 렌더 트리 배치 2. HTML 파싱 3. 렌더 트리 그리기 4. 렌더 트리 구축

3 points

호이스팅에 대한 설명한 것으로 옳은 것은? *

5 points

호이스팅은 JS에서만 사용되는 특징이다.

var로 선언한 변수가 그 대상이고 const나 let으로 선언한 변수는 호이스팅에 해당하지 않는다.

변수 호이스팅은 변수가 범위에 따라 선언과 할당으로 분리되는 것을 활용한다.

함수 호이스팅은 선언 방식이 함수 표현식(var foo = function() { ··· } ) 일때만 적용된다.

변수 선언 위치와 상관없이 전역 범위의 최상단으로 호이스팅 된다.

Javascript의 this에 대한 설명으로 옳은 것은? *

5 points

Javascript 함수 호출시 인자 외에 this만 암묵적으로 전달 받는다.

this가 지정되지 않았다면 브라우저에서는 global 객체, node에서는 window 객체를 의미한다.

this는 기본적으로 상위 스코프에 바인딩된다.

콜백함수를 실행하는 메서드의 경우 this는 전역 객체에 바인딩 된다.

call()메소드는 apply()와 기능은 같지만 두번째 인자에서 인자대신 배열을 받는다.

아래 함수의 실행 결과는? *

5 points

JS 클로저에 대한 설명으로 틀린 것은? *

5 points

var키워드로 선언된 변수나, 함수 선언식으로 만들어진 함수는 함수 레벨 스코프를 갖는다.

Scope Chain을 따라 Outer Lexical Environment에서 값을 찾아간다.

함수가 수행 된 이후 함수의 내부 함수 메모리는 GC(Garbage Collector)가 회수하지 않는다.

분리된 실행환경을 위해 실행 컨택스트는 항상 stack 최하단 context가 현재 실행중인 context이다.

클로저를 통해 특정 스코프를 외부에서 접근하도록 할 수 있다.

JS Event Loop에 대한 설명으로 틀린 것은? *

5 points

콜스택이 하나인 이유는 JS는 싱글 스레드 언어이기 때문이다.

브라우저에서 JS는 멀티 스레드로 동작한다.

일단 콜스택에 있는 작업이라면 블로킹을 기본으로 한다.

브라우저에서 비동기 콜백을 위해 JS Runtime에서 Web API로 작업을 위임한다.

비동기 콜백은 즉시 호출 스택에 쌓이지 않고 Event Queue에서 기다렸다가 호출스택이 비어있는 시점에 실행된다.

JS Garbage Collector(GC)에 대한 설명으로 옳은 것은? *

5 points

메모리의 생존 주기는 할당, 해제로 이루어져있다.

현대 브라우저에서는 대부분 Reference Counting GC Algorithm을 사용한다.

Mark and Sweep 방식은 루트와 직·간접적으로 참조되지 않은 노드의 메모리를 반환한다.

JS에서 malloc()을 사용하여 메모리를 할당한다.

순환 참조 문제를 해결하기 위해 참조 횟수 알고리즘을 사용한다.

JS에서는 자식 컴포넌트의 이벤트를 부모 컴포넌트로 전달하는 방식으로 이벤트 버블링 방식을 사용한다. 반대로 부모의 이벤트를 자식으로 전달하는 방법은? *

5 points

"var는 _______ Level Scope이고 let, const는 _______ Level Scope이다." 이 문장의 빈칸에 알맞은 단어를 쉼표로 구분하여 영어로 쓰시오.(ex Apple, Banana) *

5 points

ECMA Script에 대한 설명으로 옳지 않은 것을 모두 고르시오. *

5 points

ES6 이후에는 넘버링 대신 버전 출시 년도가 붙는다.

ES2020에 추가된 Dynamic import는 JS를 동적으로 import 할 수 있게 한다.

ES2020에 추가된 Promise.allSettled 는 Promise.all과 비슷하지만 하나라도 실패할 경우 해당 실패를 반환한다는 점에서 다르다.

ES2020에 추가된 BigInt는 일반적인 숫자 타입과 연산 할 수 없다.

ES2020에 추가된 Optional Chaining은 해당 객체 프로퍼티가 존재하지 않는다면 에러를 발생시켜준다.

Required

JS의 원시 타입에 속하지 않는 것을 모두 고르시오. *

2 points

symbol

null

undefined

object

string

boolean

number

function

Required

브라우저가 웹 서버로 요청을 보내는 과정이 바르게 나열 된 것은? *

5 points

2-4-1-3-5-7-8-6-11-10-9

2-4-3-1-7-5-6-8-11-10-9

2-4-1-3-7-5-8-6-10-11-9

2-4-3-1-5-7-6-8-11-10-9

JS Prototype에 대한 설명으로 옳지 않은 것은? *

5 points

JS 객체는 함수로 생성된다.

객체가 생성되면 해당 객체의 Prototype Object가 연결된다.

JS의 최상위 Prototype은 window다.

함수, 배열 생성은 모두 Object 함수 호출의 결과로 만들어진 것이다.

객체의 멤버 변수로 선언하는 것과 prototype에 할당하는 것 중 후자가 더 메모리를 적게 사용한다.

다음중 JIT에 대한 설명으로 옳은 것은? *

5 points

타입을 예상할 수 없는 코드일수록 JITC가 유리하다

프로그램을 실제 실행하는 시점에 기계어로 컴파일하는 기법이다.

Javascript In Thread의 약자로 스레드에서의 성능 최적화 기법이다.

Adaptive JITC에서 서로 다른 최적화 수준을 적용하기 위해 JITC이 나왔다.

JIT은 미리 컴파일하는 정적 컴파일보다는 빠르고 인터프리터보다는 느리다.

"(네이티브/ 호스트) 객체는 해당 실행 환경에서 사용 할 수 있고, (네이티브/ 호스트) 객체는 언제나 사용 할 수 있다." 이 문장에서 괄호안에 들어갈 적절한 단어를 쉼표로 구분하여 쓰시오.( ex A, B ) *

5 points

this 바인딩 방식에 대해서 옳지 않은 것은? *

5 points

Default Binding은 브라우저에서는 window, Node에서는 global이 바인딩된다.

Implicit Binding은 함수가 선언되는 위치가 아닌 함수가 호출되는 위치에 의해 결정된다.

Explicit Binding은 call, apply, bind로 할 수 있다.

Hard Binding은 함수 호출 위치에 따라 this가 변하도록 한다.

new 키워드로 생성된 객체 this는 그 객체의 this를 참조한다.

아래 코드의 실행 순서를 쉼표로 구분해 번호로 쓰시오 *

5 points

JS Object에 대한 설명으로 옳은 것은? *

5 points

원시타입(primitive data type) 외의 모든 객체는 immutable value이다.

mutable 객체 메서드중 가장 강하게 불변성을 주입하는 방법은 preventExtensions()이다.

immutable 객체를 사용하면 값 변경이 제한적이기때문에 프로그램 파악이 어렵다.

Object.assign을 사용하여 기존 객체를 변경하지 않고 객체를 복사하여 사용할 수 있다.

immutable한 객체는 그래프같은 순환구조를 만들기 용이하다.

전역 스코프를 사용했을 때의 설명으로 옳지 않은 것은 ? *

5 points

프로그램 실행이 끝날 때까지 메모리를 유지한다.

다른 모듈 혹은 함수 내에 선언된 변수들의 충돌을 신경쓰지 않아도 된다.

모든 곳에 접근이 가능해 예기치 못한 변경이 문제를 일으킬 수 있다.

상수 선언 외에는전역 선언을 지양해야한다.

모듈 밖에서 선언한 변수를 모듈에서도 사용 할 수 있다.

SPA with CSR 에 대한 설명으로 옳은 것은? *

5 points

사용자가 페이지를 요청할때마다 웹 서버는 HTML 같은 웹 리소스를 제공한다.

SEO 관점에서 유리하다.

검색엔진이 페이지를 수집하기에 유리하다.

초기 구동 속도가 빨라 유저 경험 측면에서 좋다.

캐시한 데이터를 활용해 오프라인에서 사용 할 수 있다.

JS Promise에 대한 설명으로 옳지 않은 것은? *

5 points

resolve()와 reject()를 통해 성공, 실패 상황에 따른 분기 처리를 한다.

Pending, Rejected, Fulfilled의 3가지 상태를 갖는다.

프로그램 실행 중 Promise를 만나면 Task Queue에 넣는다.

인자로 전달된 resolve나 reject가 호출되지않으면 계속 pending 상태로 대기한다.

race() 메서드는 전달되는 Promise 객체 중 가장 빠르게 반환되는 Promise만을 리턴한다.

Submit

Clear form

Never submit passwords through Google Forms.

This content is neither created nor endorsed by Google. Report Abuse - Terms of Service - Privacy Policy

Forms