Vue.js는 왜 '자바스크립트' 프레임워크인가?

Vue.js는 무엇인가, 라이브러리와 프레임워크의 차이는 무엇인가 등 원론적인것부터 차근차근 기본을 좀 다지고싶은 마음에 하나하나 찾아보다가

문득, Vue.js는 왜 '자바스크립트' 프레임워크인지 궁금해졌다.

예를 들어, '프론트엔드 프레임워크' 이렇게 적었다면 별로 궁금해하지 않았을 것 같은데,

왜 꼭 '자바스크립트' 프레임워크일까? (나만 궁금한가?ㅎㅎ)

Vue.js에 HTML, CSS도 사용하잖아..?

 

구글링을 해서 찾아봐도 잘 나오지 않아 chatGPT의 도움을 받았다.

 

 

# 자바스크립트 프레임워크의 의미

자바스크립트 언어를 '기반'으로 한 프레임워크

- 웹애플리케이션의 일부로서 HTML 및 CSS와 함께 사용된다.

- 주로 '자바스크립트 언어'를 기반으로 웹페이지를 조작하고 관리하지만, HTML 및 CSS를 함께 사용하여 전체 웹애플리케이션을 개발하고 디자인한다.

→ 즉, 정리를 하자면 표현은 '자바스크립트' 프레임워크지만 HTML, CSS도 함께 사용한다!

 

Q. 그렇다면, "프론트엔드 프레임워크"와 "자바스크립트 프레임워크"의 차이점은?

종종 혼용되는 용어이다.

하지만 엄밀히 말하면, 프론트엔드 프레임워크가 자바스크립트 프레임워크에 포함된다.

프론트엔드 프레임워크 ⊂ 자바스크립트 프레임워크

 

다시 언급하자면 자바스크립트 프레임워크은 '자바스크립트 언어를 기반'으로 한 프레임워크.

자바스크립트는 프론트엔드 뿐만 아니라 백엔드 등 다양하게 사용된다.

따라서, 자바스크립트 프레임워크는 프론트엔드, 또는 백엔드에 국한되어있는 프레임워크가 아니라

프론트엔드/백엔드/풀스택 모두 사용할 수 있다.

 

ex:

자바스크립트 프레임워크 중, 프론트엔드 프레임워크로 사용되는 것 : Angular, React(라이브러리), Vue.js

자바스크립트 프레임워크 중, 백엔드 프레임워크에 사용되는 것 : Express.js

 

=> 결론

Vue.js은 '자바스크립트 프레임워크'뿐만 아니라 '프론트엔드 프레임워크'이기도 하다.

그리고 '자바스크립트' 프레임워크지만 웹 앱을 구성하는 일부로 HTML, CSS도 함께 사용한다.

 

끝!!