others
·⏱ 5m
Panel, Pooled, Cross-sectional Data
intro 요즘 통계 좀 개념들을 좀 사용해야 하는데, pooled data, panel data등이 좀 헷갈리더라구요. 그래서 생각난 김에 그냥 정리를 하기로 했습니다. 내용은 모두 위키피디아를 기본으로 하구요. panel data 내용은 여기...
Page 7 of 11
others
·⏱ 4m
Garbor granger의 가격 예측 방법
Garbor-Granger pricing 방법 Garbor-Granger pricing 방법은 아직 존재하지 않는 상품/서비스에 대해서 소비자들이 생각하는 적정 가격을 탐색하는 방법을 말합니다. 간단히 말하면, “소비자에게 반복적으로 해당 제품의...
others
·⏱ 7m
svg의 text 사용법, textspan을 이용해서 줄바꿈 해보기.
svg에서 text를 사용하기. 저는 입력받은 데이터를 이용해서 비교적 간단한 그래프를 그려주고, 특정 부분에 마우스를 올렸을 때 필요한 데이터가 뜨도록 하는 작업을 수행하고 있습니다. 즉, 해당 요소 위에 마우스가 올라오면, 그 위치에 새로운 ...
others
·⏱ 1m
onclick을 이용하기
아주 간단합니다. 그냥 html의 특정 부분을 눌렀을때, 어떤 javascript요소가 수행되도록 하려면 그냥 을 설정해주면 됩니다. 기본적으로는 에 대해서만 가능한 것 같지만, 도, 도 어떤 html 요소든 모두 가능하죠. 다음처럼 해주면 됩니...
others
·⏱ 4m
d3js로 marker 정의해서 사용하기. 혹은 선에 arrow 추가하기.
d3js를 이용해서 화살표를 그려보려고 합니다. 우리가 아는 대부분의 라이브러리들에서는 이 부분이 무척 쉽게 해결되었던 것 같은데, d3에서는 이 부분이 손쉽게 해결되지 않습니다. 우선, 화살표라는 요소가 따로 존재하지 않습니다. 즉, 화살표를 ...
others
·⏱ 3m
d3 transition 이용하기.
transition을 이용해봅시다. 뭐, 딱히 길게 설명할 것이 없을 것 같으니, 바로 코드로 넘어가겟습니다. wrap-up 함수로 넘겨주는 것이 가능합니다. 순서는 transition, style, duration 이죠.
others
·⏱ 1m
왜 table의 text가 align되지 않는가?
가운데 정렬! html에서 table의 header 부분을 가운데 정렬하려고 했는데, 이게 계속 안되더라고요. 다음처럼 간단한 코드인데 계속 안되서, 왜 안되는지를 찾아봤더니, 여기서 해답을 찾았습니다. 정리하자면, - 은 html에서 제공하는 ...
others
·⏱ 4m
datatable을 이용해서 웹페이지에 테이블을 예쁘게 만들어봅시다.
웹페이지의 테이블을 예쁘게 만들어봅시다. bootstrap에서 지원하는 요소는 매우 간단해서 테이블을 적당히 예쁘게 보여줍니다. 그런데, 필요에 따라서, 마치 엑셀처럼 칼럼을 오름차순/내림차순으로 정렬한다거나, 필요한 요소만 찾는다거나 하는 식의...
others
·⏱ 3m
Google web-font 적용하기.
왜 폰트를 변경해야 하나요. 물론, 기존의 폰트도 적당히 괜찮습니다만, 제가 유난히 예쁜 것에 신경을 많이 쓰는 것 같습니다. 웹서비스를 만들다보면 결국 내가 이 웹서비스가 예쁘다는 생각을 하지 않으면 생각보다 진도가 더디게 나가는 일들이 있어요...
others
·⏱ 4m
npm을 설치합니다.
왜 갑자기 npm인가. 최근 포스트들을 보시면 아시겠지만, 저는 요즘 일종의 웹서비스를 만들고 있습니다. 비교적 단기간에 필요한 기능들을 만들다보니, 아무래도 제가 직접 코딩을 하기보다는 기존에 있는 것들을 가져와서 연결해서 그럴싸하게 만드는 작...
others
·⏱ 5m
flask에서 만든 데이터로 d3js 애니메이션 만들기.
애니메이션을 만듭시다. python 에서 애니메이션, 즉 각 프레임별로 필요한 데이터를 전송하고, 각 프레임을 만드는 작업을 해보려고 합니다. html 페이지를 만들어줍니다. - 처음에는 어떻게 하나 싶었는데 그냥 를 하나씩 올려주면서 진해하면 ...
others
·⏱ 4m
d3js에서 transition 이용하기.
d3js에서 transition 사용하기 d3.interval을 이용하면, 비교적 간단한 애니메이션을 만들 수 있습니다. 그런데, 이 경우, 개체의 움직임이 자연스럽게 움직이게 되지 않습니다. 간단하게 flash를 생각하시면, 플래쉬의 경우 움직...
others
·⏱ 7m
d3에서 enter, exit를 알아보쟈.
enter, exit, update in d3.js 이해하고 나면 간단한 개념입니다. 그리고 이 개념은 사실 d3, Data-Driven Document의 철학과 일치한다고 생각합니다. Data-Driven Document를 한국말로 변환하면, ...
others
·⏱ 8m
d3 이용해보기 - make three circle
d3js를 이용해서 간단하게 그림을 좀 그려보려고 합니다. 기본적으로는 d3js의 tutorial에 있는 이 포스트를 참고하였으나, 애니메이션을 넣었다는 점에서 차이가 있습니다. 아무튼, 기본 html 페이지에 내용이 다음과 같이 있다고 합시다....
others
·⏱ 5m
javascript를 웹에서 돌리기.
간단한 인터랙션을 넣읍시다. 간단하게, 웹페이지에서 어떤 버튼을 눌렀을 때 웹페이지의 텍스트가 바뀌는 것을 수행해보려고 합니다. just html html로만 할 경우에는 다음과 같습니다. 일단은 특정 버튼을 누르면 alert가 뜨도록 한것이기는...
others
·⏱ 4m
javascript를 좀 파보고 있습니다.
why javascript suddenly 사실 javascript까지 해야 하나 싶기는 한데, 이유는 다음과 같아요. - 웹 프로그램을 하나 만드는 중이다. - 데이터를 긁어와서 시뮬레이션을 수행하고 시뮬레이션되는 상황을 웹에 그대로 보여주고 ...