들어가며

안녕하세요. 오토피디아에서 프론트엔드 개발을 하고 있는 유서경입니다. 어느덧 2023년이 끝나가고 한 해를 되돌아보는 시기가 왔습니다. 올해 제가 서비스를 개발하며 가장 중요하게 생각 점은 사용자 데이터를 수집하고 분석한 후 실제 서비스를 개선하는 과정이었습니다. 이번 글에서는 그 중 가장 앞단인 사용자 로그를 안전하게 수집하는 시스템을 설계한 경험을 소개하려 합니다.

문제 상황

기존 방법

노션

프론트에서 구현

해결 방법

방법 1. JSON Schema

source of truth를 어디로 둘 것인가? → 프론트엔드 코드 베이스

• 앱이 개발되었을 때 따로 관리
  • 닥터차 때도 앱, 웹 기능 다른 경우 많았음…
  • 이벤트를 분리해야 하는 경우 유용
  • 이벤트 함께 봐야하면 나중에 불편해질수도?

장점

단점

공유된 JSON Schema

1. TS로 변환

   • 이전에는 하드코딩함

   • Enum까지 함께 생성

2. 마크다운으로 변환 → 렌더링

   • 약간의 CSS
   • Why? 이벤트 문서 버전 관리도 함께!