데이터 분석 기술 블로그

1. Form Input Bindingsform을 처리할 때 사용자가 input에 입력하는 값을 실시간으로 JavaScript 상태에 동기화해야 하는 경우(양반향 바인딩) 양방향 바인딩 방법v-bind와 v-on을 함께 사용v-model 사용1-1. v-bind와 v-on을 함께 사용1-2. v-model 사용v-model이란, form input 요소 또는 컴포넌트에서 양방향 바인딩을 만듭니다.2. v-model 활용v-model은 단순 text input 뿐만 아니라 Checkbox, Radio, Select 등 다양한 타입의 사용자 입력 방식과 함께 사용 가능합니다.2-1. Checkbox 활용2-2.  Select 활용참고IME(Input Method Editor)

1. v-onDOM 요소에 이벤트 리스너를 연결 및 수신합니다.v-onb 구성1-1. Inline Handlers1-2. Method HandlersInline Handlers에서의 메서드 호출Inline Handlers에서의 event 인자에 접근하기Event ModifiersKey Modifiers

v-bind란 하나 이상의 속성 또는 컴포넌트 데이터를 표현식에 동적으로 바인딩입니다.1. Attribute Bindings2. Class and Style BindingsClass and Style Bindings가 가능한 경우2-1 Binding HTML Classes  - Binding to Objects 2-2 Binding HTML Classes - Binding to Arrays2-3 Binding Inline Styles - Binding to Objects2-4 Binding Inline Styles - Binding to Arrays

Template Syntax란 DOM을 기본 구성 요소 인스턴스의 데이터에 선언적으로 바인딩할 수 있는 HTML 기반 템플릿 구문을 사용하는 것입니다.1. Text Interpolation2. Raw HTML3. Attribute Bindings4. JavaScript ExpressionsExpressions 주의사항Directive는 'v-' 접두사가 있는 특수 속성입니다.1. Directive - Arguments2. Directive - Modifiers3. Built-in Directives

1. Vue의 핵심 기능2. Vue를 사용하는 방법 : CDN 방식3. Vue의 기본 구조4. Event Listeners참고1. Ref Unwrap 주의사항2. Why Refs?3. SEO (Search Engine Optimization)4. CSR & SSR

1. Client-side frameworksFront-end Development는 웹사이트와 웹 애프리케이션의 사용자 인터페이스(UI)와 사용자 경험(UX)을 만들고 디자인하는 것입니다. HTML, CSS, JavaScript 등을 활용해서 사용자가 직접 상호작용하는 부분을 개발합니다. Client-side frameworks는 클라이언트 측에서 UI와 상호작용을 개발하기 위해 사용되는 JavaScript 기반 프레임워크입니다.2. SPASingle Page Application(SPA)는 페이지 한 개로 구성된 웹 애플리케이션입니다. 즉, 웹 애플리케이션의 초기 로딩 후 새로운 페이지 요청 없이 동적으로 화면을 갱신하며 사용자와 상호작용하는 CSR 방식의 웹 애플리케이션입니다.Client-side ..

1. 최단 경로최단 경로 정의간선의 가중치가 있는 그래프에서 두 정점 사이의 경로들 중에 간선의 가중치의 합이 최소인 경로하나의 시작 정점에서 끝 정점까지의 최단 경로다익스트라(dijkstra) 알고리즘 : 음의 가중치를 허용하지 않습니다.벨만-포드(Bellman-Ford) 알고리즘 : 음의 가중치 허용모든 정점들에 대한 최단 경로플로이드-워샬(Floyd-Warshall) 알고리즘2. Dijkstra 알고리즘시작 정점에서 거리가 최소인 정점을 선택해 나가면서 최단 경로를 구하는 방식입니다.시작정점(s)에서 끝정점(t)까지의 최단 경로에 정점 x가 존재합니다.이때, 최단경로는 s에서 x까지의 최단 경로와 x에서 t까지의 최단경로로 구성됩니다.탐욕 기법을 사용한 알고리즘으로 MST의 프림 알고리즘과 유사합니다.

1. 최소 신장 트리(MST)그래프에서 최소 비용 문제1) 모든 정점을 연결하는 간선들의 가중치의 합이 최소가 되는 트리2) 두 정점 사이의 최소 비용의 경로 찾기신장 트리n 개의 정점으로 이루어진 무방향 그래프에서 n개의 정점과 n-1개의 간선으로 이루어진 트리최소 신장 트리(Minimum Spanning Tree)무방향 가중치 그래프에서 신장 트리를 구성하는 간선들의 가중치의 합이 최소인 신장 트리2. Prim 알고리즘하나의 정점에서 연결된 간선들 중에 하나씩 선택하면서 MST를 만들어 가는 방식1) 임의 정점을 하나 선택해서 시작2) 선택한 정점과 인접하는 정점들 중의 최소 비용의 간선이 존재하는 정점을 선택3) 모든 정점이 선택될 때까지 1), 2) 과정을 반복서로소인 2개의 집합(2 disjoi..