본 글은 Vue 를 공부하면서 쓰는 글이다. 여기 저기 찾아보면서 책도 보면서 남겨두고 있다. 아직 모든 개념이 완벽하게 이해되진않는데, 일단 외워두고 천천히 이해해봐야 겠다. Reactive Data Binding: Vue의 핵심적인 특징 중 하나는 반응형 데이터 바인딩이다. data, props, computed, methods 등을 통해 DOM과 데이터를 쉽게 연결할 수 있다. Components: 컴포넌트는 Vue.js의 거의 모든 애플리케이션을 구성하는 기본 블록이며, 재사용 가능한 UI를 만들고 로직을 캡슐화하는 데 사용. Vue Router: SPA(Single Page Application)을 만들기 위해서는 라우팅이 필수이며, Vue Router는 이를 매우 쉽게 구현할 수 있게 해준다...

안드로이드에서와 마찬가지로 Vue(이하 뷰)에서도 라이프 사이클은 매우 중요한 부분이다. 컴포넌트가 생성 ▶ 파괴되는 과정에서 발생하는 각각의 라이프 사이클 훅 메서드를 적절히 활용해야 상황에 맞는 다양한 메서드를 응용하여 웹 또는 하이브리드 앱을 만들 수 있으며, 원하는 메서드를 적절한 타이밍에 실행할 수 있다. 아래는 뷰의 대표적인 라이프 사이클 훅이다. beforeCreate: 컴포넌트 인스턴스가 초기화되자마자 가장 먼저 실행되는 훅. 이 시점에는 데이터나 이벤트, 라이프 사이클 메서드 등이 아직 설정되지 않는다. created: 컴포넌트 인스턴스가 생성된 직후 실행되는 훅. 데이터와 메서드가 초기화되어 있어서 이 안에서 데이터를 변경할 수 있지만, 아직 DOM에 마운트되지 않아 DOM을 조작할 수..