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

바닐라 자바스크립트?

바닐라 자바스크립트(Vanilla JS)란 프레임워크 또는 라이브러리가 적용되지 않은 순수한 자바스크립트를 뜻한다.

 

왜 하필 바닐라(Vanilla)?

위키백과에 따르면 바닐라의 뜻은 다음과 같다.

바닐라는 향신료 중 하나로, 난초의 일종인 바닐라속에 속해 있으며, 원산지는 멕시코이다. 
바닐라라는 이름은 스페인어 "Vainilla"에서 나왔으며 작은 꼬투리, 콩을 뜻한다.

뜻에서 유추할 수 있듯, 바닐라는 콩이라는 뜻으로 "핵심, 근본이 되는" 이라는 의미를 비유적으로 표현할 수 있다.

그러므로 바닐라 자바스크립트는 핵심이 되는 아무것도 포함되지 않은 순수 자바스크립트를 함축적으로 표현하는 것이다.

 

프로그래밍적 관점에서의 바닐라 자바스크립트

오늘날 자바스크립트는 다양한 프레임워크와 라이브러리를 제공한다.

1. React.js
2. Vue.js
3. Angular.js
4. Jquery
5. etc...

다른 개발자들의 편의 증진을 위해 여러 프레임워크와 라이브러리가 제공되어 왔다.

이를 통해서, 핵심적인 기술들을 적용시키고, 빠르게 꺼내 사용할 수 있게 되었다.

이러한 상황에서 자바스크립트를 지칭한다면, 위와 같은 특정 다수의 프레임워크, 라이브러리를 지칭할수도 있다.

그런 점에서 바닐라 자바스크립트는 순수한 자바스크립트를 지칭한다는 것에 의의가 있다.

주변 프로그래머들만 본다고 하더라도, Jquery 없이 자바스크립트를 전혀 활용하지 못하는 경우를 어렵지 않게 찾아볼 수 있다. 자바스크립트 그 본질을 깨닫지 못한 상태에서 편의성만을 위해 Jquery를 사용해 왔다는건 분명 문제가 있다.

본질을 깨닫지 못한다면, Jquery에서 제공하는 편의 기능들이 어떠한 의미에서 어떻게 구현되었는지 알 수 없게 될것이고, 이는 곧 개발하는데에 있어 큰 난관으로 다가올 수 있다.
(디버깅시 Jquery 내부 코드에서 문제가 생긴다면 이유를 파악하지 못할것이고, 결국에는 해결하지 못할 것이다.)

바닐라 자바스크립트 공부를 통해 그 본질을 먼저 깨닫고, 라이브러리 혹은 프레임워크를 사용해야 하는 이유가 이런 점에 있다.