[Javascript] 자바스크립트 란?

 

이번에는 Javascript (자바스크립트)에 대해 정리할 것이다. 

자바스크립트를 정리하기 전에 두 개의 궁금증을 먼저 풀어보겠다. 나 또한 그랬고, 다른 분들도 충분히

궁금해할 사항이다.    @ Javascript = JS

자바스크립트

먼저 Javascript를 찾아봤다면 한 번쯤 들어봤을 것이다. JS_ES6, JS_ES5..

저 뒤에 붙는 ES는 무엇이고, 숫자는 어떤 의미를 갖고 있을까? 

 

 1. ES6? ES5? 무슨 차이일까

출처 : 위키백과

먼저 JS 뒤에 붙는 ES숫자는 ECMA 스크립트를 의미한다. 

나는 ECMA 스크립트라는 말을 처음 접하게 되었고, Javascript를 처음 배우는 어떤 버전을 배워야 할지 몰랐다.

EcmaScript (ES)는 자바스크립트의 Specification(비유하자면 설명서)이고, ES 뒤에 붙은 숫자는 버전을 의미한다.

 

2022년 기준 현업에서는 ES6버전을 가장 많이 사용한다고 한다. 자세한 내용은 채용공고를 살펴보면 알 수 있다.

 

---

 2. Vanilla JS는 무엇?

바닐라 자바스크립트

두 번째로는 Vanilla Javascript이다. 

줄여서 바닐라 JS라고도 한다. 기존 JS랑 바닐라 JS랑 어떤 차이점이 있을까?

 

바닐라 JS는 순수 JS(자바스크립트)를 의미한다. 

프레임워크(framework), 라이브러리(lib)를 전혀 사용하지 않고 순수 JS만을 사용하는 것을 뜻한다.

 

자바스크립트를 공부하기 전에는 이 정도만 알고 있으면 충분하다 생각한다.

 

---

3. 자바스크립트(Javascript) 란?

 

JavaScript는 크로스-플랫폼, 객체지향 스크립트 언어이다.

쉽게 말하면 웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어라 할 수 있다.

자바스크립트로 작성한 프로그램을 스크립트(script)라고 부르고, 스크립트는 웹 페이지의 HTML 안에 작성할 수

있는데, 웹 페이지를 불러올 때 스크립트가 자동으로 실행되는 것이다.

 

일단 간단하게 예를 들면 브라우저 오른쪽 끝에 있는 x버튼을 누르면 창이 꺼지는 효과가

바로 자바스크립트를 이용한 것이다.

웹 브라우저 상단

 

자바스크립트는 백엔드에서도 사용 가능하고, 프런트엔드에서도 사용이 가능하다.

주로 프런트 엔드에서는 Vue.js, React(리 엑트),  Angular.js 를 사용하고, 백엔드에서는 Node.js, nest.js 등

수많은 라이브러리와 프레임 워크가 있다. 

프론트엔드 종류

 

 

[참고]

https://developer.mozilla.org/ko/docs/Web/JavaScript

JavaScript | MDN

https://ko.javascript.info/

모던 JavaScript 튜토리얼

위의 2개의 사이트는 프런트 개발자, JS를 공부할 때 도움이 되는 사이트이다. 

많은 정보가 있어 공부할 때 도움이 될 것이다.