- 관리자 페이지: 사이드바/카드/모달/폼 유리 효과
- 로그인 페이지: 유리 카드 + 강화된 배경 효과
- 비주얼 매퍼: 유리 패널 + 스텝카드
- 공개 페이지(목록/랜딩): 유리 카드 + 애니메이션 그라데이션 배경
- 전체 backdrop-filter blur + 반투명 배경 + 애니메이션 오브
- 페이지 URL 입력 → HTML 프리뷰 표시
- iframe 내 요소 호버 시 하이라이트 + CSS 셀렉터 표시
- 클릭으로 필드 매핑 (컨테이너, 제목, URL, 순위 등)
- 목록/랜딩 2가지 데이터 타입 지원
- 매핑 결과 → parse_rules JSON 자동 생성
- 사이트 저장 + 즉시 크롤링 한번에 처리
- app.js: initScript() 헬퍼로 <script>var __INIT__=데이터</script> 생성
- layout.ejs: <%- ssrData %> 로 body 뒤에 script 태그 삽입
- 모든 페이지에서 첫 로드 시 즉시 데이터 표시 확인 완료
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- 모든 관리자 페이지에서 DB 데이터를 서버에서 직접 HTML에 주입
- __INIT__ 글로벌 변수로 초기 데이터 전달 (fetch 불필요)
- 대시보드/사이트관리/AdSense/도메인/로그/사이트상세 전부 적용
- trust proxy 설정 (Traefik 뒤 동작)
- 저장/삭제/크롤링 등 액션은 여전히 API fetch 사용
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- fetch redirect:manual로 리다이렉트 방지
- 401/리다이렉트 시 로그인 페이지로 이동
- JSON 파싱 실패 시 빈 배열 반환 (빈 목록 방지)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Express.js 기반 관리자 페이지 (사이트/크롤링/AdSense/도메인 관리)
- PostgreSQL 16 + Docker Compose (Traefik 연동)
- 크롤러: axios + cheerio 기반 HTML 파싱
- 스케줄러: node-cron 기반 자동 크롤링
- 공개 사이트: slug/도메인 기반 DB에서 렌더링 HTML 서빙
- 도메인: admin.startover.co.kr
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
chpark