-
북마크·탭·홈 화면에서 통일된 브랜드 이미지 구현
사이트 파비콘을 드디어 적용했다. 언뜻 간단해 보이는 작업이지만, 해보니 생각보다 많은 포맷과 고려사항이 있었다. 무엇보다 이 "작은" 기능이 사용자가 매일 만나는 인터페이스 곳곳에 나타난다는 게 흥미로웠다.
읽기 → -
모든 플랫폼에 일관된 파비콘 적용
사이트의 파비콘을 여러 형식과 크기로 정비했다. 단순한 이미지 교체처럼 보이지만, 사용자가 만나는 첫 인상을 어떤 기기에서든 일관되게 제공한다는 점에서 생각보다 중요한 작업이었다.
읽기 → -
섹션 더보기 링크 색상 진하게 조정해 접근성 기준 충족
섹션 더보기 링크의 색상을 gold-deep으로 조정해 WCAG AA 접근성 기준을 충족하도록 했다. 기존 gold 색상은 흰 배경 위에서 명도 대비가 부족했는데, 이번 수정으로 시각장애나 저시력을 가진 사용자도 링크를 충분히 식별할 수 있게 됐다.
읽기 → -
카드 버튼과 생성기 안내문, 색상 대비 AA 준수로 마무리
카드 버튼과 생성기 안내문의 색상 대비를 WCAG AA 표준으로 맞추는 작업을 마쳤다. 간단한 색상 조정처럼 보이지만, 사실 시각 장애 또는 약시 사용자들이 우리 서비스를 정상적으로 이용할 수 있게 하는 접근성 개선이다.
읽기 → -
푸터와 생성기 버튼 색상 대비 개선
이번 작업은 접근성(a11y) 관점에서 색상 대비를 개선한 것이다. 푸터의 상담전화와 저작권 텍스트, 그리고 생성기 페이지의 버튼들이 시각적 대비 기준을 충족하지 못하고 있었다. 특히 밝은 배경과 약한 색상 조합이 저시력 사용자나 특정 환경(밝은 햇빛 아래)에서 가독성 문제를 일으킬 수 있다는 점에서 우선순위를 높였다.
읽기 → -
저대비 카드 텍스트, 색상 토큰 개선으로 접근성 기준 충족
어느 날 오후 디자인 리뷰에서 한 팀원이 "카드 날짜가 잘 안 보인다"고 지적했다. 내 모니터에서는 충분히 보였지만, 밝은 화면이나 다른 각도에서 보니 문제가 명확했다. 접근성 검사 도구를 돌려보니 예상대로 WCAG AA 기준을 만족하지 못하고 있었다. "또 다른 색상 튜닝인가" 싶기도 했지만, 우리 팀에서 약속한 접근성 지표를 지키는 것도 중요했고, 사용
읽기 → -
메타 태그 언어 누수 제거, 다중사이트 i18n 잘못된 가정을 고치며
다중 사이트를 운영할 때, 각 사이트별 기본 언어와 지역화 전략이 다르면 언뜻 작아 보이는 메타 태그 하나도 예상 밖의 곳에서 터진다. 이번 작업은 그런 "누수"를 잡는 일이었다.
읽기 → -
다크 테마 히어로 텍스트 명도 수정
생성기 페이지의 히어로 섹션에서 텍스트가 배경에 묻혀 보이지 않는 문제를 고쳤다. 다크보드 배경에 차콜 글자가 대조를 이루지 못하는 것이 원인이었는데, 라이트 텍스트로 변경하고 불필요한 이모지까지 정리했다.
읽기 → -
운영 가이드에 함정 3개를 추가하다
어느 정도 규모 있는 시스템을 운영하다 보면, 팀원들이 반복해서 같은 곳에서 헤매는 지점들이 생긴다. 사소해 보이지만 진단 과정을 몇 배로 길게 만드는 함정들 말이다. 이번엔 그런 함정 3개를 공식 운영 문서(hedvion-CLAUDE.md)에 정리했다. 각 항목이 왜 함정이 되는지, 어떻게 구분하고 진단하는지를 중심으로 남겼다.
읽기 → -
stale 문서로 반복되던 팀 온보딩 오류 정정
외부 API 문서가 실제 구현과 맞지 않아 팀 온보딩 때마다 같은 오류를 반복하는 것을 발견했고, CLAUDE.md에 반영된 정보를 최신으로 정정하는 작업을 했다.
읽기 → -
온보딩 문서의 법무 정책 갭, 실제로는 커뮤니케이션 부족이었다
처음엔 간단해 보였다. 새 사이트를 론칭할 때마다 온보딩 문서를 쓰고, 개발팀·운영팀·법무팀이 다 읽으면 끝. 그럼 다음 팀원이나 신입도 같은 순서로 따라가면 된다고 생각했다. 실제로는 그렇지 않았다.
읽기 → -
당첨번호 강조하고 밝은 가족톤으로 로또 UI 전면 개선
로또 서비스를 완전히 새로운 옷으로 갈아입혔다. 기존의 딱딱하고 어두운 "AI팜룩"에서 벗어나 라이트한 가족톤으로 전체 디자인을 재구성했다.
읽기 → -
라이브 스트림 폴링 전략을 바꾸며 API 비용을 절감하다
vtuber 라이브 스트림 데이터를 추적하는 작업에서 매달 API 비용이 계속 증가하고 있었다. 150명의 vtuber 명단을 실시간으로 모니터링해야 했는데, 기존 폴링 방식을 재검토할 필요가 있었다. Holodex 라는 vtuber 정보 서비스의 API를 사용하고 있었는데, quota 사용량이 8,500에서 3,500으로 줄어들 수 있는 지점을 찾았고,
읽기 → -
무료 API로 VTuber 라이브 상태 자동화
라이브 스트리밍 콘텐츠 추적 시스템에서 **라이브 상태 정보**는 핵심이다. 누가 지금 방송 중인지, 언제 시작했는지를 정확히 알아야 사용자에게 적절한 타이밍에 콘텐츠를 전달할 수 있다. 이번 작업에서는 Holodex API를 통해 시간 단위로 라이브 상태를 갱신하는 방식을 문서화했다. 비용 0으로.
읽기 → -
렌더링 대량 백필을 4배 단축
렌더링 작업의 백필을 처리할 때, sleep 시간을 동적으로 조절할 수 있는 --fast 플래그를 추가했다. 1회성 대량 작업에서는 sleep을 0.7~1.5초로 단축해서 처리 시간을 크게 줄이고, 반복 실행되는 cron 작업에서는 기본값 3~5초를 그대로 유지해서 시스템 부하를 균형 있게 관리하는 구조다.
읽기 → -
아이콘 라이선스 기준 명확화
프로젝트 공식 지침에 아이콘 사용 정책을 추가했다. 상업용 무료 오픈소스 SVG만 사용하고, AI 생성 아이콘은 금지한다는 내용이다. 개발 가이드 문서 한 항목이 추가된 것이지만, 뒤에는 여러 고민과 판단이 들어가 있다.
읽기 → -
팀 전체 아이콘 라이선스 이슈 정책화
팀 규모가 커지면서 각 사이트나 서비스마다 디자인 요소를 선택하는 방식이 제각각이 되곤 한다. 그중 가장 간단해 보이지만 실제로는 복잡한 부분이 **아이콘 선택**이었다. 누군가는 유료 라이센스 아이콘을 썼고, 누군가는 AI로 생성한 아이콘을 사용했고, 누군가는 적절한 라이선스를 확인하지 않은 채 인터넷에서 무작정 가져다 썼다. 개별 팀원들이 "이 정도면
읽기 → -
라이브 방송 상태 자동 폴링
라이브 방송 정보를 주기적으로 자동 갱신하고, 진행 중인 방송이 없을 때 사용자에게 보여주는 안내 문구를 더 명확하게 개선했다. 백엔드의 동기화 로직과 프론트엔드의 UI 텍스트를 함께 손봐야 했던 작업이었다.
읽기 → -
문서 지침이 구식 배포법을 남기고 있었다
docs/hedvion-CLAUDE.md 에서 서버 배포 프로세스 관련 항목을 손봤다. 기존 기록에선 scp/no-git 이라고 명시되어 있었는데, 실제로는 이미 3단계 git 동기화 방식으로 운영되고 있었다. 문서가 현실을 따라가지 못한 전형적인 케이스다.
읽기 → -
낡은 지침 문서를 정산해서 팀 신뢰 되찾기
팀이 자라면서 문서는 자동으로 낡는다. 새 기술 스택이 들어오고, 배포 흐름이 바뀌고, 팀원이 늘어도 가이드는 그 자리에 남아있다가 언젠가 "이거 아직 유효한 거 맞나?" 같은 의심을 사게 된다. 이번에 CLAUDE.md 를 정산하면서 그 느낌을 강하게 받았다.
읽기 →