f_
frhyme.code
💻

Tech

Python, Java, AI/ML, Vim, Web, CS 이론 등 소프트웨어 개발 및 엔지니어링 기록

1,253 posts · Page 55/79
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
others
·⏱ 8m

d3 이용해보기 - make three circle

d3js를 이용해서 간단하게 그림을 좀 그려보려고 합니다. 기본적으로는 d3js의 tutorial에 있는 이 포스트를 참고하였으나, 애니메이션을 넣었다는 점에서 차이가 있습니다. 아무튼, 기본 html 페이지에 내용이 다음과 같이 있다고 합시다....

#d3js#d3#javascript+2
others
·⏱ 5m

javascript를 웹에서 돌리기.

간단한 인터랙션을 넣읍시다. 간단하게, 웹페이지에서 어떤 버튼을 눌렀을 때 웹페이지의 텍스트가 바뀌는 것을 수행해보려고 합니다. just html html로만 할 경우에는 다음과 같습니다. 일단은 특정 버튼을 누르면 alert가 뜨도록 한것이기는...

#javascript#web#html
others
·⏱ 4m

javascript를 좀 파보고 있습니다.

why javascript suddenly 사실 javascript까지 해야 하나 싶기는 한데, 이유는 다음과 같아요. - 웹 프로그램을 하나 만드는 중이다. - 데이터를 긁어와서 시뮬레이션을 수행하고 시뮬레이션되는 상황을 웹에 그대로 보여주고 ...

#javascript#html#css