Wookang makes AI

● 지진 규모별 원형 챠트 > 들어가는 말 1. 언제나 느끼는 거지만 데이터 가공이 훨씬 더 힘들다. 2. 어떤 개발이든 '예제'와 '실전'은 다르다. 겉으로 보기에는 큰 차이 없지만 '실제'로 내가 '원하는' 것 을 만들때, '예제'를 적용할 수 있는 부분은 거의 없다. > 일단 결과 지진발생횟수 및 최대강도 해당월에 발생한 지진 에너지의 총량 비교 지진규모 비율 > 반성 1. 공부는 실전으로 해야한다. 자전거는 엎어져 가며 배워야 하고, 주식은 돈을 잃어가며 배워야 하며, 사람들에게 많이 배신 당해야만 제대로 된 사람을 만날 수 있다. 코딩도 마찬가지. 좋은 버그가 강한 코드를 만든다. 코딩계에 만연한 백문이 불여일'타'는 잘못된 말이다. 단순하게 코드만 읽는 것보다 조금 나을 뿐이지, 결코 좋은 방..

티스토리에서 내 블로그 결산을 해줬다 ㅡ,ㅡ www.tistory.com/thankyou/2017/tistory/2194273 지금 d3에 빠져있다보니 d3가 제일 먼저 보인다. d3의 cloud 레이아웃을 이용해 워드 클라우드를 만들었고 path로 선형 그래프를 만들었다. 기술 수준은 논할게 없고 디자인은 깔끔하니 좋다. d3를 이용해 클라우드 작업도 해봐야겠다. 이쁘다.

● 지진 에너지 그래프 작업 > 들어가는 말1. 소스 코드를 첨부하니 방금 썼던 긴 글까지 모두 날아갔다. 그래서 데이터 파일을 분리하고 다시 글 쓴다.2. 한번 더 정리하면, 지진은 에너지이므로 해당 년월에 발생한 지진 에너지() 그래프를 그릴 경우 어떤 모양일지 보고 싶었다. > 결과 지진발생횟수 및 최대강도 해당월에 발생한 지진 에너지의 총량 비교 > 반성1. 클래스를 도입했다. 복수개의 그래프를 한페이지에 그리며 확장성과 재사용성이 중요해졌기 때문이다.2. 처음에는 좀 짜증났지만 도입하고 나니 소스가 월등이 강력해(?)졌다. Nodejs를 그렇게 팠어도 이제까지 자바스크립트에 클래스를 쓴 적이 없는데 뜬금없이 d3에 클래스를 적용(해야만) 할 줄은 몰랐다. 그리고 리팩토링을 하면서 d3에 대한 이..

● 지진 연도별 발생 횟수 시각화 작업 1차 완료 > 결과 먼저 아래 그래프는 실제 코드로 그린 거다. 마우스를 올리거나 클릭하면 해당 지진 정보를 확인할 수 있다. > 들어가는 말1. 1월 1일을 이것에 몽땅 투자했다ㅋ2. 그래프 하나에 내가 원하는 기능들을 모두 넣어봤다. > 기능 정리 1. 그래프 애니메이션을 넣었다. 왼쪽에서 오른쪽으로 그려진다. 나름 괜찮다.2. 바탕에 가로세로 점선 그리드를 넣었다.3. 지진 규모를 나타내는 원의 크기를 키웠다.4. 각 눈금에 text를 넣었다.5. count line에 영역 색을 칠했다.6. 마우스 롤오버시 가로세로 가이드 선이 나타난다. - 가이드 선은 현재 마우스의 위치가 아닌 해당 지진의 정보를 기준으로 정확하게 가이드한다. - 세로 가이드선과 만나는 라..

● 지진 연도별 발생 횟수 시각화 2(작업중) > 들어가는 말 1. 어제까지 작업한 것 2. 다시 봐도 엉망이다 ㅡ,ㅡ > 실행 1. 눈금과 연도 각 스케일을 모두 맞췄다. 2. 왼쪽 눈금에는 그 달의 지진 발생수, 오른쪽 눈금에는 그 달의 최대 지진 강도를 표시했다. 원의 반지름은 지진 강도와 비례한다. 3. 그래프를 보면 70년대 말, 80년대 초에 강도가 높은 지진들이 꽤 발생했다. 그럼에도 지진의 절대수는 많지 않았다(아마 측정 기계수준이 떨어진 점도 있을 거다) 4. 2013년을 기점으로 지진의 발생수가 확실히 증가하고있다. 5. 하지만 지진횟수가 급격히 늘어난 것에 비해 최대강도의 증감 변화는 작아 보인다. 예전에도 저렇게 강한 지진이 많이 있었는지 몰랐다. 6. 데이터 원본을 보니 북한에서 ..

