[Vue] 뷰에서 제일 중요한 개념

2023. 9. 1. 14:35IT/Vue

반응형

본 글은 Vue 를 공부하면서 쓰는 글이다.

여기 저기 찾아보면서 책도 보면서 남겨두고 있다. 아직 모든 개념이 완벽하게 이해되진않는데, 일단 외워두고 천천히 이해해봐야 겠다.

  • Reactive Data Binding: Vue의 핵심적인 특징 중 하나는 반응형 데이터 바인딩이다.
  • data, props, computed, methods 등을 통해 DOM과 데이터를 쉽게 연결할 수 있다.
  • Components: 컴포넌트는 Vue.js의 거의 모든 애플리케이션을 구성하는 기본 블록이며, 재사용 가능한 UI를 만들고 로직을 캡슐화하는 데 사용.
  • Vue Router: SPA(Single Page Application)을 만들기 위해서는 라우팅이 필수이며, Vue Router는 이를 매우 쉽게 구현할 수 있게 해준다. >> 하이브리드 앱을 만들때 반드시 이해하고 있어야 함.
  • Vuex: 상태 관리를 위한 Vue.js의 공식 라이브러리로, 복잡한 앱의 상태를 중앙에서 관리할 수 있습니다.
  • Lifecycle Hooks: Vue 컴포넌트의 생명주기를 이해하는 것은 중요하며, 각 단계에서 특정 로직을 실행할 수 있습니다. >> 안드로이드의 라이프 사이클 만큼이나 중요하기 때문에 네이티브와 하이브리드 앱 간 인터페이스가 필요하다면 얘도 반드시 이해고 있어야 한다.
  • Directives: v-if, v-for, v-bind, v-model 등의 지시문을 사용하여 템플릿을 더 동적으로 만들 수 있습니다.
  • Virtual DOM: Vue는 가상 DOM을 사용하여 실제 DOM의 변경을 최소화하고 성능을 향상시킵니다.
  • Event Handling: Vue.js에서는 v-on 지시어를 사용하여 이벤트를 쉽게 처리할 수 있습니다.
  • Scoped CSS: 스타일을 컴포넌트 범위로 한정할 수 있어, 전역 스타일에 영향을 주지 않고 컴포넌트를 스타일링할 수 있습니다.
  • Mixins and Plugins: 로직을 재사용하고 확장성을 높이기 위한 메커니즘이 있습니다.

오늘은 여기까지..

반응형