연유아

개인정보를 처음부터 받지 않는 물품 전달 구조

팬덤 나눔 이벤트에서 배송 정보가 플랫폼 DB에 저장되는 문제에서 출발했습니다. 수령자가 택배를 직접 예약하고 예약번호만 제출하도록 흐름을 재설계해, 이름·주소·전화번호가 서버에 일체 남지 않습니다. CI.ME OAuth 2.0 팬 인증, Redis 1회용 토큰(TTL 5분), 이벤트별 SHA-256+Salt 해시, Fernet AES 암호화, 개인정보 로그 차단 미들웨어를 직접 설계했습니다.

ci.me 라이브 스트리밍 참여 관리 콘솔

채널당 IVS 업스트림 1개를 유지하고 100ms 배치로 다수 클라이언트에 팬아웃하는 WebSocket 릴레이 서버를 직접 구현했습니다. Redis 분산 레이트 리밋(인메모리 폴백), Prometheus 메트릭 20여 개, SIGTERM Graceful Drain, ELK 호환 JSON 구조화 로그, IP SHA-256 해싱을 갖춘 프로덕션 레벨 릴레이 서버입니다.

CI.ME · 위버스 · YouTube Music 멀티플랫폼 팬 인증 시스템

CI.ME OAuth 로그인 후 구독 개월·팔로우 일수·채팅 횟수·배지를 담은 인증서를 발급하고 QR코드로 공유합니다. 재검증 시 JWT 팔로우 날짜와 현재 값을 비교해 계정 변경을 탐지하고, 구독 개월 감소도 검증해 위변조를 잡아냅니다. 각 플랫폼 수집용 유저스크립트 3종과 HMAC 보안 웹훅 엔드포인트도 직접 제작했습니다.

YouTube · 위버스 · CI.ME 멀티플랫폼 Discord 알림 봇

YouTube 업로드·마일스톤 알림, 라이브 채팅 감지, 위버스 공지 알림, CI.ME 채팅 감지를 한 봇에서 처리합니다. API 키 자동 순환으로 할당량 소진에 대응하고, Semaphore + 지수 백오프로 동시성을 제어합니다. matplotlib 차트를 ThreadPoolExecutor로 오프로딩해 이벤트 루프 블로킹을 방지하며, py-cord·discord.py 양쪽에서 동작하는 AutoShardedBot 호환 레이어를 직접 작성했습니다.

위버스 키워드 필터 & 커스텀 카테고리 탭 크롬 확장

커스텀 탭 UI를 React DOM 외부에 fixed로 주입해 리렌더링과 완전 분리했습니다. MutationObserver 콜백이 페인트 전에 실행되는 특성을 활용해, 게시글이 화면에 나타나기 전에 처리해 Flash 없는 필터링을 구현했습니다. DOM 직접 제거 대신 CSS 클래스 방식으로 React 크래시를 방지했습니다.

ci.me 채팅 렌더링 성능 최적화 크롬 확장

content-visibility:auto와 requestIdleCallback으로 채팅 DOM 렌더링을 최적화합니다. 메시지 제거 시 스크롤 높이 차이를 계산해 위치 보정하고, 3단계 언팔로우 확인 모달로 실수 방지 UX를 구현했습니다.