데이터 분석 기술 블로그

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..

1. 서로소 집합(Disjoint-sets)서로소 또는 상호배타 집합들은 서로 중복 포함된 원소가 없는 집합들입니다. 다시 말해 교집합이 없습니다.집합에 속한 하나의 특정 멤버를 통해 각 집합들을 구분합니다. 이를 대표자(representative)라 합니다.상호배타 집합을 표현하는 방법연결 리스트트리상호배타 집합 연산Make-Set( x )Find-Set( x )Union( x, y )2. 상호 배타 집합 표현  - 연결리스트3. 상호 배타 집합 표현 - 트리4. 상호 배타 집합에 대한 연산

1. BFS(Breadth First Search)너비우선탐색은 탐색 시작점의 인접한 정점들을 먼저 모두 차례로 방문한 후에, 방문했던 정점을 시작점으로 하여 다시 인접한 정점들을 차례로 방문하는 방식입니다.인접한 정점들에 대해 탐색을 한 후, 차례로 다시 너비우선탐색을 진행해야 하므로, 선입선출 형태의 자료구조인 큐를 활용합니다.2. 큐큐(Queue)의 특성스택과 마찬가지로 삽입과 삭제의 위치가 제한적인 자료구조큐의 뒤에서는 삽입만 하고, 큐의 앞에서는 삭제만 이루어지는 구조큐에 삽입한 순서대로 원소가 저장되어, 가장 먼저 삽입된 원소는 가장 먼저 삭제됩니다.선입선출구조(FIFO : First In First Out)3. 큐의 구조 및 기본 연산4. 큐의 구현5. BFS(Breadth First Sea..