vue.js
JavaScript 프레임 워크로 대화형이자 반응형인 웹 프론트엔드를 구축합니다.
웹 프론트엔드란,
브라우저에서 실행되는 웹 어플리케이션을 말하며, 사용자가 더 쉽게 사용할 수 잇는 어플리케이션을 의미합니다.
우선 JavaScript는 브라우저에서 사용하는 프로그래밍 언어입니다.
사용자가 페이지를 로드한 후 브라우저에서 실행됩니다.
사용자 화면에 보이는 모습을 조작할 수 있도록 해줍니다.
서버에서 새로운 페이지를 가져오지 않은 채로 말입니다.
이는 풍부한 사용자 경험을 제공합니다.
Vue.js가 JS로만 쓰이는 것은 아닙니다. JS 프레임워크죠.
프레임 워크란 JS를 비롯한 모든 프로그래밍 언어에서 서드 파티 라이브러리를 말합니다. 다른 누군가 작성한 코드로 특정 유틸리티 기능과 메서드, 도구 등을 이용하므로 내가 직접 코드를 작성할 필요가 없습니다.
중요한건 다른 일반 라이브러리와 달리 프레임 워크는 추가 기능을 제공할 뿐만 아니라 규칙을 제공합니다.
어플리케이션 구축 시 따라야 할 접근 방식을 안내합니다.
어플리케이션 코드의 작성법에 대한 명확한 구조와 아이디어를 제공합니다.
유틸리티 기능과 규칙을 제공하는 것 입니다.
그렇다면 왜 Vue.js 를 사용할까요?
이를 사용해서 대화형이고 반응형인 웹 프론트엔드를 구축할 수 있기 때문입니다.
반응형이란 앱이 사용자의 작업에 즉각 응답한다는 뜻입니다.
사용자가 화면에 뭔가를 입력하면 이에 따라 앱이 반응하도록 만드는 것입니다.
서버 사이드 프레임워크가 아닙니다.
PHP or Node와 함께 사용하지 않습니다.
조합해서 사용할 수 있긴 하지만 코드 작성에 도움이 되진 않습니다.
Vue는 브라우저 사이드 JS 이기 때문입니다.
HTML& CSS, JS 그리고 브라우저의 Vue.js를 사용해 사용자가 보는 것을 제어하고 사용자 인터페이스를 웹에서 제공합니다.
Vue.js는 프레임워크로 브라우저에서 실행되는 JS 기반 사용자 인터페이스를 구축하는데 도움을 줍니다.
서버와 통신 할 수 있는 웹 어플리케이션을 위해서요.
하지만 이에 도움이 되는건 브라우저 사이드 코드입니다.
왜 Vue.js를 사용하는 걸까요?
반응형 웹 프론트를 왜 구축하는 걸까요?
전통적인 웹페이지에서는 항상 응답을 기다려야 했습니다.
이때 JS가 속도 개선에 도움을 줍니다.
브라우저에서 모던 웹 어플리케이션을 제공해줍니다. JS는 로드된 페이지에서 브라우저 내에 실행된다는 게 장점입니다.
브라우저에서 실행하는 언어가 있다는 뜻인데 페이지를 변경하는데 사용됩니다. 화면 뒤에서 새 HTML을 가져오지 않고 문서 객체 모델DOM이라고 부르는 페이지의 HTML구조를 JS로 조작합니다.
모던 JS 기반 웹 애플리케이션에서는 새 HTML 페이지를 얻고자 요청을 보내는 대신 단 한 번만 실행하고 이후 화면 뒤에서 데이터만 교환합니다.
클라이언트 사이드 JS와 Vue 와 같은 프레임워크를 사용하여 화면을 업데이트 합니다.
Vue.js 를 사용하는 이유는 JS가 완벽하지 않기 때문입니다.
따라야 하는 명확한 규칙이 있고,
