newtype
::: newtype의 지식창고 :::
newtype
전체 방문자
오늘
어제
  • 분류 전체보기 (392)
    • Dev (214)
      • C, C++ (43)
      • Go (5)
      • Web (49)
      • DBMS (21)
      • DevOps (8)
      • Java (2)
      • Windows, Win32 (4)
      • Visual Basic (5)
      • C# (2)
      • Mobile (25)
      • SQL CE (7)
      • Google Map (6)
      • Python (2)
      • cygwin (2)
      • 기타 (32)
      • Ruby (1)
    • 명언 (10)
    • 모임 (18)
      • 붕주회 (3)
      • 신흥컴정 (14)
      • 웹20기 (1)
    • 사진 (8)
    • 불펌 (29)
    • 막글 (98)
    • 게임 (6)
    • 여행 (8)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
  • 관리

공지사항

  • whoami
05-15 12:38
hELLO · Designed By 정상우.
newtype

::: newtype의 지식창고 :::

카카오톡 그룹 채팅방 통계
Dev/Web

카카오톡 그룹 채팅방 통계

2013. 12. 17. 11:35

개요

카카오톡의 기능 중에 "대화내용 이메일로 보내기"라는 기능이 있습니다.

이 기능을 사용하면, 대화 내용이 포함된 Text파일이 생성되는데, 이 Text 파일을 사용해서 누가 몇건의 챗팅을 보냈는지 통계를 내는 Web 페이지를 만들어봤습니다.

HTML과 Javascript로만 구현되어 있어서, 웹서버 없이 Local에서도 실행이 가능 합니다.

기능

  1. 웹 브라우져를 열어 아래 URL로 이동 합니다.
  • http://host.newtype.pe.kr/KakaoTalkCounter/?sorts[count]=-1
  1. 페이지를 열면 아래와 같이 나옵니다. 버튼을 클릭해 Text 파일을 선택합니다.
  1. Table 형태로 누가 몇건의 챗팅을 했는지 보여줍니다.
  1. Pie Chart 로도 내용을 보여줍니다.

구현방법

  1. Text 파일의 파싱은 정규식을 이용해 Javascript로 구현 했습니다. 아래 함수를 거치면, [ 대화명: 건수, 대화명: 건수.... ] 형태로 계산됩니다.
  function parsing(c) {
    var lines = c.split("\n");
    var arr = {};

    for(i in lines) {
      var obj=lines[i].match(/^.+, ([^:]+) :.*/);
      if ( obj && obj.length >= 2 ) {
        if ( arr[obj[1]] >= 0 ) arr[obj[1]] += 1;
        else arr[obj[1]] = 1;
      }
    };

    return arr;
  }
  1. Table은 Dynatable.js 을 이용했습니다.
  • ( http://www.dynatable.com/ )
  1. Char는 highcharts.js를 이용했습니다.
  • ( http://www.highcharts.com/ )

History

  • 2013.12.17 최초작성
  • 2019.02.20 동작 안되던 것 수정. URL 수정
반응형
저작자표시 (새창열림)

'Dev > Web' 카테고리의 다른 글

Code Finder  (0) 2017.05.25
FAQ html 템플릿  (0) 2015.08.28
Web Notepad  (0) 2013.12.05
Javascript로 만드는 CVS 로그 파서.  (0) 2013.06.07
IOS 토글 버튼  (0) 2012.12.17
    'Dev/Web' 카테고리의 다른 글
    • Code Finder
    • FAQ html 템플릿
    • Web Notepad
    • Javascript로 만드는 CVS 로그 파서.
    newtype
    newtype
    지극히 개인적인 지식의 창고

    티스토리툴바