개요
카카오톡의 기능 중에 "대화내용 이메일로 보내기"라는 기능이 있습니다.
이 기능을 사용하면, 대화 내용이 포함된 Text파일이 생성되는데, 이 Text 파일을 사용해서 누가 몇건의 챗팅을 보냈는지 통계를 내는 Web 페이지를 만들어봤습니다.
HTML과 Javascript로만 구현되어 있어서, 웹서버 없이 Local에서도 실행이 가능 합니다.
기능
- 웹 브라우져를 열어 아래 URL로 이동 합니다.
- 페이지를 열면 아래와 같이 나옵니다. 버튼을 클릭해 Text 파일을 선택합니다.
- Table 형태로 누가 몇건의 챗팅을 했는지 보여줍니다.
- Pie Chart 로도 내용을 보여줍니다.
구현방법
- 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;
}
- Table은 Dynatable.js 을 이용했습니다.
- Char는 highcharts.js를 이용했습니다.
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 |