개발
코드 / 아키텍처 / 디버깅
-
당첨번호 강조하고 밝은 가족톤으로 로또 UI 전면 개선
로또 서비스를 완전히 새로운 옷으로 갈아입혔다. 기존의 딱딱하고 어두운 "AI팜룩"에서 벗어나 라이트한 가족톤으로 전체 디자인을 재구성했다.
읽기 → -
라이브 방송 상태 자동 폴링
라이브 방송 정보를 주기적으로 자동 갱신하고, 진행 중인 방송이 없을 때 사용자에게 보여주는 안내 문구를 더 명확하게 개선했다. 백엔드의 동기화 로직과 프론트엔드의 UI 텍스트를 함께 손봐야 했던 작업이었다.
읽기 → -
낡은 지침 문서를 정산해서 팀 신뢰 되찾기
팀이 자라면서 문서는 자동으로 낡는다. 새 기술 스택이 들어오고, 배포 흐름이 바뀌고, 팀원이 늘어도 가이드는 그 자리에 남아있다가 언젠가 "이거 아직 유효한 거 맞나?" 같은 의심을 사게 된다. 이번에 CLAUDE.md 를 정산하면서 그 느낌을 강하게 받았다.
읽기 → -
피규어 검색 추가로 무한스크롤 제대로 작동시키기
피규어 덱스 홈 화면의 무한스크롤이 제대로 작동 안 되던 문제를 검색창 추가와 동시에 데이터 로딩 방식을 바꿔서 해결했다. 단순 기능 추가가 아니라, 근본적인 설계 문제를 짚고 넘어가던 작업이었다.
읽기 → -
모바일 비교보드 카드 정렬
비교보드의 모바일 뷰에서 카드 셀 정렬이 제대로 되지 않고, 난이도 뱃지가 화면 밖으로 튀어나가던 문제를 잡았다. CSS와 레이아웃 컴포넌트를 조정해서 제한된 모바일 화면 내에서 콘텐츠가 안정적으로 정렬되도록 고쳤다.
읽기 → -
홈 비교 화면 완전히 다시 만든 이유
보험 홈의 비교 보드를 거의 처음부터 다시 설계했다. 단순히 색깔을 바꾸거나 레이아웃을 약간 조정하는 수준이 아니었다. 메트릭 아이콘을 SVG로 마이그레이션하면서, 함께 컴포넌트 구조를 정리하고 스타일 시스템을 개선하는 대규모 작업이었다.
읽기 → -
브랜드 전환 후 남겨진 구형 표기와 파일 참조 정리
브랜드 전환 작업을 진행하면서, 메인 흐름은 완료했지만 놓친 부분들이 있었다. favicon 파일 참조와 정책/소개 페이지에 남겨진 구형 표기명(HEDVION)을 한 번에 정리한 커밋이다.
읽기 → -
정책 페이지 전면 개편해 브랜드 정체성 통일
HEDVION 표기를 VTuber Profile로 전환하고, 정책·약관·저작권 페이지 전체에 걸쳐 일관된 브랜드 정체성을 다시 심었다. 한두 파일의 텍스트 수정처럼 보이지만, 실은 사용자가 마주하는 첫 인상부터 마지막 신뢰도까지를 다시 설계하는 작업이었다.
읽기 → -
브랜드명 통일 리팩토링, 생각보다 복잡했던 이유
최근에 서비스 브랜드를 'KPOP by HEDVION'에서 'KPOPdex'로 전환하는 리팩토링을 진행했다. 겉보기에는 텍스트 교체 작업처럼 보이지만, 실제로는 사용자 접점과 시스템 일관성을 다시 정의하는 과정이었다.
읽기 → -
AI팜 인상 벗겨낸 보험 UI 신뢰감 개선
보험 서비스를 다루면서 한 가지 깨달은 게 있다. 사용자들이 결제나 약관 동의 같은 중요한 결정을 할 때, 그 UI가 얼마나 "진정성 있게" 보이는가가 생각보다 큰 영향을 미친다는 것. 최근 insurance 섹션 전면 리뉴얼을 진행하면서 이 점을 다시 확인했다.
읽기 → -
다국어 페이지 라우팅과 배포 환경 표준화
법인 서비스 영역에서 다국어 지원을 위한 동적 라우팅을 추가하고, 동시에 Prisma ORM의 Linux 엔진을 명시적으로 동봉했다. 언뜻 보기엔 라우팅이 하나, 빌드 설정이 하나—두 개의 독립적 작업으로 보이지만, 사실 팀이 성장하면서 맞닥뜨리는 공통 문제를 푼 결과다.
읽기 → -
검색 엔진 크롤링 누락을 일으키던 사이트맵 제출 방식 개선
Google 검색 콘솔(GSC) 자동 제출 로직에서 3개 DEX 사이트의 사이트맵을 잘못 제출하고 있었다. sitemap-index 방식으로 제출하면서 실제 콘텐츠 페이지들이 검색 엔진 크롤러에게서 "고아" 상태가 되는 버그였는데, 이걸 /sitemap.xml 단일 사이트맵 방식으로 교정했다.
읽기 → -
검색 노출 누수 막은 사이트맵 정정, 고아버그는 기록하다
이번 주 문서 정정은 작아 보였지만 꽤 중요한 작업들이었다. blindboxdex 의 GSC 사이트맵을 손본 것과 3dex 의 고아버그를 기록한 일인데, 둘 다 "크리티컬 버그는 아니지만 방치하면 팀 전체에 누적되는 작은 부채"를 처리하는 것이었다.
읽기 → -
GSC 사이트맵 경로 혼동으로 크롤링 누락되던 버그
CLAUDE.md를 수정해서 GSC(Google Search Console) 사이트맵 경로를 명확히 했다. sitemap-index 콘텐츠에서 orphan(고아) 상태로 방치되던 버그를 문서에 기록해 팀 내 자동화 도구나 향후 SEO 관리에서 같은 실수가 반복되지 않도록 했다.
읽기 → -
모바일에서 로그인 폼이 화면을 벗어나던 문제 해결
이번엔 모바일 환경에서 로그인 카드가 화면을 벗어나는 오버플로우 현상을 고쳤다. 430px 이하의 작은 화면에서 발생하는 이슈였는데, 원인은 생각보다 단순하지만 해결 방식은 여러 가지를 고민해야 할 부분이었다.
읽기 → -
정책 페이지 다국어 링크 404 문제 고친 이야기
정책 페이지(약관, 개인정보처리방침, 저작권, 연락처, About, 정책) 6종에 다국어 라우트를 추가했다. /de/terms, /fr/privacy 같은 언어별 URL이 404로 떨어지던 걸 해결한 작업이다.
읽기 → -
공개 데이터 불일치 매일 감시
공개 API나 공개 데이터 세트에서 제공하는 정보와 시스템의 실제 상태가 점점 벗어나는 문제를 "드리프트(drift)"라고 부른다. 외부 사용자 입장에서는 우리가 제공한 리스트가 곧 "신뢰할 수 있는 진실"인데, 그게 실제와 맞지 않는 순간 신뢰도가 떨어진다. 이번 작업은 그 드리프트를 매일 자동으로 감시하고, 문제가 생기면 즉시 팀에게 알리는 체계를 만드
읽기 → -
매거진 스타일로 재정의한 블로그 디자인
블로그 UI를 처음부터 다시 만들었다. 지금까지 '라이프스타일 블로그' 톤의 가벼운 느낌을 벗고, '에디토리얼 매거진' 느낌으로 통일하는 작업이었다. 헤더부터 포스트 카드, 전체 레이아웃까지 손을 댔기 때문에 꽤 큰 변경이었는데, 왜 이 작업을 진행했고 어떤 식으로 접근했는지 정리해본다.
읽기 → -
리뉴얼 CSS가 유저에게 안 보이던 캐시 문제 해결
리뉴얼된 CSS를 배포했는데, 유저들의 브라우저에는 여전히 구 버전 스타일이 떠 있었다. 원인은 Cloudflare의 7일 immutable 캐시였다. 캐시버스터를 추가해 무효화했다.
읽기 → -
검색 우선 공공포털 UI로 서비스 신뢰도 개선
전면적인 디자인 리뉴얼 작업을 마쳤다. 그동안 콘텐츠 팜처럼 보였던 UI를 벗어나, 검색을 중심에 놓고 공공기관 포털처럼 깔끔하고 신뢰도 높은 인상으로 다시 설계했다.
읽기 →