DevFest Pangyo 2019 정원사들 출석부 만들기

1. 정원사들 (일일커밋, TIL 모임)
출석체크 만들기
김준호, 잉여코더
@junho85

2. 저는요
개발자 in 판교

3. 정원사들?

4. Github에 커밋 하면
초록색이 채워짐
초록색은
잔디
잔디심는 사람은
정원사

5. TIL
Today I Learned

6. 혼자보다 정원사들

7. 혼자 할때 2015년
그래도 작심 6일은 했
...

8. 정원사들에 참여하고 나
서
Before
After

9. 지식공유회(지식나눔)
친목(네트워킹)
혼자 보다 정원사

10. 지식공유회
잔디콘
https://jandi-gardening.github.io/

12. 일일커밋 하면 뭐가 좋을까
?

13. 눈에 보이는 결과물
성취감

14. 나의 지식 사
전
쉽고 빠른 검색
CMD + F
내가 만드는 노하우

15. 응용
gitbook

16. Github 보고 연
락 드립니다. 책
한번 써보실레
요?DevFest 발표 기회
좋은 일이 생길거야
~

17. 정원사들 시즌4
2019.10.01 시작

18. 꾸준히 하려면 역시
출석 체크
벌금도 정산해야죠
(한번 빠지면 1,000원
)

19. 출석 체크
어떻게 할까?

20. 후보
Project100 Slack

21. Slack 에서 합시다

22. Slack Github 봇
연동하면
push 메시지를
받을 수 있음

23. 어떻게 출석 체크를 할 수 있을까?
Slack 에 쌓인 메시지로

24. Slack 에 들어온
메시지 시간으로
출석 체크

25. Slack 메시지 시간을 보
고
구글 시트에
한땀한땀...

26. 인증시간은 다음날 새벽 4시 까지라 날짜만으로는 어려움시간도 추가

27. @_@
눈이 팽팽 돌아간드아

28. 인간이 할 일이 아님
좀 더 쉽게 출석 정보를 수집하
려면?펭귄도 그렇게 안한
다

29. Slack API 로 메시지를
모을 수 있음
https://api.slack.com/methods/channels.history주의: 한번에 최대 1000개 메시지 조회 가능

