ECMAScript (ES6)

 

◼️ ECMAScript (ES6)

JavaScript의 표준 명세(Specification) 이다.

• ECMAScript: 자바스크립트가 어떻게 동작해야 하는지 정의한 표준.
• JavaScript: ECMAScript 표준을 구현한 프로그래밍 언어.

즉, ECMAScript는 설계도, JavaScript는 그 설계도를 바탕으로 만들어진 실제 언어이다.

 

과거에는 브라우저마다 JavaScript 구현 방식이 달라 호환성 문제가 발생했다.

이를 해결하기 위해 ECMA International 국제 표준화 기구에서 자바스크립트의 표준 규격인 ECMAScript를 제정했다.

 

◼️ 왜 ES6가 중요한가?

ECMAScript는 지속적으로 업데이트되고 있지만, ES6(ES2015)는 자바스크립트 역사상 가장 큰 변화가 있었던 버전이다.

2015년에 발표된 ES6는 개발 생산성과 코드 가독성을 크게 향상시키는 기능들을 대거 도입했으며, 오늘날의 현대적인 JavaScript 문법의 기반이 되었다.

 

◼️ ES6의 핵심 기능

1️⃣ let, const

기존 var의 문제점(호이스팅, 중복 선언 등)을 보완하기 위해 도입된 변수 선언 방식이다.

let age = 20;
const PI = 3.14;

 

2️⃣ 화살표 함수 (Arrow Functions)

function 키워드 대신 =>를 사용하여 함수를 간결하게 작성할 수 있다.

const add = (a, b) => a + b;

 

3️⃣ 템플릿 리터럴

백틱(``)을 사용하여 문자열과 변수를 쉽게 조합할 수 있다.

const name = "홍길동";
console.log(`안녕하세요, ${name}님`);

 

4️⃣ 클래스 (Classes)

객체 지향 프로그래밍을 보다 직관적으로 작성할 수 있는 문법이다.

class Person {
  constructor(name) {
    this.name = name;
  }
}

 

5️⃣ 구조 분해 할당 (Destructuring)

배열이나 객체의 값을 쉽게 추출하여 변수에 할당할 수 있다.

const user = {
  name: "홍길동",
  age: 20
};

const { name, age } = user;

 

◼️ 왜 지금도 ES6를 배우는가?

현재는 ES2024, ES2025 등 더 최신 버전이 존재하지만, ES6는 현대 JavaScript의 출발점이자 기본 문법 체계이다.

특히 다음과 같은 기술들이 ES6 이상의 문법을 기본으로 사용한다.

• React
• Vue.js
• Node.js

따라서 ES6를 이해하지 못하면 최신 JavaScript 코드나 프레임워크를 학습하기 어렵다.

 

📍  POINT 📍

✔️ ECMAScript는 JavaScript의 표준 규격이다. ✔️
✔️ ES6(ES2015)는 자바스크립트 역사상 가장 큰 변화를 가져온 버전이다.  ✔️
✔️ 현대 웹 개발은 사실상 ES6 이상의 문법을 표준으로 사용한다. ✔️