Javascript - setTimeout
javascript에서 일정 시간이 지연된 다음 동작이 수행되게 하려면 를 사용하면 됩니다. 즉 milli-second가 경과된 다음 가 args를 넘겨 받아서 실행됩니다. 혹은 다음처럼 function을 미리 정의한 다음 사용할 수도 있습니다....
Javascript - DOM methods - querySelector, getElementById
javascript에서 문서 내에 존재하는 element들을 selector, id를 통해 탐색하고 해당 요소의 성질을 변경하는 코드를 작성하였습니다. Example 간단하게 다음과 같은 코드를 작성하였습니다.
Javascript - addEventListener method
html의 특정 요소에 특정한 event(ex: 마우스 클릭)가 발생했을 때 특정한 동작이 수행되도록 하는 방법을 정리합니다. 다음은 에 마우스 클릭이 발생하면 를 해주는 코드입니다. DOM Events 다음과 같은 Event들이 있습니다. 자세...
Javascript - Array
Javascrip의 Array를 간단히 정리하였습니다. Array는 메소드로 다음처럼 실행할 수도 있죠. 를 사용해서 subArray를 만들 수도 있죠.
JavaScript - IDE
Bracket 1.14.2 버전을 다운받았습니만, 설치가 되지 않아서 Atom으로 넘어가도록 하겠습니다. JS IDE로 VScode가 좋다는 의견이 많은데, VScode는 블로그에 글을 쓰는 텍스트 에디터로 픽스되어 있는 상황입니다. 하나의 ID...
Node.js - overview and install.
intro 내가 가지고 있는 기술 스택을 간략히 정리해보자면, 주 언어는 python이고, Database에 대해 일정 이상의 지식을 보유하고 있고, 동시에 데이터 분석 + 머신러닝에 대해서도 꽤 괜찮은 지식을 가지고 있다. 졸업 논문에서는 개발...
chart.js를 애니메이션을 사용해서 차트 업데이트하기.
chart를 주기적으로 변경하기. 별거 아니고요. 주기적으로 데이터가 변하거나, 업데이트될 경우, 그에 맞춰서 차트도 변경될 수 있도록 하려고 합니다. 비교적 간단하게, chart.js와 d3.js를 가지고 사용해봤습니다. do it d3와 ch...
d3에서 애니메이션 내에 애니메이션을 넣어보자.
animation 내에 애니메이션 넣기. 그냥, 애니메이션 내에 새로운 애니메이션을 또 넣어서 진행해도 되는지 알아봅니다. 귀찮으니 그냥 코드를 그대로 넣어볼게요. do it. 그냥 같은 형식의 코드를 그대로 넣어주면 잘 굴러갑니다. wrap-u...
svg의 요소에 마우스를 올렸을때 내렸을 때 변화 넣기.
svg의 요소에 마우스를 올렸을 때 변하는 것을 넣어보자 png와 같은 그림이 아니라, svg와 같은 형태로 넘기게 될 경우, 해당 요소 내의 특정 부분에 마우스가 올라가거나 했을 때의 액션을 지정할 수 있습니다. png에 비해서 훨씬 강력한 기...
javascript에서 colormap 사용하기.
colormap 차트를 그릴 때 일일이 색깔을 지정하는 것은 매우 귀찮은 일입니다. 데이터의 칼럼의 수에 따라서 자동으로 색깔을 지정하고, 예쁘게 만들어주고 싶은데, 몇개가 들어올지 모르는데, 매번 색깔을 배정할 수는 없으니까요. 아무튼 이럴 때...