template
-
Index TemplateBackEnd/Elasticsearch API 2025. 3. 16. 09:00
인덱스 템플릿(Index Template)은 새로운 인덱스를 생성할 때 자동으로 적용할 수 있는 매핑과 설정을 정의하는 방법입니다. 이는 여러 인덱스가 공통의 설정과 매핑을 가질 수 있도록 하여, 인덱스 생성 시 효율성을 높이고 일관성을 유지하는데 유용합니다. 인덱스 템플릿은 시간 기반 인덱스와 같은 유사한 구조를 가진 인덱스를 관리하는데 유용합니다. 예를 들어, 로그 데이터나 메트릭 데이터는 주로 시간별로 분리되어 저장되며, 이러한 인덱스들은 동일한 매핑과 설정을 공유하는 경우가 많습니다. Reserved index patternslogs-*-*metrics-*-*synthetics-*-*profiling-*security_solution-*-* Index Template# 인덱스 템플릿 생성PUT..
-
07. 뷰 템플릿(Template)FrontEnd/Vue.js 2021. 9. 11. 15:05
뷰의 템플릿(Template)은 HTML, CSS 등의 마크업 속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결하여 사용자가 브라우저에서 볼 수 있는 형태의 HTML로 변환해 주는 속성입니다. 1. 데이터 바인딩(Data Binding) 데이터 바인딩(Data Binding)은 HTML 화면 요소를 뷰 인스턴스의 데이터와 연결하는 것을 의미합니다. 주요 문법으로는 {{}} 문법과 v-bind 속성이 있습니다. 1) {{}} - 콧수염 괄호 {{ message }} > data 속성의 message 값이 바뀌면 뷰 반응성에 의해 화면이 자동으로 갱신됩니다. 2) v-bind v-bind는 아이디, 클래스, 스타일 등의 HTML 속성 값에 뷰 데이터 값을 연결할 때 사용하는 데이터 연결 방식입니다. v..
-
03. 뷰 인스턴스(Instance)FrontEnd/Vue.js 2021. 9. 7. 17:20
뷰 인스턴스(Instance)는 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위입니다. 1. 뷰 인스턴스 라이프 사이클 [용어] 라이프 사이클 훅(hook) : 각 라이프 사이클 속성에서 실행되는 커스텀 로직 2. 뷰 인스턴스 생성 및 옵션 속성 // Vue 생성자 : 미리 정의된 속성과 메서드 재활용 new Vue({ el: '#app', // el 속성 : 뷰 인스턴스로 화면을 렌더링할 때 화면이 그려질 위치의 돔 요소 지정 data: { message: 'Hello Vue.js!' }, template: { // 화면에 표시할 HTML, CSS 등의 마크업 요소를 정의하는 속성. }, methods: { // 화면 로직 제어와 관계된 메서드를 정의하는 속성. (마우스 클릭 이벤트 처리..