ES

: ES(ECMAScript)는 자바스크립트의 표준 규격을 의미한다.

브라우저마다 스크립트 언어가 다르기 때문에 서로 호환 되지 않고 파편화가 생기게 되었다. 파편화는 간단히 말하자면, 같은 코드인데 어떤 브라우저에서는 제대로 실행되고 어떤 브라우저에서는 에러가 나는 현상을 의미한다.

이러한 파편화를 막기 위해 생긴 ES는 즉 규격, 표준을 뜻한다.

ES6

<aside> 📢

특징

• 1. let, const 키워드 추가(기존의 변수는 함수 scope를 가진 var 키워드를 선언함)
• arrow 문법 지원(익숙하면 편하고 간편해진 코드를 작성할 수 있음, this를 바인딩하지 않음)
• iterator/generator 추가
• module import / export 추가
• Promise 도입(Callback Hell을 해결해줄 기법이 추가됨)
• Default, Rest 파라미터
• 호이스팅이 사라진 것 같은 효과
• 함수 단위 스코프에서 블록 단위 스코프로 변경 </aside>

ES6를 중요시 하는 이유

: ES6의 기능은 현대 웹 애플리케이션 개발에서 폭넓게 활용된다. 예를 들어, const와 let을 사용하여 변수를 선언함으로써, 코드의 가독성을 향상시키고 변수의 스코프를 보다 명확하게 관리할 수 있다. 템플릿 리터럴은 문자열 내에서 변수를 직접 삽입할 수 있게 하여 코드를 단순화한다.

또한, 화살표 함수와 비구조화 할당을 사용하면 데이터 처리 로직을 보다 간결하게 표현할 수 있다. 이러한 기능들은 코드의 유지보수성을 높이고, 개발자가 보다 중요한 로직에 집중할 수 있게 한다.

ES Module

• ES6에 도입된 모듈 시스템
• import, export를 사용해 분리된 자바스크립트 파일끼리 서로 접근 가능하다.
• import로 모듈에 접근하고 export로 모듈을 내보내는 방식!

ESM 사용법

→ package.json에 “type”:”module”을 설정한다.

// package.json

{
  "type": "module",
}