VanillaJS 란 무엇입니까?


688

며칠 동안 내 마음에 갇힌 간단한 질문이 하나 있습니다. VanillaJS 란 무엇입니까? 어떤 사람들은 그것을 프레임 워크라고 부르며 공식 페이지에서 라이브러리를 다운로드 할 수 있습니다.

그러나 일부 예제 또는 TodoMVC를 확인할 때 공식 페이지 또는 다른 라이브러리를 포함하지 않고도 고전적인 원시 JavaScript 함수를 사용합니다. 또한 공식 웹 페이지의 "문서"링크는 Mozilla의 JavaScript 사양으로 연결됩니다.

내 질문은 : VanillaJS가 원시 JavaScript입니까? 그리고 만약 그렇다면, 특별히 포함 된 스크립트가없는 브라우저 만 있으면 사람들이 왜 "프레임 워크"라고 언급합니까?

어리석은 질문에 대해 유감스럽게 생각하지만 "VanillaJS"라고 말할 때 사람들이 무엇에 대해 이야기하고 있는지 전혀 모른다.


245
VanillaJS는 일반적인 자바 스크립트입니다. 농담입니다.
Nelson

30
vanilla-js.com (어떻게하는지 확인하기 위해 소스 코드에 대한 모든 옵션과 모양을 틱 라이브러리를 다운로드)
콴타스 94 헤비

35
바닐라 아이스크림이 기본적으로 평범한 것처럼, 많은 속어에서 "바닐라"는 "평야 또는 지루함"을 의미합니다
TecBrat

21
"최종 크기 : 압축되지 않은 0 바이트, 25 바이트 압축." 그것을 사랑 : O)
cronvel

23
정말 우울한 것은 채용 공고에 VanillaJS로 나타나는 것입니다.
Phil Lello

답변:


582

이것은 VanillaJS입니다 (수정되지 않은).

// VanillaJS v1.0
// Released into the Public Domain
// Your code goes here:

보다시피, 실제로 프레임 워크 나 라이브러리는 아닙니다. 프레임 워크를 좋아하는 보스 나 JS 프레임 워크를 사용해야한다고 생각하는 사람들을위한 개그입니다. 그것은 당신이 (자신을 위해 : 레거시가 아닌) 브라우저가 제공하는 것을 사용한다는 것을 의미합니다 (레거시 브라우저로 작업 할 때 Vanilla JS를 사용하는 것은 나쁜 생각입니다).


33
커뮤니티 위키가 투표를 받고있는 것을보고 삭제하고 다시 게시하기로 결정 했습니까?
푸른 하늘

22
@BlueSkies : 아니요. 처음에는 코드 블록의 첫 번째 부분이었습니다. 즉 "재미있는"답변입니다. 그것이 내가 CW 한 이유입니다. 그런 다음 OP가 올바르게 대답 해야하는 합법적 인 질문을 한 것처럼 보이므로 적절한 답변으로 전환하기로 결정했습니다.
ThiefMaster

4
글쎄, 어떤 것이 "나쁜 생각"이라고 말할 때, 반드시 사실이 아닌 의견을 표현합니다.
푸른 하늘

13
참고 : Vanilla JS는 이제 0 바이트, 25 바이트 압축되었습니다.
22:09에

8
@BlueSkies : "레거시 브라우저로 작업 할 때"일반 ( "vanilla") JS가 나쁘다는 사실은 의견이 아닙니다. 사실입니다. jQuery 및 기타 프레임 워크와 같은 프레임 워크가 개발 된 이유는 바로 브라우저 비 호환성 문제를 처리 할 때 삶을 단순화하는 것입니다. :) 바닐라 JS가 2016 년에 다시 시작한 유일한 이유는 대부분의 최신 브라우저가 과거보다 훨씬 더 표준을 준수하므로 프레임 워크가 덜 필요하다는 것입니다 (특히 자바 스크립트 전문가 인 경우).
Sorin Postelnicu

371

"VanillaJS"를 사용한다는 것은 jQuery와 같은 추가 라이브러리없이 일반 JavaScript를 사용하는 것을 의미합니다.

