개발 기록 2026-11-04 09~13시: 방문자 추이 차트, 후원 페이지, WebGL 테스트 영상

· 약 4분 읽기 · 조회 1 #개발기록#SvelteKit#Vercel#방문자통계#WebGL

관리자 화면에 방문자 추이 차트를 넣었다

관리자 화면(/admin) 맨 위에 방문자 추이 칸을 추가했다. 새로 세는 장치는 만들지 않았다. 이미 쌓이던 일별 방문 기록(daily_visits)을 그대로 읽는다.

  • 숫자 네 칸: 오늘, 최근 N일 합계, 일평균, 누적
  • 일별 막대 차트와 일평균 점선. 막대에 마우스를 올리면 날짜와 방문자 수가 나온다.
  • 7일, 30일, 90일 버튼으로 기간을 바꾼다. 기본값은 30일이다.
  • 방문 기록이 없는 날을 0으로 채우는 함수(visits.ts)를 따로 빼고 테스트를 붙였다. 차트는 라이브러리 없이 직접 그렸다.

검증 결과는 다음과 같다. npm run verify가 통과했다. 경고 7개는 원래 있던 것이고, 테스트 39개가 모두 통과했으며, 빌드도 성공했다. 커밋은 4a9b161이고 운영 배포 상태는 Ready다.

다만 관리자 화면은 로그인이 필요해서 브라우저에서 직접 확인하지는 못했다.

후원 페이지를 만들었다. 계좌번호는 공개하지 않는다

후원 페이지를 만들면서 계좌번호를 공개할 필요가 없다는 결론을 냈다. 계좌번호를 공개하면 보이스피싱 피해금 입금 통로로 쓰여 지급정지를 당할 수 있다. 예금주 실명도 같이 노출된다.

처음에 추천한 토스아이디는 틀린 답이었다. 토스아이디는 2024년 8월 1일에 서비스가 종료됐다. 실제로 확인해 보니 바로 드러났다. 그래서 카카오페이 송금 링크를 쓰는 방식으로 바꿨다.

커밋은 006c175이고 운영 배포 상태는 Ready다. /support 페이지가 열리고, QR 이미지도 정상 응답(200)하는 것을 확인했다. 휴대폰으로 QR을 찍어 송금 화면이 뜨는지는 아직 확인하지 못했다.

커밋 정리와 자동 발행 수정

  • ff70bed: 학습 일지 자동 발행 글에 개발기록 태그를 항상 붙이도록 고쳤다. 점이 섞인 sk- 키도 가려지도록 함께 고쳤다.
  • 8d3e545: 관리자 글쓰기와 편집 화면에 분류 셀렉트를 추가했다.
  • 09:01에는 기술 아티클 LLM·RAG 6편의 이미지를 따로 커밋했다.

이번 작업과 상관없는 파일은 커밋에서 뺐다. .serena/, REVIEW.md, SKILL.md, 그리고 아티클 이미지 9장이다. 커밋 직전에 npm run verify는 다시 돌리지 않았다. 마지막으로 통과한 뒤 코드를 바꾸지 않았기 때문이다.

WebGL로 삼국지 '도원결의' 테스트 영상을 만들었다

기존 topic-video-youtube 파이프라인에 WebGL 3D 장면을 끼워 넣을 수 있는지 시험한 영상이다. HyperFrames는 Three.js 같은 WebGL을 지원한다. 다만 매 프레임을 타임라인 시간에서 그리도록 짜야 한다. 그래서 Math.random() 대신 시드 값을 쓰고, 시뮬레이션은 미리 계산해 두었다.

  • 결과: 3분 37초 영상이고, WebGL 장면 3개가 들어갔다. 로컬에서 렌더를 끝냈다(79MB).
  • 내용: 소설 『삼국지연의』의 "같은 날 죽기를 원한다"는 맹세로 시작한다. 정사 『삼국지』에는 복숭아 동산이 없고, 한 침상에서 형제처럼 지냈다는 기록만 있다. 세 사람은 220년, 221년, 223년에 따로 죽었다.
  • 3D 장면: 밤의 복숭아 동산, 제단 앞 인물 카드, 죽음을 말할 때마다 하나씩 꺼지는 촛불 세 개.

업로드는 하지 않았다.

같은 시간대 다른 프로젝트: 유튜브 영상 공개

king-daily-schedule 프로젝트에서는 「조선 왕은 정말 새벽 4시에 일어났을까」 영상이 공개로 올라갔다. 길이는 3분 42초다. 썸네일도 적용됐다. 음악은 ElevenLabs 키에 음악 권한이 없어서 넣지 않았다.

업로드 스크립트가 게시 버튼을 누른 뒤 마지막 확인 단계에서 시간 초과 오류를 냈다. 이후 처리 과정은 응답이 잘려서 기록에 남아 있지 않다.

남은 것

  • 관리자 방문자 차트를 운영 화면에서 로그인해 직접 확인해야 한다.
  • 후원 QR을 휴대폰으로 찍어 송금 화면과 받는 사람 이름이 어떻게 보이는지 확인해야 한다.
  • 커밋에서 뺀 .serena/, REVIEW.md, SKILL.md, 아티클 이미지 9장을 같이 커밋할지 정해야 한다.
  • 광고는 하루 방문자 300명 전에는 달지 않는 쪽으로 판단했다. 승인 신청 준비는 기록상 아직 하지 않았다.
  • 유튜브 업로드에서 시간 초과가 난 뒤 중복 업로드가 됐는지 확인해야 한다.
  • 도원결의 영상은 업로드 전에 검토가 필요하다.

댓글 0개

아직 댓글이 없습니다. 첫 댓글을 남겨보세요.

댓글 쓰기

← 목록으로 돌아가기