데이터 분석 기술 블로그

1. Computedcomputed()는 계산된 속성을 정의하는 함수입니다. 미리 계산된 속성을 사용하여 템플릿에서 표현식을 단순하게 하고 불필요한 반복 연산을 줄입니다.1-1. computed() 예시1-2. computed 특징2. Computed Properties2-1. computed와 동일한 로직을 처리할 수 있는 method2-2. Computed와 Method의 차이2-3. Cache(캐시) 2-4. Computed와 method의 적절한 사용처computed의존하는 데이터에 따라 결과가 바뀌는 계산된 속성을 만들 때 유용동일한 의존성을 가진 여러 곳에서 사용할 때 계산 결과를 캐싱하여 중복 계산 방지method단순히 특정 동작을 수행하는 함수를 정의할 때 사용데이터에 의존하는지 여부와 관..

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의 프림 알고리즘과 유사합니다.