ECMAScript 2025 최종 승인 무엇이 달라졌나?

---

ECMAScript 2025 최종 승인 무엇이 달라졌나?

자바스크립트의 새로운 시대가 열리다

지난 6월 25일, Ecma 인터내셔널 총회에서 'ECMAScript 2025' 언어 명세가 최종 승인되었습니다.

이는 자바스크립트의 새로운 버전이 공식적인 '표준'으로 확정되었음을 의미하며, 이제 곧 우리가 사용하는 브라우저와 Node.js 환경에 새로운 기능들이 속속 도입될 것이라는 신호탄입니다.

매년 발전하는 자바스크립트의 변화를 따라가는 것은 때로 벅차게 느껴질 수도 있지만, 새로운 표준에 담긴 기능들을 이해하는 것은 우리가 더 효율적이고 우아한 코드를 작성할 수 있게 만드는 중요한 열쇠입니다.

이 글에서는 ECMAScript 2025에 새롭게 추가된 핵심 기능들이 무엇인지, 그리고 이 기능들이 실제 개발 현장에서 어떻게 우리의 코드를 바꾸게 될 것인지 실용적인 예제와 함께 깊이 있게 살펴보겠습니다.

자바스크립트의 영역 확장 임포트 속성과 JSON 모듈

지금까지 자바스크립트는 '.js' 확장자를 가진 파일, 즉 자바스크립트 코드만을 모듈로서 공식적으로 다룰 수 있었습니다.

만약 JSON 파일을 설정값 등으로 불러와야 했다면, `fs.readFile` 같은 파일 시스템 API를 사용하거나, 번들러의 특별한 기능에 의존해야만 했습니다.

ES2025에 도입된 '임포트 속성(Import Attributes)'은 이러한 한계를 극복하고 자바스크립트가 다른 종류의 자원(artifact)을 안전하게 불러올 수 있는 표준화된 문법을 제공합니다.

그 첫 번째 적용 사례가 바로 'JSON 모듈'입니다.

이제 우리는 다음과 같이 JSON 파일을 마치 자바스크립트 모듈처럼 직접 불러올 수 있습니다.

// 정적 임포트 (Static Import)
import config from './config.json' with { type: 'json' };

console.log(config.apiKey);

// 동적 임포트 (Dynamic Import)
const loadConfig = async () => {
  const configModule = await import(
    './config.json', { with: { type: 'json' } }
  );
  return configModule.default;
};

with { type: 'json' } 구문은 이 파일이 JSON 데이터임을 명시하여, 자바스크립트 엔진이 파일을 안전하게 파싱하고 객체로 변환하도록 지시합니다.

이는 단순한 편의성을 넘어, 웹 플랫폼의 보안을 강화하고(MIME 타입 불일치 방지), 자바스크립트가 브라우저와 서버 환경 모두에서 일관된 방식으로 다양한 종류의 데이터를 다룰 수 있는 확장성의 기틀을 마련했다는 점에서 큰 의미가 있습니다.

데이터 처리의 패러다임 전환 이터레이터 헬퍼

ES2025의 가장 핵심적이고 판도를 바꿀 만한 변화는 단연 '이터레이터 헬퍼 메서드(Iterator Helper Methods)'의 도입입니다.

이는 `map`, `filter`, `reduce` 등 우리가 배열에서만 누릴 수 있었던 강력한 데이터 처리 메서드들을 이제 모든 '순회 가능한(iterable)' 객체에서 직접 사용할 수 있게 되었음을 의미합니다.

다음 예제는 이터레이터 헬퍼의 강력함을 한눈에 보여줍니다.

const words = ['a', '', 'b', '', 'c', '', 'd', '', 'e'];

const result = words.values() // 1. 배열에서 이터레이터를 생성
  .filter(x => x.length > 0)    // 2. 빈 문자열을 걸러냄
  .drop(1)                       // 3. 첫 번째 요소('a')를 건너뜀
  .take(3)                       // 4. 이후 3개의 요소만 취함 ('b', 'c', 'd')
  .map(x => `=${x}=`)             // 5. 각 요소를 변형
  .toArray();                    // 6. 최종 결과를 배열로 변환

// result: ['=b=', '=c=', '=d=']

이 메서드들은 단순히 배열 메서드를 흉내 낸 것이 아니라, 두 가지 중요한 개선점을 가집니다.

첫째, Set, Map, Generator 등 어떤 순회 가능한 객체든 상관없이 일관된 방식으로 데이터를 처리할 수 있습니다.

둘째, 가장 중요한 특징으로, 이 모든 과정이 '지연 평가(lazy evaluation)' 방식으로 동작합니다.

배열 메서드처럼 각 단계마다 새로운 중간 배열을 생성하는 것이 아니라, 첫 번째 요소에 대해 filter, drop, take, map을 순서대로 모두 적용한 뒤, 다음 요소로 넘어가는 방식으로 처리됩니다.

이는 대용량 데이터를 다룰 때 메모리 사용량을 획기적으로 줄여주며, 불필요한 계산을 최소화하는 매우 효율적인 방식입니다.

