[JavaScript] 자바스크립트의 역사와 현재 그리고 미래 (JavaScript, ECMAScript, JQuery, Babel, Node.js)

이 글은 드림코딩님의 '자바스크립트의 역사와 현재 그리고 미래 (JavaScript, ECMAScript, JQuery, Babel, Node.js)' 를 바탕으로 정리한 내용입니다. 

History

1993년

• UI 요소가 가미된 첫번째 웹 브라우저가 탄생하게 됨 Mosaic Web Browser

1994 Netscape Navigator 탄생

• Mosaic Web Browser 를 이끌던 Mac Andressen은 Netscape을 설립함
• Netscape Navigator - Wikipedia
• 초기 인터넷 사용자들의 폭발적 반응을 얻어 약 90%의 시장점유율을 차지했다. 정적 사이트
• 어떻게 하면 동적인 웹사이트를 만들 수 있는지 고심 → scripting 언어를 추가해보자!
  1. Java → 너무 무거워!
  2. Scheme from Brendan Eich

1994, 9 Mocha

• Scheme의 컨셉을 유지하면서 문법은 Java스럽게 개발함 (Brendan Eich)
• super flexible for anything!
• liveScript 로 이름이 바뀜. (liveScript interpreter이 포함되어 있음) 그 말은 웹개발자들이 liveScript 언어를 통해서 웹페이지를 만들면 브라우저가 이해하면서 돔 요소를 조작할 수 있었다..
• 당시 Java의 인기가 많았는데, 그래서 JavaScript로 이름을 변경하게 됨

1995 Netscape Netscape Navigator

• 공식적인 JavaScript 탄생
• Interpreter

1995 MS, Internet Explorer

• Netscape의 성공사례를 목격하고 MS 에서 위기감을 느끼고, Netscape browser를 Reverse engineering 하게 됨. 바이너리를 분석해서 소스코드를 분석하여 복원함. JScript로 이름을 변경하여 세상에 내놓음
• 두 브라우저가 달라 개발자의 고통이 시작됨 😭

1996, 11 Netscape

• 두 브라우저의 양극화를 극복하고자 Netscape에서는 ECMA International 단체에 찾아가서 표준화된 JavaScript를 만들 것을 제안

1997, 7 ECMAScript 1 Language specification

• ECMAScript는 브라우저에서 동작하는 언어를 만들 때 그 언어를 이해하는 엔진이 이해할 수 있도록 문법적인 사항을 잘 정리해놓은 문서
• 그 뒤에 새로운 버전들이 ~ 2000 계속 업데이트 됨
  • error handling
  • optional type annotation
  • class
  • Enterprise scale

2000, Microsoft's Internet Explorer

• MS의 IE 시장 점유율이 급격히 상승하게 되었다. (무료 95% !!)
• 더 이상 ECMAScript 표준화에 참가하지 않는다고 선언함. 

2004, moz://a Firefox

• 모질라사에서 firefox를 출시함. ActionScript 와 Tamarin을 통해 ECMAScript4 표준화를 제안했지만, 기존 JavaScript와는 너무 달랐기 때문에 무산되었다.
• Firefox, Internet Explorer, Netscape Navigator 3사의 신경전이 벌어지고 있는 사이 불쌍한 개발자들은 모두 동작되는 웹페이지를 만들어야 했다. 🥲

2004, Jesse James Carrett's AJAX

• AJAX(Asychronous JavaSript and XML)  비동기적으로 데이터를 서버에서 받아오고 처리할 수 있도록 도와주는 정말 획기적인 기술이 도입되었다. 
• 여전히 신경전은 -ing
• 개발자들이 모인 커뮤니티가 생성되면서 여기서 jQuery, dojo, mootools 와 같은 라이브러리들이 많이 나오게 되었다. 이 라이브러리들이 해결하고자 하는 공통된 것은 딱 하나. 제공하는 API, 함수들을 사용을 통해 브라우저를 신경쓸 필요가 없게 만드는 것!

2008, Google Chrome !

• just-in-time compilation 이라는 매우 강력한 엔진이 포함된 크롬 엔진이 탄생했다. 
• 자바스크립트를 실행하는 속도가 매우 빠른 엔진! 
• 다른 3사들에게 큰 자극

2008, 7 

• 서로 윈윈할 수 있는 방법을 모색 

2009 ECMAScript 5

• 2009년 드디어 ECMAScript 5가 나오게 되었다. 

2015 ECMAScript 6

• 2015년에는 ECMAScript 6가 나오게 되었다. 
  • default paramerter
  • class
  • arrow function
  • const 
  • let
• 그 이후 매년 새로운 버전들이 나오긴 하지만, 커다란 변화들은 5&6에서 정의되었다. 
• JavaScript 는 이제 성숙하고 정착된 언어라고 말할 수 있다. 이제는 더 이상 jQuery, dojo 등의 라이브러리 없이도 잘 동작되는 웹 애플리케이션을 만들 수 있다. 

Javascript Engines

• 각각의 브라우저마자 ECMAScript를 따라가는 다양한 엔진들이 존재한다. 
• V8(Chrome)
  • node.js, electron에서도 많이 이용됨.
• SipderMonkey(Firefox)
• JSCore(Safari)
• Chakra(MS Edge) 

Babel

• 시장에서 다양한 사용자들은 다양한 브라우저를 사용하고 있고, 모든 사용자들이 최신 브라우저를 사용하는 건 아니다. 그래서 개발할 때는 최신 자바스크립트를 사용하고, 배포할 때만 자바스크립트 transcompiler를 이용하여 5 or 6으로 변환하여 변환된 코드를 생산하는 것을 바벨이라고 한다. 

SPA(Single Page Application)

하나에 페이지 안에서 데이터를 받아와서 부분적으로 업데이트 하는 것이 유행하고 있다. SPA를 더 편하게 만들기 위해서 React, Vue, Angular 들이 나오게 된 것이다. 라이브러리나 프레임워크를 통해 SPA를 더 쉽게 구현할 수 있다. 

Javascript

• 자바스크립트는 브라우저를 위한, 브라우저에서 동적인 요소를 추가하기 위해 만들어진 언어이다.
• node.js가 등장하게 되고, 이는 v8를 이동한 백엔드에서 서비스를 이용할 수 있게 만들어졌다. 
• 그 뿐만아니라 mobile, desktop 를 만들 때도 사용할 수 있게 되었다. 
• 브라우저에서 동작할 수 있는 유일한 언어는 자바스크립트였지만, 요즘에는 WA (web assemble) 를 통해 다양한 언어들을 이용해서 웹앱을 만드는 것이 가능해졌다. 

---

https://www.youtube.com/watch?v=wcsVjmHrUQg&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2