[면접] 프론트엔드 개발자 기술 면접 문제 정리2

HTML5

HTML (HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다. 조금 더 자세히 말하면 웹페이지의 내용(content)과 구조(structure)을 담당하는 언어로써 HTML 태그를 통해 정보를 구조화하는 것이다.

시맨틱 태그

시맨틱(Semantic) 태그는 의미가 있는 태그란 뜻입니다. HTML 태그를 통해 웹 문서를 작성할 때 좀 더 의미 있는 태그를 사용함으로써 정확하게 정보를 전달하고 웹 문서의 구조를 쉽게 파악할 수 있도록 합니다.

CDN이란?

html 파일에서 참조하는 css, javascript 파일이나 다른 리소스 파일을 웹사이트 서버가 아닌 다른 공유 공간에 두고 여러 웹사이트가 참조할 수 있게 하는 서비스를 의미한다. 웹사이트 구축 시, 별도 다운로드가 필요없고 페이지 로딩 속도가 빠르다는 장점이 있다. 

HTML Canvas란?

canvas는 html문서 내부에 그림을 그릴 수 있는 일종의 '컨테이너' 엘리먼트다.
자바스크립트를 통해 그림을 그리고 애니메이션과 이벤트 처리 등을 구현할 수 있다.

AngularJS란?

웹 어플리케이션 개발에 필요한 여러 기능을 제공하는 오픈 소스 자바스크립트 프레임워크이다.
데이터 모델은 단순 자바스크립트 객체(Plain Old JavaScript Object)다. 
 

Temporal Dead Zone(TDZ)란?

선언은 되어있지만 아직 초기화가 되지 않아 변수에 담길 값을 위한 공간이 메모리에 할당되지 않은 상태를 말한다.
 

실행 컨텍스트란?

우리가 작성한 코드가 실행되는 환경을 말하며, scope, hoisting, this, function, closure 등의 동작원리를 담고 있는 자바스크립트의 핵심원리를 말한다.
 

글로벌 실행 컨텍스트(Global Execution Context)란?

코드가 실행되기 전에 생성이 되며, 함수 내에 없는 코드는 모두 전역 실행 컨텍스트 안에 존재한다.
그렇기 때문에, 자바스크립트 엔진은 일부 자바스크립트 코드를 실행할 때마다 글로벌 실행 컨텍스트(Global Execution Context)를 작성한다.
글로벌 실행 컨텍스트의 특징으로는 무조건 하나의 전역 실행 컨텍스트 만이 존재하며, 애플리케이션이 종료될 때(웹 페이지에서 나가거나 브라우저를 닫을 때)까지 유지하는 것이다.
 

함수 실행 컨텍스트(Functional Execution Context)란?

전역 실행 컨텍스트가 생성된 후, 함수가 실행(ex 호출) 될 때마다 새로운 실행 컨텍스트가 작성된다.
 

렉시컬 스코프란(Lexical Scope)란?

함수를 어디서 선언하였는지에 따라 상위 스코프를 결정한다는 뜻이며, 가장 중요한 점은 함수의 호출이 아니라 함수의 선언에 따라 결정된다는 점이다. 다른 말로, 정적 스코프(Static scope)라 부르기도 하다.
 

자바스크립트에서 원시 타입?

string, number, bigint, boolean, undefined, ES6 부터 추가된 symbol
 

Node.js란?

JavaScript를 웹브라우저가 아닌 환경에서 실행할 수있게 해주는 자바스크립트 런타임 (실행환경)  즉, 자바스크립트 코드를 작성하고 웹브라우저를 켜지 않고도 자바스크립트로 작성된 코드를 실행가능하게 함.
 

클로저란?

외부함수가 반환된 후에도 외부 함수의 변수 범위 체인에 접근할 수 있는 함수.
주로 private method를 모방 할 때 사용함.
 

doctype이란?

Document type의 약자로 이는 웹 브라우저에게 해당 문서의 HTML 버전을 알려주는 역할을 한다.
 

null, undefined, undeclared의 차이점?

null : 의도적으로 변수에 null을 할당하여 값이 없다는 것을 나타냄. 타입은 객체이고 비어있는 변수
undefined : 변수를 선언하고 아무것도 할당하지 않은 상태. 타입이 결정되지 않은 변수
undeclared : 변수의 선언도 할당도 하지 않은 상태