사람들은 다른 자바 스크립트 라이브러리 없이도 많은 일을 할 수 있다는 사실을 다른 개발자들에게 상기시키기 위해 농담으로 사용합니다.

농담으로 이것에 대해 이야기하는 재미있는 사이트가 있습니다 : http://vanilla-js.com/


3
웹 사이트 vanilla-js.com은 정말 재미 :) VaniliaJs에 대한 많은 좋은 정보
모하마드 Kermani

74

VanillaJS는 라이브러리 / 프레임 워크가없는 자바 스크립트의 용어입니다.

때로는 다른 프레임 워크, 특히 jQuery를 사용하여 무의식적으로 보일 수있는 사람들을위한 농담이라고도합니다.

일부 사람들은 보통 비어 있거나 주석 전용 js 파일을 사용하여이 라이브러리를 출시했습니다.


5
OTOH 저는 브라우저 이식성과 간결하고 생산적인 구문을 좋아합니다. jQuery는 VanillaLongwindedAndBrowserIncompatible-JS에 의존하는 것보다 훨씬 나은 디자인 선택입니다.
Thomas W

확실한. jQuery를 사용하는 데 아무런 문제가 없습니다. 농담 뒤에있는 사고 방식을 설명하지 말고 설명하십시오. 이제 문구가 명확 해졌습니다.
Ben McCormick

3
@ThomasW 이식성과 간결하고 생산적인 구문도 좋아합니다. 그래서 function doSomething(args) { ... }코드를 작성 하고 doSomethingjQuery보다 훨씬 적은 코드로 작성할 수 있습니다 . ;)
Nit the Dark Absol

4
실제 DOM 또는 브라우저 문제를 처리 할 필요가없는 경우에 좋습니다. 대부분의 사람들은 웹앱을 만듭니다. DOM 조작 및 브라우저 이식성은 jQuery가 솔루션으로 개발 된 문제 (Prototype.js 개선)입니다. @NiettheDarkAbsol에 동의합니다. 순수한 알고리즘 코드의 경우 jQuery는 관련이 없습니다.
Thomas W

@ThomasW "실제 DOM 또는 브라우저 문제"로 인해 IE 9 이상에서 큰 문제가 발생합니까? 내가 알 수있는 한, 상기 문제의 대부분은 IE 8 및 이전 버전과 관련이 있습니다. 해당 의견을 작성할 때 XP의 IE는 지원되지 않았으며 Microsoft가 각 OS에서 사용할 수있는 최신 IE 만 지원하므로 Windows Vista 및 Windows 7의 IE 8은 더 이상 지원되지 않습니다.
Damian Yerrick 2014 년

49

이것은 JavaScript 프레임 워크에 관심이 있고 순수한 Javascript를 모르는 사람들에게는 농담 입니다.

따라서 VanillaJS 는 순수 Javascript와 동일 합니다.

속어의 바닐라는 다음을 의미 합니다.

신 나지 않은, 보통, 기존의, 지루한

VanillaJS에 대한 YouTube의 멋진 프레젠테이션은 다음과 같습니다. Vanilla JS 란 무엇입니까?


3
이것은 실제로 초보자에게 매우 혼란스러운 바보 같은 농담입니다. 프론트 엔드 엔지니어가 물을 흐리게하여 다음 사람보다 더 많은 것을 알 수있는 것은 분명합니다.
Ringo

1
@Ringo 프랑스 문화에 대한 깊은 지식을 필요로하는 프랑스 농담 이상은 그들에게 말하는 사람들이 다른 사람들보다 더 많이 아는 것처럼 보이게하기위한 것입니다. 사람들 다른 사람을 배제하기 위해 "농담"을 사용하고 있을 수 있지만, 특히 질문을받을 때 설명이 빠르면 좋은 가정이 아닙니다.
Roy Tinker

45

B. Eich 박사가 처방 한 바에 따라 간단하고 정답은 VanillaJS === JavaScript입니다.


17
물론 IE를 제외하고 Object.is (VanillaJS, JavaScript)조차도.
user2345215

44

VanillaJS === JavaScript 즉, VanillaJS는 기본 JavaScript입니다

바닐라가 다 말해!