● 지진 연도별 발생 횟수 시각화 (작업중) > 들어가는 말1. 생각보다 빡시다.2. D3 버전이 v4로 바뀌며 메서드 이름과 방식이 한두가지 바뀐게 아니다. 현재 v4가 적용된 책은 한권도 없다. 어쩔 수 없이 예전 책으로 공부 하다보니 에러가 뜰때마다 구글링하며 잡고 있다.3. 전처리할 게 이리 많을 줄 몰랐다. 전처리에 시간 다 날리고 있다. 아무리 json 형태라도 내가 원하는 값이 딱하니 들어있는게 아니어서 꽤 많은 가공이 필요하다.4. 많이 써보진 않았지만 d3와 파이썬의 여러 시각화 라이브러리는 많이 다른 것 같다. d3는 정말 raw 하다. 날것이다.5. 눈금표 제대로 그리는 것도 만만치 않더라 ㅋ > 실행1. 1978년 8월부터 2017년 12월까지 매월 발생한 지진횟수를 카운트 했다(검..

● 세계주요도시 인구지도 > 자료 준비 1. http://curran.github.io/screencasts/introToD3/examples/viewer/#/94 2. 위 코드는 D3 3.5버전이라 최신 4버전에서 돌아가지 않는다. 메서드 뿐 아니라 많은 것들이 바뀌었다. 3. 그래서 v4로 바꾸고 es6를 적용하며 코드를 익혔다. 4. csv파일을 읽어오기 때문에 서버가 필요하다. 서버는 노드로 띄웠다. 5. csv는 https://github.com/curran/data/tree/gh-pages/geonames 에 있는 cities100000.csv 파일이다. > 코딩 1. 총 4273개의 도시의 인구를 원의 크기로, 경도(longitude)를 X축, 위도(latitude)를 Y축으로 그린다. > ..

● 기상청 지진정보 크롤링 > 들어가는 말 1. 최근 시각화 스터디를 시작했다. 2. 그냥 R&D 하는 건 재미없고 무언가 의미있는 걸 만들어 보고 싶었다. 3. 그런데 이번 포항 지진을 보며 궁금한 것이 있었다. 4. '만약 포항에 지진 강도 7이 발생했다면 서울에서 얼마의 강도가 전해질까?' 였다. 5. 이걸 시각화해보기로 결정했다. > 정보 제공 사이트 1. 기상청 - 아쉬운 건 깊이 정보가 2017년 7월 5일부터 제공된다는 거다. - 메일로 문의해보니 이전 데이터는 제공해줄 수 없단다. 역시 이유는 없다. 역시 최고의 직업은 공무원이다. - http://www.kma.go.kr/weather/earthquake_volcano/domesticlist.jsp 2. 지진연구센터 - 최근에 모든 데이터..

● 우리동네 장애인 주차구역 불법 주차 통계 > 들어가는 말1. 지난 2017년 8월 27일부터 오늘 2017년 11월 6일까지 현재 거주하고 있는 오피스텔의 장애인 주차구역 불법 주차 차량들에 대해 조사했다. 물론 생활불편신고 앱으로 실제 신고하고 '처리'가 완료된 차들로만 정리했다.2. 전체 기간은 약 100일이지만 실제 찍은 날짜는 약 60일 가량이다. 3. 추석 연휴에도 찍지 못했다.4. 거의 대부분 새벽시간에 신고했다. 따라서 신고날짜가 '토요일'로 표시된 것은 사실상 '금요일'에 불법 주차된 차량이다.5. 차량번호는 공개할 수 없어 차 브랜드로 대신했다. > 차량별 신고 건수 (총 66건) 1. 신고를 하며 제일 놀란 것은 '계속 신고'해도 '계속 불법주차'한다는 것이다.2. 위 표는 해당 기..

2008서버에서 IIS도 잘 설치 하셨다면 해당 포트도 열어줘야 접속이 가능하다. (방화벽을 열어줘야 한다.) 1. 제어판 -> 시스템 및 보안-> Windows 방화벽을 클릭하면 오른쪽에 고급설정 버튼이 있다. 클릭! 2. 고급 보안이 포함된 Widows 방화벽 창이 나온다. 여기서 인바운드 규칙, 아웃바운드 규칙을 모두 열어줘야 한다. 들어오는 포트 , 나가는 포트를 열어준다고 생각하면 된다. 3. 인바운드규칙에서의 포트를 열어주는 예를 들어보겠다. 인바운드규칙을 클릭하면 오른쪽에 작업 부분의 "새 규칙..." 요놈을 클릭한다. 4. 새 인바운드 규칙 마법사 창이 뜬다. 단계별로 진행이 된다. 먼저 우리가 허용할 것은 포트이기 때문에 두번째 포트를 선택해주고 다음 버튼을 눌러준다. 5. 두번째 프로토..