바닐라 스크립트라는 용어는 추가 라이브러리가 없는 순수한 JavaScript(또는 일반 JavaScript라고 할 수도 있음)를 가리키는 데 사용됩니다. 가끔 사람들은 '요즘은 추가적인 자바스크립트 라이브러리를 사용하지 않고도 여러 가지 일을 할 수 있다'는 농담으로 자주 사용하기도 했습니다.
바닐라 스크립트는 역대 가장 가벼운 프레임워크 중 하나입니다. 배우고 사용하는 것은 매우 기본적이고 간단합니다. 바닐라 스크립트를 사용하면 중요하고 영향력 있는 애플리케이션과 웹사이트를 만들 수 있습니다.
바닐라 JavaScript를 만든 개발자 팀은 이를 개선하고 웹 개발자에게 더욱 유용하게 만들기 위해 지속적으로 노력하고 있습니다.
현재 바닐라 JavaScript를 사용하고 있는 몇몇 대형 웹사이트를 살펴보겠습니다.
다음 웹사이트는 현재 바닐라를 사용하고 있습니다. 자바스크립트 , 이러한 웹사이트는 바닐라 JavaScript 홈 페이지에도 언급되어 있습니다.
- 페이스북
- 유튜브
- 야후
- 위키피디아
- 윈도우 라이브
- 트위터
- 아마존
- 링크드인
- MSN
- 이베이
- 마이크로소프트
- 텀블러
- 사과
- 핀터레스트
- 페이팔
- 레딧
- 넷플릭스
- 스택 오버플로
또한 대부분의 사람들은 바닐라 JavaScript를 사용하는 웹사이트의 수가 JQuery를 사용하는 웹사이트의 수보다 훨씬 많다는 사실을 믿지 못할 수도 있습니다.
왜 바닐라 JS를 배워야 할까요?
이는 이미 사용할 수 있는 다른 강력한 프레임워크와 라이브러리가 너무 많은데 왜 바닐라 J를 배우고 사용해야 하는지 초보자가 묻는 매우 일반적인 질문입니다.
우리 프로젝트에서 바닐라 js를 배우고 사용하기 위해 바닐라 js를 선택하는 데에는 몇 가지 이유가 있습니다. 여기서는 그 중 가장 중요하고 주요한 세 가지에 대해 논의하겠습니다.
ㅏ. 웹 성능
이는 프런트 엔드 스택에서 가장 비싸고 중요한 부분이므로 다른 많은 프레임워크 및 라이브러리보다 웹 성능에 훨씬 좋습니다. 바닐라 js 코드는 다운로드할 때만 사용할 수 있는 HTML 및 CSS 파일과 달리 컴파일하고 구문 분석해야 합니다. 50kb 크기의 js 파일은 같은 크기의 HTML 및 CSS 파일보다 웹 성능에 훨씬 더 큰 영향을 미칩니다.
비. 사용자 경험
간편하면서도 사용자 친화적인 개발 경험을 제공합니다. JavaScript를 사용하여 애플리케이션이나 웹 사이트를 개발하는 동안 개발자는 텍스트 편집기를 열고 코딩을 시작할 수 있습니다. 개발자는 npm 설치, 컴파일 단계, 빌드 없음 등과 같은 번거로운 단계를 수행할 필요가 없습니다.
씨. 프레임워크 작업도 더 쉽게 해줍니다.
메이븐 저장소
개발자가 여전히 다른 프레임워크를 사용하고 싶어하는 경우 해당 프레임워크를 사용하는 것이 더 편안해집니다. 우리 모두는 프레임워크를 시작하는 것이 얼마나 어려운지 알고 있습니다.
문서에는 가정된 지식이 많이 있으며 사용 가능한 모든 도구의 작동 방식을 이해하면 배우기가 훨씬 쉬워집니다. 지식이 거의 없는 많은 초보자들이 프레임워크를 배우려고 노력하지만, 어느 정도 시간이 지나면 Vanilla js의 기본 사항에 집중하는 것을 그만두고 어딘가에 갇히게 되는 것은 당연합니다. 익숙해지면 다시 프레임워크를 배우기 시작하고 이번에는 훨씬 더 빠르게 작업을 수행할 수 있습니다.
바닐라 스크립트의 다른 중요한 장점은 다음과 같습니다.
우리는 어떤 웹 페이지에도 JavaScript를 삽입할 수 있지만 다른 스크립팅 언어에서는 그렇게 할 수 없습니다. 예를 들어 PHP
PHP 및 Pearl 등과 같은 다른 언어를 지원하기 때문에 여러 다른 응용 프로그램에서도 사용할 수 있습니다.
우리 모두는 JavaScript 실행이 클라이언트 측에서 수행된다는 것을 알고 있으므로 서버 사용에 대한 전반적인 수요가 줄어듭니다. 또한 간단한 애플리케이션에는 서버의 개입이 전혀 필요하지 않습니다.
JavaScript의 도움으로 드래그 앤 드롭과 같은 뛰어난 품질의 기능과 슬라이더와 같은 구성 요소를 만들 수 있습니다. 이는 웹사이트의 사용자 경험에 긍정적인 영향을 미칠 수 있습니다.
클라이언트 측에서 실행되기 때문에 어떤 종류의 외부 리소스도 필요하지 않으며 속도도 뛰어납니다. JavaScript의 속도는 백엔드 서버 호출의 영향도 받지 않습니다.
바닐라 스크립트의 단점
- 바닐라 스크립트의 가장 중요한 단점 중 하나는 클라이언트 측 보안입니다. 왜냐하면 JavaScript 코드가 클라이언트 측에서 볼 수 있다는 것을 우리 모두 알고 있기 때문입니다. 따라서 누구나 이를 변형하여 악의적인 목적의 무기나 도구로 사용할 수 있습니다.
- JavaScript의 또 다른 주요 단점은 디버깅 기능이 부족하다는 것입니다.
- 그러한 종류의 지원이 제공되지 않기 때문에 네트워크 기반 애플리케이션에는 사용할 수 없습니다.
- 바닐라 스크립트에는 멀티프로세서, 멀티스레딩 등과 같은 일부 기능도 없습니다.
- 또한 보안상의 이유로 파일 읽기 및 쓰기를 허용하지 않습니다.