컴퓨터 소프트웨어 및 때로는 컴퓨터 하드웨어 또는 알고리즘과 같은 다른 컴퓨팅 관련 시스템을 원래 형태로 사용자 정의하지 않으면 바닐라라고하며, 이는 사용자 정의 나 업데이트가 적용되지 않은 상태에서 사용됨을 의미합니다 ( 이 기사 참조 ). 따라서 바닐라는 종종 순수하거나 평범합니다.

영어에서 바닐라는 비슷한 의미를 가지고 있습니다. 정보 기술에서 바닐라 (vah-NIHL-uh로 발음) 는 형용사 또는 평범한 형용사 입니다. 또는 특별한 또는 추가 기능 , 일반 또는 표준이 없습니다 .

그렇다면 왜 이름을 VanillaJS입니까? 허용 된 답변에 따르면 일부 보스는 프레임 워크로 작업하기를 원하지만 (보다 체계적이고 유연하며 원하는 모든 작업을 수행하기 때문에 ??) 단순히 JavaScript가 작동합니다. 그러나 어딘가에 프레임 워크를 추가해야합니다. VanillaJS 사용 ...

농담 입니까? 예

재미를 원하십니까? 어디서 찾을 수 있습니까? http://vanilla-js.com/ 다운로드하여 직접 확인하십시오 !!! 그것은입니다 0 bytes uncompressed, 25 bytes gzipped: D

JS 프레임 워크와 관련하여 인터넷 에서이 말장난을 발견 했습니다 (기존 JS 프레임 워크를 비난하지 말고 인생을 정말 쉽게 만들 것입니다 :)), 여기에 이미지 설명을 입력하십시오

또한 참조


1
바닐라 js에서 2.2 * 100 시도 : D
Suhail Mumtaz Awan

5

"Vanilla JS"는 2012 년 풍자 웹 사이트 ( http://vanilla-js.com/ )를 게시 한 후 인기를 얻은 표현으로 , 이 게시물 에는 스토리 / 의미를 다루는 섹션 이 있습니다 .

농담 왜? 그것은 jQuery와 추가 JS 라이브러리에 의존하는 구식 무릎 통증에 대한 현대적인 반응으로 나타났습니다. ECMAScript 사양과 최신 브라우저 기능을 사용하면 브라우저간에 일관성을 유지하기 위해 외부 라이브러리로 일반 JS를 우회해야 할 필요성이 더 이상 존재하지 않습니다. 구체적인 예를 통해 이것이 얼마나 사실인지 보여주는 사이트가 있습니다 : http://youmightnotneedjquery.com/


1

그러므로이 단어 VanillaJS는 제 인생을 바꾼 농담입니다. 내가 인터뷰를 위해 독일 회사에 갔다, 나는 매우 가난했다 JavaScriptCSS: 면접관이 나에게 말했다 그래서, 매우 가난, 우리는 여기 최선을 다하고 VanillaJs 이 프레임 워크를 알고 있어야합니다 그래서 .

확실히, 나는 거절 당했다는 것을 이해했지만 일주일 동안 나는 VanillaJS찾고 , 결국, 나는 이 링크를 발견했다 . 😂

그저 농담 때문이었습니다.

VanillaJS === plain `JavaScript`

1
나는 바닐라 JS가 모두 농담이라는 것을 얻습니다
rodude123

0

전혀 차이가 없으며 VanillaJS기본 (비 확장 및 표준 기반) JavaScript를 참조하는 방법 일뿐입니다. 일반적으로 말하면 jQuery 및 React와 같은 라이브러리 및 프레임 워크를 사용할 때 대비라는 용어입니다. 웹 사이트 www.vanilla-js.comVanillaJS 은 빠르고 가벼우 며 크로스 플랫폼 프레임 워크 인 것처럼 이야기함으로써 농담으로 강조합니다 . 저것은 물을 진흙 투성이로한다! 따라서, 약간 철학적 질문 할 수있다 : "나는 바닐라에 얼마나 많은 일을 컴파일 할 JavaScript않고 VanillaJS? 자신을" 따라서 간단한 지침은 다음과 같습니다. 코드를 작성하고 추가 도구 나 컴파일 단계없이 현재 웹 브라우저에서 코드를 실행할 수 있으면 다음과 같습니다 VanillaJS.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.