30. Python 으로 하면 겁나 쉬움
$ pip install slackclient
$ python
>>> import slack
>>> client = slack.WebClient(token="xoxp-...")
>>> response = client.channels_history(channel="CNPL...", count=1)
>>> print(response)
{'ok': True, 'messages': [{'bot_id': 'BNGD110UR', 'type': 'message',
'text': '', 'user': 'UNR1ZN80N', 'ts': '1572770390.091000', 'team':
'TNMAF3TT2', 'bot_profile': {'id': 'BNGD110UR', 'deleted': False,
'name': 'GitHub', 'updated': 1569307567, 'app_id': 'A8GBNUWU8', 'icons':
...
코드 네줄로 slack 메시지 가져오기

31. 날짜별 출석 인정 되는 내역을 불러오
자2019-10-24
2019-10-25 2019-10-25 12:33:31.063000
2019-10-26 2019-10-27 00:35:39.067000
2019-10-27 2019-10-27 23:03:44.070000
2019-10-28
2019-10-29 2019-10-29 10:40:50.075000
2019-10-30
2019-10-31 2019-10-31 10:50:22.080000
2019-11-01 2019-11-01 11:48:52.086000
2019-11-02 2019-11-02 23:53:08.089000
출석 인정 시간은
0시~28시 (다음날 새벽4시)

32. CSV 로 만들면 구글시트에 붙여 넣기 수월
함2019-10-25 00:24:10.062000,2019-10-25 18:17:03.063000,2019-10-26
14:12:32.066000,2019-10-27 03:17:31.068000,2019-10-28
23:31:08.074000,2019-10-29 12:17:41.075000,2019-10-30
20:43:30.079000,2019-10-31 17:08:05.083000,2019-11-01
23:57:53.087000,2019-11-02 20:40:37.089000,
2019-10-24 23:07:18.061000,2019-10-25 23:34:16.065000,2019-10-26
23:24:22.067000,2019-10-27 23:01:33.069000,2019-10-28
22:13:02.073000,2019-10-29 23:14:24.076000,2019-10-30
23:38:02.079000,2019-10-31 22:33:24.084000,2019-11-01
23:26:02.087000,2019-11-02 23:47:24.089000,
,,,,2019-10-28 16:16:47.071000,,2019-10-30 16:47:12.078000,,,,
2019-10-24 16:00:44.057000,2019-10-25 22:57:28.064000,,2019-10-27
07:10:02.068000,2019-10-28 13:13:55.071000,2019-10-30
01:35:40.077000,2019-10-31 02:05:26.080000,2019-11-01
01:24:24.085000,2019-11-01 17:13:41.086000,2019-11-02
23:27:29.089000,
2019-10-24 23:08:54.061000,2019-10-26 00:13:44.065000,,2019-10-28
02:55:48.070000,,2019-10-29 16:38:13.075000,,2019-10-31
22:06:57.084000,2019-11-02 01:54:08.088000,2019-11-03
01:12:11.089000,
2019-10-24 07:57:00.056000,2019-10-25 23:37:57.065000,,2019-10-27
20:40:18.069000,2019-10-28 08:07:05.071000,2019-10-29
21:48:24.076000,2019-10-30 07:47:03.078000,,2019-11-01
20:10:44.086000,,
,2019-10-25 12:33:31.063000,2019-10-27 00:35:39.067000,2019-10-27
23:03:44.070000,,2019-10-29 10:40:50.075000,,2019-10-31
10:50:22.080000,2019-11-01 11:48:52.086000,2019-11-02
23:53:08.089000,
,,,,,,,,,,

33. Slack API 매번 호출하려니 느리다
호출량에는 제한이 있다
조회된 데이터를 DB 에 넣자

34. MariaDB 에 넣으려니
Slack Message 파싱해서 넣기 귀찮
MongoDB 에 넣자
{'ok': True, 'messages':
[{'bot_id': 'BNGD110UR',
'type': 'message', 'text':
'', 'user': 'UNR1ZN80N',
'ts': '1572770390.091000',
'team': 'TNMAF3TT2',
'bot_profile': {'id':
'BNGD110UR', 'deleted':
False, 'name': 'GitHub',
'updated': 1569307567,
'app_id': 'A8GBNUWU8',
'icons': ...

35. MongoDB 세팅
$ docker run --name mymongo -p 127.0.0.1:27017:27017 -d mongo
# garden db, slack_messages collection 을 만들고 ts 를 unique index 겁니다
$ mongo --host localhost
> use garden
> db.createCollection("slack_messages")
> db.slack_messages.createIndex({ts:1}, {unique: true})
Docker 를 쓰면 간단 하게 설치 가능

36. DB 에 넣는 거도 참 간단
response = self.slack_client.channels_history(channel=self.channel_id)
mongo_collection = db.get_collection("slack_message")
for message in response["messages"]:
# 검색편의를 위해 datetime 으로 변환
message["ts_for_db"] = datetime.fromtimestamp(float(message["ts"]))
mongo_collection.insert_one(message)

37. 다들 출석은 잘 하고 있나?
눈으로 보고 싶다

38. 데이터 시각화 with Google Sheet
개인별/날짜별 출석률
나의 순위

39. 그래프도 추가
출석률이 떨어진다아아...

40. 언제까지 손으로 출석부를 작성할 것인
가
귀찮귀찮...
조금 편해졌지만
여전히 구글 시트로 옮기는건 수동

41. 귀찮을땐
자동화

42. 그냥 웹사이트로 만들자
Google sheet api 이용할까?
더 많은 기능 제공 가능

43. Python 으로 하고 있었으니

44. 버전1
정원사들 리스트와
특정 날짜의 출석부 확인

45. 버전2. 그냥 전체 출석부를 보여주자

46. 정원사들의 요구사항

47. 간단히 순위 구현
GDD
Gardener Driven Development

48. 구글 시트에서 그렸던 차트는?

49. Google chart API 로 간단히 추가

50. 출석률을 높이려면? 알람을 보내자
매일 밤 10시 미출자를 부른다

51. 진행률? 전체 출석
률?

52. 오늘 출석부?

53. 주말에 출석률이 떨어지네요? 요일별 출석
률은?

54. 몇시에 출석을 많이 하나요?

55. 개인화 기능이 있다면
좀 더 관심을 갖지 않을까?

56. 개인별 커밋 내역
모아 보기

57. Slack Markdown 은
Github Markdown 과 다름 $ pip install python-markdown-slack
message = markdown.markdown(message,
extensions=[PythonMarkdownSlack()])*<https://github.com/junho85/TIL/compare/346f8733efe4...33
da42459485|1 new commit> pushed to
<https://github.com/junho85/TIL/tree/master|`master`>*
<https://github.com/junho85/TIL/commit/33da4245948542cb584
6369d982d7949360659ca|`33da4245`> - react - add event on
child
<p><strong><a
href="https://github.com/junho85/TIL/compare/346f8733efe4...3
3da42459485">1 new commit</a> pushed to <a
href="https://github.com/junho85/TIL/tree/master"><code>maste
r</code></a></strong>
<a
href="https://github.com/junho85/TIL/commit/33da4245948542cb5
846369d982d7949360659ca"><code>33da4245</code></a> - react -
add event on child</p>
하지만 python 이라면...

58. 개인별 출석부

59. - 자주 등장하는 단어 빈도수
- 커밋 메시지 검색
- 커밋 분량이 많은 사람?
- 프론트엔드 개편 React
- 재미있는 기능들… (대선cg, 토토)
- ...
아직 못다한 기능들과 GDD(Gardener Driven
Development)

60. - Slack Github 봇을 이용하면 출석 자동화 가능
- Slack API 이용하면 Slack Message 쉽게 수집 가능
- Python 이용하면 더 간편
- Docker 이용하면 DB 쉽게 세팅 가능
- 데이터 시각화로 현황 파악
- GDD - Gardener Driven Development
- PDD - Presentation Driven Development
정리

61. 소스코드
https://github.com/junho85/garden4
PR 환영

62. End of Document