우롱이 공책정리

bootstrap-vue.org/docs BootstrapVue Quickly integrate Bootstrap v4 components with Vue.js bootstrap-vue.org 이렇게 명령어로 설치 해준 후 이 부분을 main.js에 추가해준다!

라우팅이란 웹페이지간에 이동하는 방법 spa 미리 해당하는 모든 컴포넌트 페이지 받아놓고 라우팅이라는 것을 이용해 그 부분만 화면을 갱신 vue-router : vue에서 제공하는 공식 모듈 설치 명령어

Vue.js는 웹프론트엔드 프레임워크 - 컴포넌트(Component) 기반의 SPA(Sing Page Application)를 구축할 수 있게 해주는 프레임 워크 - MVVM 패턴의 뷰모델(ViewModel) 레이어에 해당하는 화면(View)단 라이브러리 컴포넌트 (Component) - 웹을 구성하는 로고, 메뉴바, 버튼, 모달창 등 웹 페이지 내의 다양한 UI 요소 - 재사용 가능하도록 구조화한 것 SPA (Single Page Application) - 단일 페이지 어플리케이션 - 하나의 페이지 안에서 필요한 영역 부분만 로딩 되는 형태 - 빠른 페이지 변환 - 적은 트래픽 양 쉽게 설명하면 웹 개발할때 필요한 다양한 UI들을 컴포넌트로 만들고 이것을 조립해서 하나의 페이지로 만드는 방식 단점은 최..

터미널에서 vue create (프로젝트명) 그다음 선택하는게 나오는데 이걸로 선택함 키 이동은 화살표 선택은 스페이스바 엔터는 확정?! 참고 : www.youtube.com/watch?v=8gS4uJ1EMug

ECMAScript/ES 국제 표준화 단체인 Ecma Intermational에서 책정한 자바스크립트의 표준 사양 대부분의 브라우저는 ES5 지원 브라우저에 따라서는 ES2015(ES6) 이후의 기능을 구현해서 제공하고 있는 경우도 있음 ES2015부터는 사양을 매년 개정 원래 ECMAScript4, ECMAScript5, ECMAScript6 처럼 숫자를 붙이지 않고, ECMAScript 2015, ECMAScript 2016, ECMAScript 2017처럼연도를 붙여서 부르게 됌. Vue DevTools 크롬 전용 확장 프로그램으로 Vue.js 개발을 지원해주는 도구 애플리케이션의 현재 데이터의 상태를 확인하거나 변수에 어떤 변경이 가해졌는지 추적하는 기능도 있어서 개발할 때 활용하면 굉장히 편리 ..

created : 인스턴스가 생성된 다음 바로 호출된다. 뷰 인스턴스는 생성됐지만 태그엔 접근하지 못하고 데이터나 메소드만 사용이 가능하다 (api로 데이터 가져와서 출력해야하는 컴포넌트 같은 경우는 이 created에 api로 데이터를 가져오는 로직을 넣으면 된다고 한다!) mounted : 화면에 그려진 뒤 호출된다. 화면에 출력이 됐기 때문에 태그에 접근할 수 있어서 대부분의 작업이 mounted method안에서 이루어짐. beforeDestroy : 인스턴스가 제거되기 전에 호출된다. 만약 별도로 이벤트리스너를 등록했다면 여기서 제거하면 된다. 출처 : youtu.be/gDD72Xgpfgs?t=290