-
글 상세 페이지가 와이드 화면에서 제대로 표시되지 않던 레이아웃 문제
글 상세 페이지의 레이아웃 문제를 최근에 수정했다. 가운데 정렬이 제대로 되지 않고, 1920px 이상의 넓은 해상도에서 충분히 대응하지 못하던 부분을 CSS에서 개선했다.
읽기 → -
글 상세 페이지 레이아웃 정렬해서 읽기 편하게
글 상세 페이지 레이아웃을 손봤다. 콘텐츠를 가운데 정렬하고 최대 폭을 1920px까지 확장했다. 간단해 보이는 변경이지만, 사용자가 긴 글을 읽을 때의 경험이 크게 달라진다.
읽기 → -
넓은 모니터에서 글이 구석에 몰려 있던 레이아웃 버그 수정
Astro 블로그의 포스트 상세 페이지 레이아웃을 다시 손질했다. 가운데 정렬과 1920px 해상도 대응이 제대로 먹지 않아서인데, 이 작업을 하면서 느낀 게 꽤 있어서 남겨본다.
읽기 → -
넓은 화면에서 글 본문 센터링
Post 레이아웃에서 화면 폭이 클 때 본문이 왼쪽으로 쏠려 보이던 문제를 해결했다. 좌우 대칭 그리드 구조를 도입하고 반응형 최대 폭을 설정해 모든 뷰포트에서 균형 잡힌 레이아웃을 만들었다.
읽기 → -
이전 입력값 패널 추가로 재방문 마찰 제거
사용자가 다시 방문했을 때 이전에 입력했던 값을 빠르게 재사용할 수 있도록 로컬스토리지 기반 히스토리 패널을 추가했다. 재방문율을 높이고 입력 과정의 마찰을 줄이려는 의도다.
읽기 → -
게임피케이션으로 재방문율 높이기
사용자 재방문이 얼마나 중요한지는 말할 필요 없다. 한 번 온 사용자가 다시 돌아오지 않으면 아무리 좋은 기능도 소용없다. 이번엔 간단하면서도 효과적인 접근을 택했다: **재방문 배지**와 **오늘의 상위 성장자 위젯**. 시각적 피드백과 사회적 증명(social proof)을 동시에 제공해 재방문을 자연스럽게 유도하는 구조다.
읽기 → -
재방문 사용자가 체감하는 진행 현황을 시각화하기
이번에 리테인션을 개선하기 위해 재방문 사용자를 감지하는 hook을 만들고, 사용자가 보유한 시간을 시각적으로 표시하는 배너 기능을 추가했다. 단순해 보이지만 이 작업을 통해 사용자 경험과 데이터 흐름을 어떻게 연결하는지 다시 생각해볼 수 있었다.
읽기 → -
생일 정보로 재방문 사용자 맞춤 인센티브
첫 방문자의 생일을 localStorage에 저장해두고, 다음에 돌아온 사용자에게 "앞으로 N주 더 이용 가능합니다" 같은 맞춤형 배너를 보여주는 기능을 구현했다. 재방문 유도와 개인화 경험을 한 번에 담은 작은 하지만 효과적인 개선다.
읽기 → -
포스트 읽기 중 다음 콘텐츠 찾기 쉬워졌다
최근 콘텐츠 사이트의 가장 큰 과제 중 하나는 방문자를 어떻게 오래 머물게 하느냐다. 특히 블로그나 긴 글을 다루는 서비스라면, 한 포스트를 다 읽은 후 다음 콘텐츠를 쉽게 찾을 수 있느냐가 retention을 좌우한다. 이번에 포스트 페이지에 4개의 위젯을 한꺼번에 추가해서 이 문제에 직접 대응했다.
읽기 → -
끝까지 읽는 블로그 글을 위한 4가지 위젯
블로그 플랫폼에서 가장 아픈 지표 중 하나는 "이탈률"이다. 유명한 통계처럼 사용자는 긴 글을 끝까지 읽지 않는다. 특히 500줄 이상의 기술 글이나 튜토리얼에서는 더 심하다. 처음 몇 섹션만 스캔하고 나가거나, 중간쯤에서 흥미를 잃는다. 이 문제를 근본적으로 해결할 순 없지만, 사용자가 조금이라도 더 오래 머물게 하고, 다른 글로 자연스럽게 이동하게 하는
읽기 → -
글 완독 후 다음 콘텐츠 발견 경로를 5개 추가
블로그 플랫폼에서 사용자 체류율을 높이기 위해 관련글, 목차, 진행바, 최근본글, 다음글이라는 5개의 새로운 위젯을 Post 레이아웃에 통합했다. 각각의 컴포넌트를 먼저 개별적으로 개발하고, 나중에 Post.astro의 레이아웃에 한 번에 조합하는 방식으로 진행했다.
읽기 → -
읽는 경험 개선하는 네 가지 위젯 추가
콘텐츠 플랫폼에서 사용자가 한 번 방문한 후 다시 돌아오게 만드는 것만큼 중요한 지표는 없다. Retention이 떨어지면 아무리 좋은 글을 쓰고 배포해도 소용이 없기 때문이다. 이번 작업은 그 retention을 높이기 위해 포스트 읽기 경험에 네 가지 위젯을 한 번에 추가한 것이다.
읽기 → -
멀티사이트 모니터링에 전용 로그와 관리자 UI 추가
여러 사이트의 페이지뷰를 중앙에서 모니터링하는 시스템에 kpopdex.com을 추가하면서, 동시에 전용 로그 저장 옵션과 관리자가 사이트 목록을 직접 등록할 수 있는 기능을 구현했다.
읽기 → -
발행 후 검색 엔진 등록 자동화로 수동 작업 제거
지난주에 인덱싱 핑과 팀 알림을 발행 파이프라인과 한 곳에 묶어냈다. 내용 발행 직후 검색 엔진에 자동으로 크롤링을 요청하고, 동시에 Discord에도 현황을 보고하도록 흐름을 통합한 작업이다.
읽기 → -
Discord 콘텐츠 채널 등록 구조 마련
Discord 채널을 JSON 파일로 관리하는 체계를 처음 도입했다. kpopdex 콘텐츠 채널을 등록하면서, 향후 여러 채널을 구조적으로 운영하기 위한 기초를 다졌다는 의미다. 단순한 채널 추가로 보이지만, 이건 팀의 Discord 통합 방식을 정리하는 첫 번째 공식 선언이었다.
읽기 → -
뉴스 발행 진행률을 소스별로 분리 추적하도록 개선
서비스에서 콘텐츠를 정기적으로 발행하는 작업은 단순해 보이지만, 실제로는 여러 데이터 소스에서 동시에 들어오는 정보를 조율해야 한다. 이번에 발행 진행 상황을 추적하는 스크립트를 개선하면서 깨달은 게, 단순히 "전체 진행률"만 보는 것으로는 문제를 빠르게 진단할 수 없다는 점이었다.
읽기 → -
거짓 timeout으로 헷갈리던 slot 체크, 근본 수정
slot-checkup에서 거짓 timeout 판정이 계속 나타나곤 했다. 사용자 입장에선 "뭐가 문제지?" 싶은 상황이 반복되고, 개발팀도 그 원인을 추적하기 쉽지 않았다. 결국 근본 원인을 파악해 수정했고, 그 과정과 교훈을 문서에 남기는 작업을 했다.
읽기 → -
콘텐츠 필터 탈락 후 반복되던 재시도 제거
크롤링해서 발행하려는 글이 필터링 기준(게이트)을 통과하지 못할 땐, 더 이상 재시도할 이유가 없다. 이전엔 이걸 제대로 구분하지 못해 불가능한 글에 대해 계속 재시도하느라 리소스를 낭비하고 있었다. 이번에 그 부분을 걸러내는 로직을 추가해서 불필요한 작업을 줄였다.
읽기 → -
멤버 프로필 자동 정제로 위키 품질 확보
멤버의 프로필 정보(bio)를 자동으로 정제하고 위키 품질을 일관되게 유지하는 시스템을 만들었다. 기존에 수동으로 관리하던 멤버 정보를 enrich_member_bio.py 봇으로 자동화하고, 이를 publish.sh 배포 파이프라인에 통합해서 매 배포 시점에 자동으로 실행되도록 했다.
읽기 → -
타임아웃으로 오인되는 거짓 알림 제거
슬롯 점검 스크립트에서 bash 프로세스가 죽거나 응답 없을 때 무조건 timeout으로 판정하던 버그를 고쳤다. 이제는 프로세스 상태와 무관하게 실제 발행수를 재확인한 뒤 최종 판정한다.
읽기 →