새롭게 추가된 drop(n)과 take(n) 같은 메서드는 스트림(stream) 처리와 유사한 프로그래밍을 가능하게 하여, 자바스크립트의 데이터 처리 능력을 한 차원 높은 수준으로 끌어올렸습니다.

더욱 강력해진 Set 집합 연산 메서드

자바스크립트의 `Set` 객체는 오랫동안 '집합'이라는 이름이 무색하게 기본적인 집합 연산 기능(합집합, 교집합, 차집합 등)을 제공하지 않았습니다.

이러한 연산을 하려면 `Set`을 배열로 변환하고, 복잡한 `filter`나 `reduce` 로직을 직접 구현해야만 했습니다.

ES2025에서는 드디어 이 불편함을 해소할 표준적인 집합 연산 메서드들이 대거 추가되었습니다.

• union(other): 두 Set의 합집합을 반환합니다.
• intersection(other): 두 Set의 교집합을 반환합니다.
• difference(other): 첫 번째 Set에서 두 번째 Set의 요소를 뺀 차집합을 반환합니다.
• symmetricDifference(other): 두 Set 중 한쪽에만 속하는 요소들의 집합, 즉 대칭차집합을 반환합니다.
• isSubsetOf(other), isSupersetOf(other), isDisjointFrom(other): 두 Set 간의 포함 관계를 확인하는 불리언 값을 반환합니다.

const setA = new Set([1, 2, 3]);
const setB = new Set([2, 3, 4]);

// 합집합: {1, 2, 3, 4}
const unionSet = setA.union(setB);

// 교집합: {2, 3}
const intersectionSet = setA.intersection(setB);

// A에 대한 B의 차집합: {1}
const differenceSet = setA.difference(setB);

// 부분집합 여부 확인: true
const isSubset = new Set([1, 2]).isSubsetOf(setA);

이제 개발자들은 직접 복잡한 로직을 구현할 필요 없이, 직관적이고 표준화된 메서드를 통해 집합 데이터를 훨씬 효율적이고 안전하게 다룰 수 있게 되었습니다.

그 외 주목할 만한 변화들

위에서 소개한 주요 기능들 외에도, 개발자 경험을 향상시키는 여러 유용한 기능들이 추가되었습니다.

- **`RegExp.escape(str)`**: 문자열을 정규표현식 패턴 안에서 안전하게 사용할 수 있도록 특수 문자들을 이스케이프(escape)해주는 정적 메서드입니다. 동적으로 생성되는 정규표현식에서 발생할 수 있는 잠재적 오류를 크게 줄여줍니다.

- **정규표현식 인라인 플래그 `(?i:...)`**: 정규표현식 전체가 아닌, 특정 부분에만 플래그(예: `i` - 대소문자 무시)를 적용할 수 있게 해주는 기능입니다. 훨씬 더 세밀하고 유연한 패턴 작성이 가능해집니다.

- **중복된 이름 있는 캡처 그룹 허용**: `(?a+)|(?b+)`와 같이, 서로 다른 대안(`|`) 내에서는 동일한 그룹 이름을 재사용할 수 있게 되었습니다. 복잡한 패턴에서 그룹 관리가 한결 수월해집니다.

- **`Promise.try()`**: `try...catch` 블록을 `Promise` 체인 안으로 가져오는 것과 유사한 효과를 냅니다. 동기적인 함수에서 발생할 수 있는 예외를 `Promise` 체인 안에서 일관되게 처리할 수 있도록 돕습니다.

// Promise.try() 예시
Promise.try(() => {
  // 이 함수가 동기적으로 에러를 던져도...
  const data = JSON.parse('{ "invalid-json"');
  return data;
}).catch(error => {
  // ...Promise의 .catch()에서 잡을 수 있습니다.
  console.error("파싱 에러:", error);
});

변화의 흐름 속에서 길을 찾다

ECMAScript 2025는 자바스크립트가 단순히 웹 페이지를 꾸미는 언어를 넘어, 복잡한 데이터를 다루고 다양한 환경과 상호작용하는 견고한 '범용 프로그래밍 언어'로 진화하고 있음을 명확히 보여줍니다.

특히 이터레이터 헬퍼와 새로운 `Set` 메서드는 데이터 처리 방식의 근본적인 변화를 예고하며, 개발자들이 더 선언적이고 효율적인 코드를 작성하도록 이끌 것입니다.

물론 이 모든 새로운 기능을 당장 모든 프로젝트에 적용할 수는 없을 것입니다.

하지만 이러한 변화의 흐름을 이해하고, 적절한 시점에 새로운 도구를 사용할 준비를 하는 것은 모든 개발자에게 필요한 역량입니다.

자바스크립트의 진화는 멈추지 않습니다.

그리고 그 진화의 중심에는 항상 더 나은 코드를 작성하고자 하는 우리 개발자들의 고민과 노력이 있습니다.

새로운 표준과 함께, 우리도 한 걸음 더 성장할 시간입니다.

---