[JavaScript] JavaScript_01

JavaScript

1. JacaScript

: 웹페이지를 동적으로 제어하기 위한 객체 기반의 스크립트 언어

(스크립트 언어: 독립된 시스템에서 작동하도록 특별히 설계된 프로그래밍 언어)

• 브라우저에서 사용하는 유일한 언어
• 웹의 동작을 구현 가능 → 웹사이트를 interactive하게 만들 때 사용
• 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어
• 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현 가능

JavaScript는 CSS 및 HTML의 내용, 속성, 스타일을 다루는 것뿐 아니라 사용자와의 상호작용, 폼의 유효성 검증, 다양한

이벤트에 대한 스크립트 실행, 웹 브라우저 제어, 쿠키 등의 설정과 조회 등 많은 것을 할 수 있다.

• 장점
  • Fragmentation이 없음
  • 브라우저에서 사용하는 유일한 언어이므로 모두 같은 언어로만 소통 가능
  • 대부분의 웹 브라우저에는 JavaScript 인터프리터가 내장되어 있기 때문에 따로 설치해야되는게 없음
• 단점
  • 내부에서 제공되는 기능이 제한적이고, 관련된 개발도구도 적은 편
  • HTML 소스코드에 함께 작성되면서 소스코드가 외부로 공개되기 때문에 보안 취약점이 발생할 수 있음

 

2. ECMAScript

: Ecma 인터내셔널에 의해 제정된 ECMA-262 기술 규격에 의해 정의된 범용 스크립트 언어

= ECMAScript 사양 (ECMAScript specification)

• 스크립트 언어가 준수해야 하는 규칙, 세부 사항 및 지침을 제공
• ES5 = ECMAScript5, ES6 = ECMAScript6 -> 사양의 업데이트
• 즉, JavaScript는 ECMAScript 사양을 준수하는 스크립트 언어

 

3. Vanilla JS

: JavaScript의 한 종류로 Library가 없는 순수 JavaScript

• jQuery, react, angular 등 다른 라이브러리보다 처리 속도가 매우 빠름
• 가벼운 용량

jQuery, React 등도 결국 JavaScript를 편하게 쓰기 위한 라이브러리이기 때문에 이들을 핵심을 정확하게 알기 위해서는 Vanilla JS를 배워야 한다.

 

---

 

참고 자료

• https://academy.nomadcoders.co/p/javascript-basics-for-absolute-beginners-kr

바닐라 JS로 크롬 앱 만들기

• http://tcpschool.com/javascript/js_intro_basic

코딩교육 티씨피스쿨

• https://coding-factory.tistory.com/193

[JavaScript] 자바스크립트란 무엇인가?

• https://wormwlrm.github.io/2018/10/03/What-is-the-difference-between-javascript-and-ecmascript.html

JavaScript와 ECMAScript는 무슨 차이점이 있을까? - 재그지그의 개발 블로그