What is Es for Javascript?(JavaScript의 ES란?)

이번주 배운 것
Things that I learned this week

Javascript를 배우면서 Javascript에 대한 여러 버전의 표준이 있다는 것을 알게 되었습니다.
만약 제가 이것에 대해 설명해야 한다면, 저는 자바스크립트의 역사에 대해 이야기해야 합니다.
하지만, 저는 이것을 간단하게 설명하고 싶습니다.
먼저 자바스크립트는 '브렌던 아이크'라는 사람에 의해 발명되었습니다.둘째, Javascript는 ECMAscript ~#라고 하여 수년에 걸쳐 업데이트되었습니다.그리고 나서, 그것은 모든 소프트웨어 엔지니어들의 삶을 이전보다 더 쉽게 만들었습니다.마침내, 그것은 상위 10위 안에 선호하는 프로그래밍 언어가 되었습니다.

As I learn Javascript, I found out there are serveral edition of stardards for Javascript. 
If I have to explain about this, I need to talk about history of Javascript. However, I would like to elaborate this in a simple way. 
First, Javascript was invented by a man called 'Brendan Eich'. 
Secondly, Javascript has been updated over years as they called it ECMAscript ~#.
Then, it made all the software engineers life easier than before. 
Finally, it became a favorable programming language in top 10. 

---

자바스크립트에서 ES5와 ES6 의 차이는 무엇들이 있을까?
What are the difference between ES 5 AND ES6 in javascript?

ES#는 사람들이 사용할 수 있는 자바스크립트 표준화 버전을 보여주고 있습니다.
ES5는 2009년에 처음 도입되었으며 문자열, 숫자, 불리언, null 및 정의되지 않은 5가지 데이터 유형이 있습니다.

하지만 2015년 ES5 -> ES6를 업데이트하면서 지원을 위한 새로운 원시형 'symbol'를 도입했습니다.

ES# are showing the edition of javascript standardization for people to use.

ES5 was first introduced in 2009, it has 5 data types: string, number, boolean, null, and undefined.

But as they update ES5 -> ES6 in 2015, it introduced a new primitive type 'symbol' for supporting 

unique values. 

String
Number
boolean
Null
Undefined
Symbol

새로 도입된 에디션(ES6+)으로인해 스프레드 연산자와 템플릿 리터럴을 사용할 수 있습니다.

배열과 객체를 쉽게 병합할 수 있는 스프레드 연산자(...).
템플릿 리터럴을 사용하면 문자열 보간을 쉽게 수행할 수 있습니다. (` `)

As the edition newly introduced, we could use spread operator and template literal.

Spread operator (...) which makes it easy to merge arrays and objects.

Template literals allow us to perform string interpolation easily. (` `)

---

ES6 의 클래스 
ES6 classes

클래스는 객체 지향 프로그래밍(OOP)의 필수적인 부분입니다. 클래스는 real-world 객체 모델링을 위한 Blueprint를 정의하고 코드를 재사용 가능하고 논리적인 부분으로 구성하는 데 사용됩니다.

ES6 이전에는 자바스크립트로 클래스를 만드는 것이 어려웠습니다. 그러나 ES6에서는 class 키워드를 사용하여 클래스를 만들 수 있습니다. 클래스 식을 사용하거나 클래스 선언을 사용하여 코드에 클래스를 포함할 수 있습니다.

클래스 정의에는 생성자 및 함수만 포함될 수 있습니다. 이러한 구성 요소를 함께 클래스의 데이터 멤버라고 합니다. 클래스에는 클래스의 개체에 메모리를 할당하는 생성자가 포함되어 있습니다. 클래스에는 개체에 대한 작업을 수행하는 기능이 포함되어 있습니다.

 

Classes are an essential part of object-oriented programming (OOP). Classes are used to define the blueprint for real-world object modeling and organize the code into reusable and logical parts. Before ES6, it was hard to create a class in JavaScript. But in ES6, we can create the class by using the class keyword. We can include classes in our code either by class expression or by using a class declaration.A class definition can only include constructors and functions. These components are together called as the data members of a class. The classes contain constructors that allocates the memory to the objects of a class. Classes contain functions that are responsible for performing the actions to the objects.

---

이번주 Javascript 를 배우며 느낀점, 

Javascript 가 왜 상위 10위의 언어인지 잘 알 수 있었다. 브라우저에 javascript 가 있으며, 쉽게 접근하고 배울 수 있으며, 지금까지도 무궁무진하게 사용할 수 있는 가능성이 있다.그 전 구 단계의 ES 가 존재했을 때, 사람들은 어떻게 javascript를 썻을까 대단하다는 생각이 들었다. 어려울 것이라 느껴졌던 language 가 이렇게 쉽게 접근할 수 있었던 것이라니, 아직까지 깊은 개념에 들어가진 않았지만, 앞으로 어떤 문법을 더 배울지 기대가 되는 한 주였다. 

Now I can see that why javascript is one of top 10 programming language. We can see javascript in our browser, easily get into and learn, there are lots of possibilities. I wondered how programmers use the former edition before ES 6, it must be very hard for them to use. I felt that learning programming language would be hard but it was very accecible. I am looking forward to learn more grammar for javascript! 

 

 

Reference:

Comparison between ES5 and ES6 : https://www.javatpoint.com/es5-vs-es6

ES6 vs ES5: https://www.educba.com/es6-vs-es5/