바닐라자바스크립트란

바닐라자바스크립트란?

바닐라 자바스크립트(Vanilla JavaScript)란, 순수한 형태의 자바스크립트를 의미합니다. 이 용어는 자바스크립트를 웹 개발에서 사용할 때, 어떠한 프레임워크나 라이브러리를 사용하지 않고 순수한 자바스크립트 코드로 작성하는 것을 가리킵니다. 즉, 외부 도움 없이 순수 자바스크립트를 사용하여 웹 애플리케이션을 개발하는 것을 의미합니다.

바닐라 자바스크립트를 사용하는 주요 이유는 다음과 같습니다.

핵심 개념 이해: 바닐라 자바스크립트를 사용하면 자바스크립트의 핵심 개념을 깊이 이해할 수 있습니다. 프레임워크나 라이브러리를 사용하면 추상화된 API를 사용하여 개발할 수 있지만, 바닐라 자바스크립트를 사용하면 언어 자체의 동작 원리와 개념을 자세히 이해할 수 있습니다.

경량화: 프레임워크나 라이브러리를 사용하지 않으면 웹 페이지의 크기를 줄일 수 있습니다. 추가적인 라이브러리를 로드하거나 의존성을 추가할 필요가 없기 때문에 더 가벼운 웹 페이지를 제공할 수 있습니다.

유연성: 바닐라 자바스크립트는 특정 프레임워크나 라이브러리에 의존하지 않기 때문에 다양한 환경에서 동작할 수 있습니다. 웹 브라우저뿐만 아니라 서버 사이드(Node.js)나 모바일 애플리케이션 개발 등 다양한 분야에서 활용할 수 있습니다.

커스터마이즈 가능성: 바닐라 자바스크립트를 사용하면 필요에 맞게 코드를 커스터마이즈할 수 있습니다. 외부 라이브러리에 의존하지 않기 때문에 개발자가 직접 기능을 구현하거나 원하는 대로 코드를 변경할 수 있습니다.

학습 곡선 단순화: 바닐라 자바스크립트는 프레임워크나 라이브러리보다 학습 곡선이 낮습니다. 처음부터 프레임워크를 사용하려면 해당 프레임워크의 문법과 개념을 학습해야 하지만, 바닐라 자바스크립트는 기본적인 문법과 개념만 알면 시작할 수 있습니다.

바닐라 자바스크립트를 사용하면 프로젝트의 규모와 요구 사항에 맞춰 유연하게 개발할 수 있습니다. 그러나 특정 프레임워크나 라이브러리의 편의성과 생산성을 원한다면 해당 도구를 사용하는 것도 좋은 선택일 수 있습니다.

 

자바스크립트 자체가 바닐라 자바스크립트이기 때문에 어렵게 생각할 필요는 없습니다. 

 

라이브러리와 프레임워크로는

Jquery, Angular, Vue, React 등이 있다. 

 

Jquery, React는 라이브러리입니다. 리액트는 프레임워크로 보일 수 있지만 라이브러리에 가깝습니다.

 

Angular, Vue 프레임워크입니다.

 

프레임워크랑 라이브러리의 차이

프레임워크는 어떤 작업의 구조와 규칙을 정의하고, 개발자가 그에 맞춰 코드를 작성하도록 하는 반면, 라이브러리는 개발자가 필요한 기능을 호출하여 사용하는 도구입니다.