Vue.js

Vuejs 기본 - Vue 인스턴스

Vue event V-on directive (@) Dom Event를 청취하기 위해 v-on directive 사용 inline event handling method를 이용한 event handling 이벤트 수식어(Event Modifier) event.prev

생성 - 부착 -갱신 - 소멸Vue Instance가 생성되고 각 정보의 설정 전에 호출. DOM과 같은 화면 요소에 접근 불가Vue Instance가 생성된 후 데이터들의 설정이 완료된 후 호출.Instance가 화면에 부착하기 전이기때문에 template 속성에 정

컴포넌트(Component) Vue의 가장 강력한 기능 중 하나 HTML Element를 확장하여 재사용 가능한 코드를 캡슐화 Vue Component는 Vue Instance이기도 하기 때문에 모든 옵션 객체를 사용 Life Cycle Hook 사용 가능 전역/지역

Vue CLI Vue.js 개발을 위한 표준 도구 Vue로 빠르게 프로젝트를 구성하고 프로토타이핑을 하고 싶을 때 사용하는 CLI 도구 설치하려면 먼저 Node.js를 설치하고 NPM을 이용해야한다. Node.js 자바스크립트를 브라우저가 아닌 환경에서도 구동할 수 있

Axios axios.get(URL) => Promise 객체 return => then, catch 사용 가능 Vue에서 권고하는 Promise 기반 HTTP 통신 라이브러리 문서화가 잘 되어있고 API가 다양하다 Promise 서버에 데이터를 요청하여 받아오는 동작

외부 파일(.env)에 환경 변수를 정의하여 변수로 받아오기 위함.보안과 유지보수에 용이하다.프로젝트의 최상위 루트에 존재해야한다.포트, DB정보, API_KEY처럼 오픈소스에 올리면 안되는 값이 있다.이때 필요한 것이 dotenv 패키지. 환경 변수 파일을 외부에 만