최근 Node.js로 프로젝트를 진행하면서, 자바스크립트에 대한 이해도가 부족하다는 생각이 들어 다시 자바스크립트를 공부하기로 했다.
듣고나면, '아 이거 아는건데..!' 하는 부분들이 많아 한 번쯤은 정리하면 좋을 거 같다
좋은 책과 강의들이 많다
1. 모던 자바스크립트 튜토리얼 링크
2. 모던자바스크립트 Deep Dive
자바스크립트의 역사에 대해 한 번 정리하면 좋겠다는 생각을 했다.
2023년에 추가된 부분부터 살펴보는 것도 좋지만, 무엇이든 시작과 발전한 과정을 알아두면 나쁠 것도 없으니..!
- 자바스크립트의 탄생
지금은 이름을 들어도 잘 모르는 넷스케이프 커뮤니케이션즈가 약 90%의 시장 점유율로 웹 브라우저 시장을 지배하고 있었다.
웹페이지의 보조적인 기능을 수행하기 위해 브라우저에서 동작하는 경량 프로그래밍 언어를 도입하기로 결정하고, 그렇게 탄생한 것이 브랜던 아이크가 개발한 자바스크립트다.
- 자바스크립트의 표준화
마이크로소프트는 자바스크립트의 파생 버전인 "JScript"를 인터넷 익스플로러에 탑재했으나, JScript와 자바스크립트가 표준화되지 못 하고 적당히 호환되었다. 이로 인해 크로스 브라우징 이슈가 발생하고 표준화된 자바스크립트의 필요성이 대두된다. 1997년 ECMA-262라 불리는 표준화된 자바스크립트 초판(익숙한! ECMAScript 1)이 완성된다. (상표권 문제로 자바스크립트가 아닌 ECMAScript로 명명되었다고 하네요)
- Ajax의 등장
Ajax가 등장하기 이전까지, 웹페이지 전체를 렌더링하는 방식으로 동작하고 불필요한 데이터 통신이 발생하고 있었다. Ajax는 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능을 제공해주었다. 즉, Ajax의 등장으로 웹페이지에서 변경할 필요가 없는 부분은 다시 렌더링하지 않고, 서버로부터 필요한 데이터만 전송받아 변경해야 하는 부분만 한정적으로 렌더링하는 방식이 가능해졌다. (빠른 성능과 부드러운 화면 전환!)
- V8 자바스크립트 엔진의 등장
더욱 빠르게 동작하는 자바스크립트 엔진의 필요성이 대두되며, 2008년 구글의 V8 자바스크립트 엔진이 등장했다. 이로 인해, 자바스크립트는 데스크톱 애플리케이션과 유사한 사용자 경험을 제공할 수 있는 웹 애플리케이션 프로그래밍 언어로 정착하게 되었다.
- Node.js의 등장
2009년 라이언 달이 발표한 Node.js는 구글 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경이다. 즉, 자바스크립트를 브라우저 이외의 환경에서도 동작할 수있도록 자바스크립트 엔진을 독립시킨 자바스크립트 실행 환경이다. Node.js의 등장으로 자바스크립트는 브라우저를 벗어나 서버 사이드 애플리케이션 개발에서도 사용할 수 있는 범용 프로그래밍 언어가 되었다.
- SPA 프레임 워크
모던 웹 애플리케이션은 데스크톱 애플리케이션과 비교해도 손색없는 성능과 사용자 경험을 제공하는 것이 필수가 되었다. 이전의 개발 방식으로는 복잡해진 개발 과정을 수행하기 어려워졌고, 변경에 유연하면서 확장하기 쉬운 애플리케이션 아키텍처의 구축이 어려워진 것을 해결하기위해 다양한 프레임워크/라이브러리(Angular, React, Vue.js, Svelte 등)가 등장했다.
- ES6 브라우저 지원 현황(https://kangax.github.io/compat-table/es6/)
인터넷 익스플로러를 제외한 대부분의 모던 브라우저는 ES6을 지원하지만 100% 지원하고 있지는 않다. (Node.js는 v4부터 ES6을 지원하기 시작했다!)
