# vue
d3.js line animation 해보자!
지난 글에 이어 사용했던 코드를 그대로 들고와 선이 생성되면서 움직이는 애니메이션을 넣어보도록 하자!!animation 효과를 얻기 위해 svg의 stroke-dashoffset과 stroke-dasharray를 이용할 것이다. This is Trick!!아래를 살펴보
d3.js 기초 다지기 헛둘!
1. scale 함수 scale함수는 함수를 만드는 함수인데 domain() 범위의 입력값이 들어오면 range() 범위의 결과값으로 바꿔주는 함수를 만들어준다. (일반적으로 domain은 데이터의 최소, 최대값으로 설정하고, range는 표출할 범위의 너비, 높이 픽
compute vs method
compute : 결과 값이 watch된다. 즉 다른 properties의 update가 일어나면 값이 제 계산되며, 이것이 dom에 bind되어 있는 경우 update가 일어 난다.compute의 값은 cache된다.method : 명시적으로 호출하여 값을 사용한다.
TIL_Vue.scss
어제에 걸쳐 오늘 아침까지 투자하여 알게된 Breakpoint 수정방법.Breakpoint는 Vue에서 제공하는 5가지 화면별 그리드이다. 기본적으로 설정되어있는 픽셀이 있고, 필요에 따라 이를 커스터마이징할 수 있다.다음과 같은 순서를 따른다.src 폴더 안에 sas
들어는 보았나 Transparent Wrapper Component
Vuejs가 제공하는 유용한 props들이 있다. 가령 v-model, @focus 등의 이벤트 인터페이스 들은 prop으로 건내주는 것 만으로 기대되어지는 작동(?)을 잘 한다 이렇게 native component들에 v-model, v-on:hover 등 pro
인스턴스와 디렉티브
Vue의 인스턴스와 기본적으로 제공되는 지시문인 디렉티브는 어떤 것들이 있는지 살펴보겠습니다. 대부분의 설명과 예문들은 Vue 공식 도큐먼트를 참고하였습니다.Vue 어플리케이션은 Vue 함수로 인스턴스를 만드는 것부터 시작합니다.스크립트 영역에서 위와 같이 뷰 인스턴스
MVVM 패턴과 가상 DOM
MVVM Pattern 자바 진영의 스프링을 공부하면서 MVC 패턴에 대해서는 수도없이 많이 들어봤지만 MVVM 패턴은 처음 들어보기도 하고 낯설게 느껴집니다. 그렇지만 Vue가 기반을 두고 있는 패턴인 만큼 먼저 공부해볼 필요가 있다고 생각했습니다. Model -
Vue가 가진 무언가
새로운 프레임워크나 라이브러리 같은 기술들을 접할 때 가장 중요한 것은 그것이 가진 철학과 본질을 이해하는 것이라고 생각합니다. 사실 이런 생각을 가지게 된지는 얼마 되지 않았습니다. 예전에는 그냥 새로운게 있으면 빨리 빨리 중요한 스킬들만 익혀서 필요한 부분에 적용시
Vue? View? 그게 뭔데??
작년 여름 프로그래머스에서 진행하는 썸머코딩이라는 프로그램에 참가했었는데 과정중에 간단한 To-do 웹페이지를 만들어보는게 웹 개발 과제로 주어졌었습니다. 사실 지금 생각해보면 CRUD를 구현하는 아주 간단한 To-do 웹 어플리케이션이었는데 그때는 CRUD에 대한 경
