리액트(React) 학습자를 위한 기초지식 - ECMAScript

리액트(React) 학습에 필요한 사전지식

#ECMAScript

 

 

리액트는 JavaScript로 만든 라이브러리입니다. 따라서 리액트를 다룰 때 JavaScript의 기본 문법이 자주 등장합니다. 이번 게시글은 리액트 자체를 배우는 건 아닙니다. 하지만 리액트를 조금이라도 더 깊게 이해하기 위한 기초지식이 필요하여 정리해보았습니다.

 

 

ECMAScript

 

 

ECMA스크립트(ECMAScript, 또는 ES)는 ECMA 인터네셔널의 ECMA-262 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어이다. 자바스크립트를 표준화하기 위해 만들어졌고 지금도 자바스크립트가 제일 잘 알려져 있지만, 액션스크립트와 J스크립트 등 다른 구현체도 포함하고 있다. ECMA스크립트는 웹의 클라이언트 사이드 스크립트로 많이 사용되며 Node.js를 사용한 서버 응용 프로그램 및 서비스에도 점차 많이 쓰이고 있다.

 

- 위키피디아(Wikipedia)

 

ECMAScript는 자바스크립트의 토대를 구성하는 스크립트 언어입니다. ECMAScript는 ECMA International 표준화 기구에 의해서 ECMA-262 및 ECMA-402 스펙에서 표준화되었습니다. 다음은 현재까지 승인됐거나 작업중인 ECMAScript 표준입니다.

 

- 모질라(Mozilla)

 

간단히 말해서 ECMAScript는 JavaScript의 '표준' 권고사양입니다. 쉽게 말해서, "JavaScript를 이렇게 사용하는 걸 추천해" 라고 할 수 있습니다. 개발자 마음대로 JavaScript언어를 활용해 자유롭게 만들면 되는데 왜 표준 권고사양을 제시할까요? 이는 JavaScript를 실행하는 엔진 때문입니다. 주로 JavaScript는 웹 브라우저에서 실행됩니다. JavaScript를 실행하는 웹 브라우저 종류가 하나면 표준을 만들 필요가 없을겁니다. 하나밖에 없는 웹 브라우저 자체가 표준이니까요. 하지만 웹 브라우저는 Chrome, Safari, Internet Explorer, Firefox 등 여러가지가 있습니다. 이를 제작한 회사가 다르기 때문에 JavaScript를 실행하는 능력(?)도 다릅니다. 같은 JavaScript 문법을 사용해도 실행속도, 이해하는 정도가 다릅니다. 그렇기 때문에 표준을 제시한 겁니다. 

 

ECMAScript는 2015년에 기존 업데이트 주기를 재검토하여 지금은 매년 새로운 표준 권고사양을 책정합니다. 2015년 업데이트에서는 새로운 구문이 많이 추가되어 이를 전후로 코드가 많이 바뀝니다. 지금은 ECMAScript 2015 이후 사양이 주류입니다. 그래서 최근 리액트 코드를 보면 이 최신 서식을 따르는 경우가 많습니다.

 

리액트도 JavaScript 언어로 만든 라이브러리이기 때문에 ECMAScript 표준 권고안을 따르는 걸 추천합니다. 아, ECMA는 European Computer Manufacturers Association의 약어입니다.

 

 

<참조>

1. 이시바시 케이타. ⌜더 괜찮은 웹 개발자가 되기 위한 리액트 스타일 가이드⌟. 구멍가게 코딩단, 안동현(옮김). 프리렉, 2019

2. 위키피디아 (https://ko.wikipedia.org/wiki/ECMA스크립트)

3. 모질라 (https://developer.mozillar.org/ko/docs/Web/JavaScript/언어_리소스)