기술면접 - JS

실행 컨텍스트(Execution Context)는 프로그램이 실행되는 동안 변수, 함수 선언 및 실행 순서와 관련된 정보를 포함하는 내부 데이터 구조입니다. 자바스크립트와 같은 프로그래밍 언어에서 실행 컨텍스트는 코드 실행을 추적하고 관리하기 위해 필요한 중요한 개념입

깊은 복사(Deep Copy)와 얕은 복사(Shallow Copy)는 객체 또는 배열과 같은 복합 데이터 타입을 복사하는 두 가지 다른 방법입니다.얕은 복사 (Shallow Copy):얕은 복사는 원본 객체 또는 배열의 참조(reference)를 복사합니다.즉, 새로운

호이스팅(Hoisting)은 자바스크립트에서 변수 및 함수 선언이 해당 스코프의 상단으로 "끌어올려지는" 동작을 말합니다. 이는 코드 실행 전에 컴파일러 또는 인터프리터에 의해 처리되며, 코드 블록 내에서 변수와 함수가 선언된 위치와 상관없이 해당 블록의 최상위로 이동

JavaScript에서 this는 실행 컨텍스트(Execution Context) 내에서 현재 실행 중인 객체를 참조하는 특별한 키워드입니다. this의 값은 함수 호출의 방식에 따라 동적으로 결정됩니다.this의 동작은 다음과 같은 규칙을 따릅니다:전역 컨텍스트(Gl

클로저(Closure)는 자바스크립트의 중요한 개념으로, 함수와 해당 함수가 선언된 렉시컬 환경(Lexical Environment)의 조합을 말합니다. 클로저는 함수가 선언될 때 생성되며, 함수 내부에서 선언된 변수들과 함께 그 변수들의 상태를 기억합니다.클로저는 다

==와 ===는 자바스크립트에서 사용되는 두 가지 비교 연산자입니다. 이들은 값의 동등성을 비교하는데 사용됩니다. 하지만 ==와 ===는 비교하는 방식과 엄격성 측면에서 차이가 있습니다.== (동등 연산자, Equality Operator):== 연산자는 값을 비교할

JavaScript에서 prototype은 객체 지향 프로그래밍에서 사용되는 개념입니다. 모든 JavaScript 객체는 prototype이라는 내부 링크를 가지고 있습니다. 이 링크는 객체를 생성할 때 해당 객체의 프로토타입(prototype) 객체를 가리킵니다.프로

var, let, const는 JavaScript에서 변수를 선언하는 데 사용되는 키워드입니다. 이 세 가지 키워드는 몇 가지 중요한 차이점을 가지고 있습니다:변수 범위 (Variable scope):var: 함수 스코프(function scope)를 가지고 있습니다.

ES6(ECMAScript 2015)는 JavaScript의 6번째 버전으로, JavaScript 언어의 중요한 업데이트입니다. ES6에서는 다양한 기능과 문법이 추가되어 JavaScript 개발을 더욱 효율적이고 강력하게 만들어 주었습니다. 몇 가지 주요 변경 사항을

import와 require는 JavaScript 모듈을 불러오는 데 사용되는 키워드입니다. 그러나 import는 ES6 모듈 시스템의 구문이며, require는 Node.js에서 사용되는 CommonJS 모듈 시스템의 구문입니다. 이 두 모듈 시스템은 다음과 같은 차

JavaScript에서 Promise와 Callback은 비동기 코드 처리를 위해 사용되는 두 가지 기술입니다.Callback:Callback은 함수를 다른 함수의 인자로 전달하여 비동기 작업이 완료되었을 때 실행되도록 하는 방식입니다. 즉, 함수 A를 호출할 때 함수

async와 await는 JavaScript에서 비동기 코드를 보다 간편하고 동기적으로 작성할 수 있도록 하는 문법적인 기능입니다. async 함수 내에서 await 키워드를 사용하여 비동기 작업의 완료를 기다릴 수 있습니다.async 함수:async 함수는 비동기적인

템플릿 리터럴은 JavaScript 및 TypeScript에서 문자열을 생성하기 위한 문법적인 기능입니다. 템플릿 리터럴을 사용하면 문자열 안에 변수, 표현식, 줄바꿈 등을 쉽게 포함할 수 있습니다. 아래는 템플릿 리터럴의 몇 가지 예시입니다:변수 삽입:표현식 삽입:다

JavaScript 코드를 디버깅하기 위해 다양한 도구와 기술이 있습니다. 아래에는 주로 사용되는 몇 가지 도구와 기술을 소개합니다:1\. 브라우저 개발자 도구 (Browser Developer Tools): 대부분의 웹 브라우저는 내장된 개발자 도구를 제공합니다. 이

Mutable과 Immutable의 차이점은 다음과 같습니다:Mutable (가변):가변 객체는 생성된 후에 내부 상태를 변경할 수 있습니다.객체의 속성 값을 변경하거나 추가, 제거할 수 있습니다.이전 상태와 현재 상태 간의 차이를 추적하기 어렵습니다.여러 개의 참조가

static 클래스 멤버를 만드는 이유는 다음과 같습니다:1\. 공유 데이터 및 동작: static 클래스 멤버는 해당 클래스의 모든 인스턴스 간에 공유됩니다. 이는 데이터나 동작을 모든 인스턴스가 공유해야 할 때 유용합니다. 예를 들어, 로그인 정보나 애플리케이션 설

call, bind, apply는 JavaScript에서 함수를 호출하고 함수의 this 값과 인수를 설정하는 데 사용되는 메서드입니다. 이들의 차이점은 다음과 같습니다:1\. call: call 메서드는 함수를 호출하는 동시에 함수 내의 this 값을 설정하고, 인수

map과 reduce는 JavaScript에서 배열을 변형하고 처리하기 위해 사용되는 고차 함수입니다. 그러나 두 함수의 목적과 사용법은 약간 다릅니다.map:map 함수는 주어진 배열의 각 요소에 대해 콜백 함수를 호출하고, 각 콜백 함수의 반환 값을 모아 새로운 배