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

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

바닐라 자바스크립트란 외부 라이브러리나 프레임워크를 쓰지 않는 순수 Javascript를 이르는 말이다.

 

 

2. 바닐라의 어원

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

 

바닐라는 향신료 중 하나로, 난초의 일종인 바닐라속에 속해 있으며, 원산지는 멕시코이다.

바닐라라는 이름은 스페인어 “Vainilla”에서 나왔으며 작은 꼬투리, 콩을 뜻한다.

 

뜻을 유추할 수 있듯, 바닐라는 콩이라는 뜻으로 “핵심, 근본이 되는" 이라는 의미를 비유적으로 표현할 수 있다. 그러므로 바닐라 자바스크립트는 핵심이 되는 아무것도 포함되지 않은 순수 자바스크립트를 함축적으로 표현하는 것이다.

 

 

3. 바닐라 자바스크립트는 왜 필요한 것일까?

이 질문에 대한 답은 웹 개발 환경의 생태계에 있다.

 

최신의 표준 명세에 따라 웹 개발 환경이 만들어지기 이전의 웹 개발 환경에서는 자바스크립트가 여러 가지의 브라우저(Chrome, Firefox, Safari 등등)에서 일관되게 동작하기 위해서는 표준을 우회하는 코드를 작성해야 했다. 특히 Windows의 IE는 자바스크립트 뿐만 아니라 웹과 관련된 표준 명세를 따르지 않아 지금도 웹 개발에 있어 최대 난제이기도 하다. 그런 이유에 의해 편접적인 자바스크립트 코드를 사용해 웹 개발을 해야 하는 경우가 많았고, jQuery는 그러한 문제(크로스 플랫폼)를 손쉽게 해결했다.

 

그렇지만 역설적이게도 지금의 모던한 웹 개발 환경에서는 발전된 ECMAScript명세와 최신의 브라우저를 바탕으로 표준 자바스크립트만으로도 쉽게 개발을 할 수 있게 되어, 이전과 달리 순수한 자바스크립트(Vanilla JS)의 중요성이 화두가 되기 시작했다.

 

 

4. 끝맺으며

바닐라 자바스크립트는 프레임워크를 쓰지 말고 순수한 자바스크립트만 쓰자는 극단적인 이야기는 아니다. 단지 프레임워크만 중요하다고 생각하고 자바스크립트를 등한시하지 말자는 개발자들의 이야기이다. 개발자는 상황에 따라 직접 라이브러리를 만들어야 할 수도 있고, 프레임워크를 사용하더라도 예상하지 못한 오류를 빈번하게 마주한다. 우리는 특정 프레임워크나 라이브러리에 의존하는 개발자가 아니어야 하기 때문이다.

 

 

---

#References

https://namu.wiki/w/Vanilla%20JS

https://lipcoder.tistory.com/499

https://7942yongdae.tistory.com/127