Question 1

var, let, const의 차이점은 무엇인가요?

Accepted Answer

세 가지 변수 선언 키워드는 스코프, 호이스팅, 재할당 측면에서 차이가 있습니다.

| 특성 | var | let | const |
|------|-----|-----|-------|
| 스코프 | 함수 | 블록 | 블록 |
| 호이스팅 | O (undefined) | O (TDZ) | O (TDZ) |
| 재선언 | O | X | X |
| 재할당 | O | O | X |

```javascript
// var: 함수 스코프, 호이스팅 시 undefined
console.log(a); // undefined
var a = 1;

// let: 블록 스코프, TDZ(Temporal Dead Zone)
console.log(b); // ReferenceError
let b = 2;

// const: 값 재할당 불가, 하지만 객체의 속성은 변경 가능
const obj = { name: 'Kim' };
obj.name = 'Lee'; // OK
obj = {};          // E

Question 2

map, filter, reduce의 차이점과 사용 예시를 알려주세요.

Accepted Answer

세 메서드 모두 배열을 순회하며 새로운 결과를 반환하는 고차 함수입니다. 원본 배열을 변경하지 않습니다.

```javascript
const numbers = [1, 2, 3, 4, 5];

// map: 각 요소를 변환하여 새 배열 반환
const doubled = numbers.map(n => n * 2);
// [2, 4, 6, 8, 10]

// filter: 조건에 맞는 요소만 새 배열로 반환
const evens = numbers.filter(n => n % 2 === 0);
// [2, 4]

// reduce: 배열을 하나의 값으로 축소
const sum = numbers.reduce((acc, n) => acc + n, 0);
// 15

// 조합 사용 예시
const result = numbers
  .filter(n => n > 2)     // [3, 4, 5]
  .map(n => n * 10)       // [30, 40, 50]
  .reduce((a

Question 3

자바스크립트란 무엇인가요?

Accepted Answer

JavaScript는 **싱글 스레드 · 인터프리터(JIT) · 동적 타입 · 프로토타입 기반**의 멀티 패러다임 프로그래밍 언어입니다. 1995년 브렌던 아이크가 넷스케이프에서 10일 만에 초안을 만들었고, 지금은 ECMAScript 표준(TC39)을 따릅니다.

## 핵심 특성

| 특성 | 의미 |
| --- | --- |
| **싱글 스레드** | 콜 스택이 하나. 동시에 한 작업만 실행 |
| **비동기 · 논블로킹** | 이벤트 루프 + 태스크 큐로 I/O를 기다리지 않음 |
| **동적 타입** | 변수 타입이 런타임에 결정, 재할당 시 변경 가능 |
| **프로토타입 기반** | 클래스가 아니라 객체가 다른 객체를 상속. `class`는 문법 설탕 |
| **일급 함수** | 함수를 값처럼 전달·반환·저장 가능 → 클로저, 고차 함수 |
| **멀티 패러다임** | 명령형 · 함수형 · 객체지향 모두 가능 |

## 이름의 오해

Java와는 **아무 관계가 없습니다.

Question 4

자바스크립트는 어떤 데이터 타입을 가지고 있나요?

Accepted Answer

크게 **원시 타입(primitive) 7가지**와 **참조 타입(object)**으로 나뉩니다.

## 원시 타입 7가지

| 타입 | 설명 | `typeof` |
| --- | --- | --- |
| `number` | 64비트 부동소수점 **하나뿐**. 정수 타입이 없음 | `"number"` |
| `string` | UTF-16 문자열. 불변 | `"string"` |
| `boolean` | `true` / `false` | `"boolean"` |
| `undefined` | 값이 할당되지 않음 | `"undefined"` |
| `null` | 의도적인 "값 없음" | **`"object"`** ⚠️ |
| `symbol` | ES6. 유일한 식별자 | `"symbol"` |
| `bigint` | ES2020. 임의 정밀도 정수 (`10n`) | `"bigint"` |

**`typeof null === "object"`는 JS 초기 구현의 버그**입니다. 하위 호

Question 5

동등 연산자(==)와 일치 연산자(===)의 차이점은 무엇인가요?

Accepted Answer

- **`===` (일치, strict equality)** — 타입과 값을 **둘 다** 비교. 타입이 다르면 즉시 `false`
- **`==` (동등, loose equality)** — 타입이 다르면 **암묵적 형변환 후** 비교

```js
1 === '1'   // false
1 ==  '1'   // true  — '1'이 1로 변환됨
```

## `==`의 형변환 규칙 (요약)

1. 타입이 같으면 `===`와 동일
2. `null == undefined` → **true** (서로에게만, 다른 값과는 false)
3. number vs string → 문자열을 숫자로
4. boolean이 있으면 → boolean을 숫자로 (`true`→1, `false`→0)
5. object vs primitive → 객체를 `ToPrimitive`로 변환(`valueOf` → `toString`)

## 악명 높은 결과들

```js
0 == ''            // tr

Question 6

스프레드 문법과 레스트 문법의 차이점은 무엇인가요?

Accepted Answer

**같은 `...` 기호지만 방향이 정반대입니다.**

- **스프레드(Spread)** — 이터러블/객체를 **펼쳐서 개별 요소로 흩뿌림** (묶음 → 낱개)
- **레스트(Rest)** — 흩어진 값들을 **하나로 모음** (낱개 → 묶음)

**구분법: 할당의 왼쪽(매개변수·구조분해 대상)에 있으면 레스트, 오른쪽(값·인자 자리)에 있으면 스프레드입니다.**

## 스프레드

```js
// 배열 복사·병합
const merged = [...a, ...b];
const copy = [...arr];                   // 얕은 복사

// 함수 인자로 펼치기
Math.max(...[1, 5, 3]);                  // Math.max(1, 5, 3)

// 객체 병합 — 뒤에 오는 값이 이김
const next = { ...state, count: 1 };

// 이터러블 → 배열
[...'abc']

JavaScript

01var, let, const의 차이점은 무엇인가요?쉬움타입

02map, filter, reduce의 차이점과 사용 예시를 알려주세요.쉬움배열

03자바스크립트란 무엇인가요?쉬움기초

04자바스크립트는 어떤 데이터 타입을 가지고 있나요?쉬움타입

05동등 연산자(==)와 일치 연산자(===)의 차이점은 무엇인가요?쉬움타입

06스프레드 문법과 레스트 문법의 차이점은 무엇인가요?쉬움문법