f_
frhyme.code

All Posts

총 1,428개의 아카이브 중 1009 - 1024번째 글

Page 64 of 90
others
·⏱ 3m

d3 transition 이용하기.

transition을 이용해봅시다. 뭐, 딱히 길게 설명할 것이 없을 것 같으니, 바로 코드로 넘어가겟습니다. wrap-up 함수로 넘겨주는 것이 가능합니다. 순서는 transition, style, duration 이죠.

#d3js#javascript#transition
python-libs
·⏱ 3m

jinja에서 variable 선언하기.

jinja에서 직접 변수를 선언해봅시다. 보통 jinja에서는 와 만을 사용합니다 변수는 에서 함께 넘어온 것들 뿐이죠. 그러나, 경우에 따라서는 직접 내부에서 값을 선언해주는 것이 필요할 때가 있습니다. 어떻게 할 수 있을까요? do it 언제...

#python#flask#jinja+2
others
·⏱ 1m

왜 table의 text가 align되지 않는가?

가운데 정렬! html에서 table의 header 부분을 가운데 정렬하려고 했는데, 이게 계속 안되더라고요. 다음처럼 간단한 코드인데 계속 안되서, 왜 안되는지를 찾아봤더니, 여기서 해답을 찾았습니다. 정리하자면, - 은 html에서 제공하는 ...

#html#bootstrap#text-align
javascript
·⏱ 2m

javascript에서 colormap 사용하기.

colormap 차트를 그릴 때 일일이 색깔을 지정하는 것은 매우 귀찮은 일입니다. 데이터의 칼럼의 수에 따라서 자동으로 색깔을 지정하고, 예쁘게 만들어주고 싶은데, 몇개가 들어올지 모르는데, 매번 색깔을 배정할 수는 없으니까요. 아무튼 이럴 때...

#javascript#colormap
others
·⏱ 3m

Google web-font 적용하기.

왜 폰트를 변경해야 하나요. 물론, 기존의 폰트도 적당히 괜찮습니다만, 제가 유난히 예쁜 것에 신경을 많이 쓰는 것 같습니다. 웹서비스를 만들다보면 결국 내가 이 웹서비스가 예쁘다는 생각을 하지 않으면 생각보다 진도가 더디게 나가는 일들이 있어요...

#web#google#font+1
others
·⏱ 4m

npm을 설치합니다.

왜 갑자기 npm인가. 최근 포스트들을 보시면 아시겠지만, 저는 요즘 일종의 웹서비스를 만들고 있습니다. 비교적 단기간에 필요한 기능들을 만들다보니, 아무래도 제가 직접 코딩을 하기보다는 기존에 있는 것들을 가져와서 연결해서 그럴싸하게 만드는 작...

#npm#nodejs#web
web
·⏱ 2m

html 내에 코드 embed하기.

code 간단한 파이썬 코드, 혹은 json 등을 html에 콘텐츠로 표시하려고 합니다. 현재 사용하고 있는 블로그에서는 비교적 간단하게, 할 수 있는 반면 html에서는 제가 직접 해본적이 없더라구요. pre and code 우선 위 두 태그의...

#html#code#embeded
others
·⏱ 4m

d3js에서 transition 이용하기.

d3js에서 transition 사용하기 d3.interval을 이용하면, 비교적 간단한 애니메이션을 만들 수 있습니다. 그런데, 이 경우, 개체의 움직임이 자연스럽게 움직이게 되지 않습니다. 간단하게 flash를 생각하시면, 플래쉬의 경우 움직...

#d3js#javascript#transtion
others
·⏱ 7m

d3에서 enter, exit를 알아보쟈.

enter, exit, update in d3.js 이해하고 나면 간단한 개념입니다. 그리고 이 개념은 사실 d3, Data-Driven Document의 철학과 일치한다고 생각합니다. Data-Driven Document를 한국말로 변환하면, ...

#javascript#d3js