[javascript] 바닐라 자바스크립트란?

자주 쓰이는 용어인 바닐라JS(Vanilla Js)의 뜻과 기타 사항에 대해 알아보겠습니다anilla Js)의 뜻과 기타 사항에 대해 알아보겠습니다

 

바닐라 스크립트(Vanilla JS)란 ?

바닐라 자바스크립트란 플러그인이나, 라이브러리를 사용하지 않은 순수 자바스크립트를 이야기합니다.

즉 바닐라 자바스크립트 = 자바스크립트 라고 생각하시면 될 것 같아요.

 

왜 바닐라 인지?

구글의 검색 트렌드 데이터에 의하면 바닐라 JS가 2008년 처음 사용되었고, 2012년 이후로 널리 사용됬음을 나타냅니다.

그 시기는 아래의 vanilla-js 사이트가 생겨나면서 라고 하네요 :) 

아래 사이트에서는 '놀랍고 강력한 JavaScript 애플리케이션을 구축하기위한 빠르고 가벼운 크로스 플랫폼 프레임 워크 입니다.' 라고 하지만 실은 다운로드를 하면 0바이트 입니다 .. 사실상 코드가 전혀 없는 '無' 파일이죠 ㅋㅋ

자바스크립트는 10년 넘게 인기가 있어 브라우저에 자동 로드 된다고 써있네요!

외국에서의 소프트웨어 세계에서는 바닐라(vanilla) = 일반(Plain)을 의미 한다고 하네요 :)

vanilla-js.com/

Vanilla JS

 

바닐라 스크립트(Vanilla JS)의 장점과 중요성

일단, 아무것도 다운받지 않아도 되니 가볍고 빠릅니다 :)

태그로 DOM요소를 검색할 시, 제이쿼리보다 425배 빠르다고 합니다!

기존에 jQuery의 점유율이 높고, 사용 빈도가 많았습니다.

하지만 es6에서 새로운 기술들이 도입되며 코드를 작성할 때의 효율이 늘어 점점 jQuery의 점유율이 낮아지고 있다고 합니다.

 

또한 프론트에서의 리엑트, 뷰, 엥귤러가 자바스크립트의 es6의 문법을 사용하면서 자바스크립트에 대한 중요성이 높아졌습니다.

 

저 또한 아직 jQuery에 너무 익숙해져버렸지만, 급변하는 웹 트렌드를 맞추기 위해 바닐라 JS를 공부해봐야겠습니다 :)