데모 페이지 전면 리뉴얼과 어드민 버그 수정을 한 세션에

왜 이 두 작업이 같은 밤에 묶였나

새벽 1시에 두 가지 작업을 동시에 진행했다. 표면상으로는 전혀 다른 작업처럼 보인다 — 하나는 마케팅용 데모 페이지 리뉴얼이고, 다른 하나는 어드민 내부 버그 수정이다. 그런데 맥락을 보면 연결고리가 명확하다.

제품을 외부에 보여줄 데모를 정비하면서, 자연스럽게 어드민 실제 동작도 다시 들여다보게 됐다. 데모를 그럴듯하게 만들다 보면 "그럼 실제 어드민은 제대로 동작하고 있나?" 라는 질문이 따라온다. 그 흐름에서 사이트 관리 페이지의 상태 필터 버그를 발견하고 바로 수정했다.

데모 리뉴얼 — 한국어로 다시 쓰고, 4종 어드민을 꺼냈다

이번 데모 작업에서 가장 공을 들인 부분은 한국어 전환과 데모 어드민 4종 구성이다.

각 데모는 독립된 HTML로 구성했고, 메인 랜딩(index.html)에서 iframe 모달로 열리는 구조다. 탭을 새로 띄우는 방식 대신 모달을 택한 이유는 UX 연속성 때문이다 — 사용자가 랜딩을 이탈하지 않고도 데모를 체험하고 바로 CTA로 넘어갈 수 있어야 한다.

한국어 전환도 단순 번역이 아니라 리뉴얼 수준으로 다시 썼다. 카피 자체를 한국 B2B SaaS 맥락에 맞게 다시 잡았고, 앱스토어 연동 섹션도 추가했다. 썸네일(thumbs/admin-booking.jpg)도 새로 교체해서 시각적으로도 일관성을 맞췄다.

iframe 모달 구조 요약:
- 메인 랜딩에서 데모 버튼 클릭
- overlay + iframe 으로 해당 demo/*.html 로드
- 닫기 / ESC 로 모달 dismiss
- 각 데모 HTML 은 독립 실행 가능 (직링크 공유 가능)

어드민 버그 수정 — "마지막 발행" 기준이 틀렸다

데모를 점검하던 중 어드민 사이트 목록 페이지에서 이상한 걸 발견했다. "마지막 발행" 날짜가 예약 발행 혹은 임시저장 상태의 글 날짜를 가져오고 있었다.

의도는 분명하다 — 실제로 퍼블리싱된 가장 최근 글의 날짜를 보여줘야 한다. 그런데 기존 쿼리는 상태 구분 없이 최신 날짜를 가져왔다. 예약 글이나 드래프트가 있으면 마치 "이미 발행된 것처럼" 날짜가 표시됐다.

수정 포인트는 단순했다:

• Before: 상태 무관하게 최신 발행일 조회
• After: status === 'PUBLISHED' 인 것만 필터링해서 날짜 산출

src/app/admin/(protected)/sites/page.tsx 한 파일의 쿼리 조건 수정이었지만, 운영 입장에서는 꽤 중요한 수정이다. 잘못된 날짜를 보고 "이 사이트 최근에 발행했네" 하고 착각하면 콘텐츠 관리 판단이 흐려진다.

회고

새벽 작업치고 범위가 넓었다. 데모 4종 + 랜딩 리뉴얼 + iframe 구조 + 버그 수정이 한 세션에 묶였는데, 억지로 묶은 게 아니라 "제품을 외부에 제대로 보여주자"는 맥락 하나에서 자연스럽게 파생됐다.

데모를 보여줄 준비를 하면서 내부 품질도 같이 점검하게 되는 구조 — 이게 총괄 포지션에서 하는 작업의 전형적인 흐름이다. 마케팅 레이어와 내부 운영 레이어를 동시에 들고 있다 보니, 어느 하나만 건드리고 끝나는 일이 거의 없다.

🛒 이 글과 어울리는 추천 상품

• 사무의자 쿠팡에서 보기 →
• 모니터암 쿠팡에서 보기 →
• 커피머신 쿠팡에서 보기 →

*위 링크는 쿠팡파트너스 활동의 일환이며, 일정액의 수수료를 제공받을 수 있습니다.