JS - Vanilla JS란 무엇일까?

IRISH·2023년 11월 4일
0

JS

목록 보기
12/80
post-thumbnail

Vanilla JS의 정의

  • Vanilla JS란 "순수 JavaScript"를 가리키는 용어
    • JavaScript를 어떠한 라이브러리나 프레임워크 없이 순수하게 사용하는 것을 의미

Vanilla JS의 중요성

  • 과거에 JS는 브라우저에 종속된 언어였습니다. 이러한 배경으로 인해 JS보다 JS를 기반으로 한 jQuery를 더 많이 사용하는 현상이 발생했습니다.
  • 하지만, 시간이 지나 JS가 서버사이드 개발도 가능해지고 , 여러 리엑트,뷰, 엥귤러와 같은 프론트 사이드 프레임워크들이 등장하면서 순수한 JS 실력의 중요성이 높아졌습니다.
  • 즉, 예전에는 jQuery만 잘 다루면 됐었지만 다양한 프레임워크의 등장과 JS의 서버 사이드 개발이 가능해짐에 따라 유연하게 JS를 다룰 수 있는 능력이 중요해졌기 때문에 Vanilla JS 실력의 중요성이 높아졌습니다.

Vanilla JS의 장점

⇒ 라이브러리나 프레임워크 없이 개발하는 것이 Vanilla JS이므로 가벼운 웹 프로젝트 개발시 유용합니다.

  1. 경량성: 라이브러리나 프레임워크를 사용하지 않기 때문에 초기 로딩 시간이 짧아질 수 있고, 파일 크기가 줄어들어 더 빠른 웹 페이지 로딩이 가능합니다.
  2. 학습 곡선 감소: JavaScript 언어 자체에 집중할 수 있으므로 초기 학습 곡선이 낮아집니다.
  3. 정확한 제어: Vanilla JS를 사용하면 모든 측면에서 코드를 직접 제어할 수 있습니다. 필요한 경우 기능을 커스터마이징할 수 있습니다.
  4. 커스터마이징 가능: 라이브러리나 프레임워크에 비해 앱을 보다 맞춤형으로 개발할 수 있습니다.

Vanilla JS의 단점

  • 라이브러리나 프레임워크가 필요한 수준의 복잡한 프로젝트에서는 Vanilla JS가 효율적이지 않습니다.

느낀점

  • Vanilla JS도 React / Vue / Angular 와 같은 JS 프레임워크 또는 라이브러리와 같은 하나의 종류라고 생각했었다.
  • 하지만, Vanilla JS는 순수한 JS를 의미하는 용어였다.
  • 최근에 React 공부를 하기 위해 JS 공부를 하고 있는데, Vanilla JS에 대해 파악하다보니 React뿐만 아니라 다양한 JS 관련 라이브러리나 프레임워크를 사용하기 위해서는 Vanilla JS의 실력을 높여야겠다는 생각이 들었다.

참고

https://dkkim2318.tistory.com/66

profile
#Software Engineer #IRISH

0개의 댓글