[D3JS] 7. 데이터 준비하기

이 글은 https://youtu.be/2LhoCfjm8R4 강의를 정리하였습니다.

이번 강의에서는 html 표에서 데이터를 뽑는 방법, csv를 만들고 정리하는 방법, Github Gist를 이용해 데이터를 publish 하는 방법을 배웁니다.

https://developer.mozilla.org/ko/docs/Web/CSS/color_value

- CSS: Cascading Style Sheets | MDN

css named color에 대해 들어보신 적이 있나요? 우리가 html에서 속성으로 색상을 지정했던 red, blue와 같은 색상의 이름들이 생각보다 훨씬 많습니다.

위의 링크에 가보시면 정말 많은 색의 이름을 사용할 수 있다는 걸 알 수 있죠. 교수님은 이 색을 보고 일종의 data table이라고 인식하셨습니다. 또한 이를 한눈에 보기 쉽게 하면 굳이 스크롤을 내릴 수고를 덜 수 있다는 것도 말이죠. 홈페이지를 표를 복사해서 구글 스프레드시트에 붙여넣기 합니다.

 

필요한 열만 남기고 나머지는 삭제합니다.

File - Download - csv 파일 다운로드를 합니다.

1열을 css 버전으로 모두 채우고 다시 csv 파일로 export 합니다.

만든 csv를 Github Gist에 저장하면 웹에서 평생 무료로 접근이 가능합니다.