VITE 환경설정
vite.config.js에서는 vue.config.js와 설정 방식이 많이 달라졌다. 어떻게 달라졌는지 확인해보자.
FRONT-END
VUE CSS 파일형식 변경
vue.config.js에서 빌드 후 떨어지는 css의 파일형식을 변경
create-react-app PostCss설정
create-react-app에서 기본으로 제공되는 PostCSS와 craco를 추가 설치하여 import문을 절대 경로로 설정하는 방법을 정리하였다.
자바스크립트 프레임웍 비교
ANGULAR vs REACT vs VUE 비교
ES6
ES6는 ECMAScript 2015와 같은 의미로, ECMAScript의 6번째 주 버전을 발표한 것.
NPM
Node.js 기반 패키지 모듈들을 관리하는 도구.
Vue Loader
.vue 형태의 파일을 javascript 모듈 형태로 변환해주는 webpack loader.
AXIOS
vue에는 vue-resource라는 ajax를 지원하는 라이브러리가 제공되었지만, 현재는 관리되고 있지 않으며 axios(타사 HTTP 클라이언트 라이브러리) 를 사용할 것을 권장하고 있음.
VUEX
상태관리를 위한 라이브러리. 데이터의 변경사항을 추적하고 관리해주는 도구.
VUE ROUTER
VUE ROUTER는 VUE의 공식 라우터로, URL 체계를 형성하기 위한 라이브러리임.
Template Syntax
Template영역에서 사용 가능한 별도의 VUE문법으로 한 번 배워보자
VUE 라이프사이클
VUE의 생명주기로, 생성되어 소멸될때 까지의 과정을 일컬음.
VUE DOM
VUE DOM은 웹 DOM과 같은 DOM이 아닌 가볍게 복사된 가상DOM의 개념.
VUE INSTANCE
new Vue 생성자를 통해, 화면 단위로 사용될 data 및 함수, 라이프사이클, 마운트할 엘리먼트 등을 정의 함.
VUE 구조
.vue 확장자 파일로 구성되어, template, script, style 세개의 영역을 갖음.
VUE 설치
VUE는 NPM기반으로 node.js를 우선 설치.
VUE 소개
SPA(Single Page Application) 개발을 위한 JAVASCRIPT 프레임웍 중에 하나로, MVVM 패턴의 뷰모델(ViewModel) 레이어에 해당하는 화면(view)단 라이브러리.