통계로 살펴보는 2019 TOAST UI
2020년 새해가 밝았다. 올 한 해를 계획하기에 앞서, 작년 한 해를 되돌아보는 시간을 가지려고 한다. TOAST UI는 GA(Google Analytics)와 여러 통계 자료를 통해 사용자가 어떤 제품을 많이 사용하는지, 어떤 경로를 통해 브랜드 사이트로 접속하는지 등을 관심 있게 지켜보고 있다. 다양한 통계 수치를 살펴보면서 2019년에 TOAST UI가 얼마나 큰 활약을 했는지 확인해보자.
TOAST UI 제품
2019년에도 TOAST UI는 끊임없이 새로운 소식을 전했다. 더 가볍고 강력해진 TOAST UI Grid 4.0을 배포하고, 자바스크립트 문서화 도구인 TOAST UI Doc을 처음 소개하였다. 또한, TOAST UI Component는 사용량이 적은 몇몇 컴포넌트를 관리하지 않기로 하고 새로운 컴포넌트인 Select Box를 배포하였다. 이렇게 TOAST UI가 많이 변화하는 동안 많은 관심을 받은 한 해였다.
모두의 TOAST UI
FE개발랩은 GA를 통해 TOAST UI를 사용하는 도메인과 사용자 세션의 추이를 확인한다. 2019년에 TOAST UI를 사용한 세션 수와 도메인 수는 아래와 같다.
2019년 그래프에서 재미있는 점은 Editor와 Image Editor의 경우 세션 수와 도메인 수 비율이 극과 극을 달린다는 것이다. 보통 도메인 수와 세션 수가 비례하기 마련인데, 두 제품은 도메인 수 또는 세션 수 한쪽이 압도적으로 많다. Editor와 Image Editor의 사용처를 좀 더 자세히 살펴보니 이유를 알 수 있었는데, 세션 수의 비율이 높은 Editor는 많은 사람이 사용하는 서비스에서, 도메인 수의 비율이 높은 Image Editor는 호스팅 서비스와 같이 여러 도메인을 쓰는 서비스에서 사용하는 패턴을 보였다.
한 달 간격으로 측정한 결과는 보면 이런 패턴을 더 쉽게 확인할 수 있다.
모든 제품의 도메인 수가 1년 새 10배 이상 증가하였고, 그중에서도 특히 Image Editor는 1월 537개이던 도메인 수가 12월에 9,468개로, 무려 17배나 증가했다. 호스팅 서비스가 TOAST UI를 사용한 것으로 확인된 6월(Image Editor)과 8월(Editor)에 전달 대비 2배 이상 증가하였다.
세계 속의 TOAST UI
GA에서는 사용자가 어느 국가에서 접속했는지도 알 수 있는데, 수치를 보면 놀랍다. 한국뿐만 아니라 세계 곳곳에서 TOAST UI를 사용하고 있고, 심지어 대부분의 제품이 한국보다 외국에서 더 많이 쓰인다. 여러분이 알고 있는 모든 나라에서 한 명쯤은 TOAST UI를 써보았다고 할 수 있다.
Image Editor의 경우, 한국이 27번째로 사용자가 많은 국가이다. 대륙으로 따지면 유럽 50%, 아시아 25%, 아메리카 20%, 나머지 5%로 구성되어 있다. 대부분 TOAST UI 제품들이 아시아에서 많이 사용되는 것과는 달리, Image Editor는 유럽 쪽에서 강세를 보였다. Image Editor는 주로 웹 사이트 또는 이메일 템플릿을 만드는 WYSIWYG 도구에서 많이 쓰이는데, 작년 유럽의 WYSIWIG 서비스에서 Image Editor를 많이 사용하기 시작했다. 그 결과, Image Editor는 유럽 사용자가 절반을 차지한다.
이렇게 2019년에 다양한 사람이, 다양한 위치에서, 다양한 서비스로 TOAST UI를 사용하였다.
빛나라 GitHub의 별 ⭐️
오픈 소스의 가치를 GitHub 스타 수로만 판단할 순 없다. 하지만 GitHub 스타 수를 무시할 수 없는 이유는 다른 개발자가 TOAST UI 프로젝트에 얼마나 관심 있는지 알 수 있는 지표가 되기 때문이다. 그리고 이와 별개로, 스타의 개수가 오르면 기분이 좋다. :)
전년 대비 2019년 GitHub 스타 수 변화는 아래와 같다.
| 제품 | 2018년 스타 수 | 2019년 스타 수 | 추이 |
|---|---|---|---|
| TOAST UI Editor | 7,530 | 9,822 | 2,292개, 30% 증가 |
| TOAST UI Calendar | 6,593 | 7,839 | 1,246개, 19% 증가 |
| TOAST UI Chart | 3,947 | 4,410 | 463개, 12% 증가 |
| TOAST UI Image Editor | 1,645 | 2,517 | 872개, 53% 증가 |
| TOAST UI Grid | 556 | 1,216 | 660개, 119% 증가 |
가장 많은 스타를 받은 Editor는 이제 10,000개의 스타를 향해 달려가고 있다. 2년 전 글인 3년 된 오픈소스가 1주일 만에 3,000 GitHub 스타를 받다와 비교하면 정말 놀랍고 감사한 수치이다. Editor 스타 개수는 현재(2020년 1월 29일 기준) 9,913개이고, 9.9k로 표현된다.
Grid는 v4.0에서 0.7KB로 Vue와 같은 반응형 시스템을 만들고, 대용량 데이터에 대한 반응형 시스템의 성능 이슈를 해결하며 크게 개선되었다. 덕분에 1,000개를 넘으며 전년 대비 119% 증가하였다.
앞으로도 GitHub 스타 수에 연연해하지는 않겠지만(...) 스타 하나하나가 TOAST UI 개발자에게 큰 힘이 된다는 것을 알아주면 좋을 것 같다! :)
TOAST UI 브랜드 사이트
FE개발랩에서 개발하고 운영하는 모든 TOAST UI 제품은 브랜드 사이트를 통해 상세한 내용을 확인할 수 있다. 물론, 직접 사용해볼 수도 있다. 이렇게 TOAST UI 제품을 소개하던 브랜드 사이트에도 큰 변화가 있었는데, 바로 FE 가이드와 Weekly Picks이다. 사내로 제한했던 배포 채널을 브랜드 사이트로 확대하였고, 읽을거리가 다채로워진 브랜드 사이트로 많은 개발자가 모여들었다. 그 결과, 작년 브랜드 사이트의 접속자 수는 156,312명, 페이지 뷰는 534,209회를 기록하였다.
Q. 가장 접속자 수가 많았던 날은?
FE 가이드와 Weekly Picks를 공개하던 날, 2,054명이 브랜드 사이트를 접속하였고 8,432회의 페이지 뷰를 기록하였다. 이는 하루 평균과 비교했을 때 접속자는 1.4배, 페이지 뷰는 14.4배나 증가한 수치이다. 이후에도 브랜드 사이트의 접속자가 꾸준히 늘었다. 블로그나 페이스북에서 FE 가이드와 Weekly Picks를 참고하였다는 글을 종종 보는데, 노력을 들여 정리한 만큼 많은 사람에게 도움이 되어 기쁘다.
Q. 가장 인기 있는 FE 가이드 문서는?
성능 최적화 가이드 문서가 2,437회로 FE 가이드 중 가장 많은 페이지 뷰를 달성했다. 프런트엔드는 사용자와 긴밀한 상호작용이 필요한 데다가 웹 애플리케이션의 크기가 커지면서 성능 최적화가 더욱 중요해졌다. FE개발랩에서는 사내뿐만 아니라 TOAST Forward에서 프런트엔드 성능 최적화 교육을 진행했다. TOAST Forward에 참가한 후 실제로 서비스 성능을 개선한 사례도 있었다. 이처럼 많은 프런트엔드 개발자가 서비스를 개선하기 위해 노력하는 만큼 성능 최적화 가이드를 참고한 것으로 생각한다.
Q. 가장 인기 있는 Weekly Pick은?
Vue에서 중첩 데이터를 감시하는 법이 총 2,965회의 페이지 뷰를 기록하여 가장 인기 있는 Weekly Pick이 되었다. 방문자의 98%가 검색 엔진을 통해 들어왔는데, vue 데이터 변경, vue 배열 watch, vuejs watch deep object 등을 검색하였다. 검색어로 추측하건대, 방문자는 대부분 Vue에서 중첩 데이터를 다루다가 문제가 생겨 검색하던 중 이 글을 발견한 게 아닐까 생각한다. 이 글이 Vue와 고된 사투를 벌이던 많은 개발자에게 한 줄기 빛이 되었길 바란다.
맺음말
TOAST UI를 도와준 사람들 🙏
TOAST UI는 2019년에 이렇게 달려왔고 이만큼이나 성장했다. 모든 건 FE개발랩 뿐만 아니라 TOAST UI에 많은 관심을 보여주고 기여해준 컨트리뷰터 덕분이다. TOAST UI에 기여해준 모든 컨트리뷰터에게 감사를 표한다. 2020년에도 TOAST UI는 언제나 여러분의 기여를 기다릴 것이다!
@reyronald @xland @robertfausk @reytarovskiy @ray1007 @mredaelli @kleyu @firefanda @deptno @aidav25 @RomainFrancony @N6REJ @LunaTK @IJMacD @Erkens @ArthurTsvettsih @rodumani @acodeninja @nerversun @mariusa @hwanyoungChoi @frederic34 @powolnymarcel @DoveAz @EndiM @cs09g @dana-c0914 @1ambda @roman-kosov @ryum91 @moonchanyong @kuckjwi0928 @jeiea @saroj990 @xasx @jkeen
2020년 TOAST UI는?
올해 TOAST UI는 어떻게, 얼마나 변하게 될까? FE개발랩에서는 새로운 행사와 TOAST UI의 격변을 계획하고 있다. 이 글을 읽는 여러분에게만 일부 공개하겠다.
- 직접 구현한 마크다운 파서와 모노레포가 적용되어 보다 최적화될 TOAST UI Editor v2.0
- Canvas 기반의 TOAST UI Chart v4.0
- 트리 쉐이킹을 지원하여 번들 사이즈를 최적화될 TOAST UI Calendar v2.0
- 매달 TOAST UI 업데이트 소식을 알릴 TOAST UI Monthly
- TOAST UI Editor 10,000 스타를 기념하여 프런트엔드 개발에 관한 모든 것을 다룰 FE Day(가제)
TOAST UI는 2020년에도 변함없이 달려 나갈 것이다. 혹시 위 계획을 함께해보고 싶은 마음이 들진 않는가? FE개발랩은 언제나 훌륭한 프런트엔드 개발자를 환영한다. NHN 채용 사이트를 통해 지원할 수 있으니 참고 바란다.
올해도 작년처럼 TOAST UI와 함께 여러분의 웹을 Delicious 하게 만들길 바란다. :)