🏠 ECMAScript 3 호환성 완전 정리 가이드

❌ ECMAScript 3(E3)란 무엇일까

ECMAScript 3는 1999년에 공식화된 자바스크립트 표준이다. 지금 보면 오래된 기술 같지만, 2025년에도 여전히 중요한 이유가 있다.
웹의 핵심 원리는 늘 뒤쪽 버전과의 호환성을 전제로 움직이기 때문에, 오래된 코드가 여전히 실행되는 배경을 이해하는 것이 중요하다.

---

🖥 ECMAScript 3가 2025년에도 살아 있는 이유

오래된 브라우저와 시스템

공공기관, 오래된 은행권, 특정 기업 내부 시스템에서는 IE 기반 설비가 아직 완전히 제거되지 않은 경우가 있다.
이런 환경에서는 ECMAScript 3 문법이 기본 호환 범위다.

구형 기기 및 임베디드 웹 뷰어

스마트 TV 초기 세대, 오래된 키오스크, 낡은 전용 브라우저를 탑재한 기기들은 최신 JS 엔진을 탑재하지 않는다.
이들은 ECMAScript 3만 완전 지원하는 경우가 많아, 현실적으로 개선이 어렵다.

레거시 코드 유지보수

2000년대 후반~2010년대 초반에 구축된 웹 시스템의 기반 문법이 대부분 E3 기반이다.
이 코드를 완전히 바꾸는 데는 예산과 시간이 너무 크기 때문에 유지보수가 더 현실적인 선택이다.

---

❄ ECMAScript 3에서 사용 가능한 주요 기능 정리

변수 선언

var 키워드만 사용 가능하다.
let, const는 당연히 없다.

함수 작성

함수 선언식과 함수 표현식만 존재한다.
화살표 함수는 사용할 수 없다.

객체 구조

JSON 스타일 객체는 가능하지만, getter와 setter는 없다.

문자열 처리

대부분의 문자열 메서드는 있지만 템플릿 리터럴은 존재하지 않는다.

반복문

for, for in, while만 존재한다.
for of, 배열 내장 반복 메서드는 지원되지 않는다.

예외 처리

try, catch, finally는 모두 지원된다.

---

🎄 ECMAScript 3에서 지원되지 않는 기능

이 부분은 특히 현대 개발자가 E3 기반 코드를 만났을 때 가장 많이 당황하는 영역이다.

모던 변수 선언

let
const

모던 함수

화살표 함수
async, await

최신 문법

템플릿 문자열
스프레드 문법
구조 분해 할당
클래스
모듈 시스템(import, export)

배열 메서드

map
filter
reduce
find
some
every

※ 이런 메서드를 사용해야 하는 경우 직접 구현하거나 폴리필을 포함해야 한다.

---

🏠 ECMAScript 3 코드 예시

이 시절의 자바스크립트 스타일을 보여주는 대표적인 예시다.

var name = "홍길동";

function greet(msg) {
    return msg + " " + name;
}

var result = greet("안녕하세요");
alert(result);

지금 보면 단순하고 제한적이지만, 2025년에도 이 코드를 완전히 이해해야 하는 이유가 있다.

---

🖥 ECMAScript 3 호환성 체크 기준

2025년에도 웹 개발자가 확인해야 하는 핵심 지점은 다음과 같다.

브라우저 엔진

IE8~IE7 기반 엔진은 E3만 완전 지원
내장형 WebView(오래된 안드로이드 기기 등)는 ES5조차 미지원일 수 있다

런타임 환경

기업 내부 ActiveX 기반 시스템
낡은 Kiosk 의 웹브라우저
구형 SmartTV 웹 엔진

폴리필 제공 여부

ES5 Shim
Custom Prototype 확장
babel-polyfill(단 E3 브라우저에서는 한계가 존재)

---

❄ ECMAScript 3 환경에서 개발할 때 주의할 점

전역 네임스페이스 충돌 위험

변수 선언 방식이 var뿐이기 때문에 오염되기 매우 쉽다.

호이스팅 규칙

함수 및 변수 호이스팅이 문제가 되는 경우가 많기 때문에 선언 순서를 잘 지켜야 한다.

스코프 구조

블록 스코프가 없고 함수 스코프만 존재한다.
조건문 내부에서 var 선언한 변수는 함수 전체에 영향을 미친다.

---

🎄 ECMAScript 3에서 현대 문법을 사용해야 한다면?

2025년에도 실제로 많이 쓰는 방식은 다음과 같다.

1. Babel을 사용해 ES3 타깃으로 컴파일

코드는 최신 문법을 쓰고, 결과물은 E3 수준으로 변환한다.

2. 폴리필을 적극적으로 포함

배열 메서드, Object 관련 기능 등은 직접 구현하거나 폴리필 사용이 필요하다.

3. 레거시 환경 감지

userAgent 기반 탐지
기능 기반 탐지(feature detection)

4. 안전한 네임스페이스 전략

즉시 실행 함수로 스코프 분리
전역 변수 최소화 전략

---

🏠 결론

ECMAScript 3는 매우 오래된 표준이지만, 2025년 12월 기준 여전히 실무에서 필요한 능력이다.
특히 레거시 시스템 유지보수, 구형 기기 대응, 기업 내부 시스템 환경에서는 ECMAScript 3 호환성 이해가 필수다.