네이처발란스 콘텐츠·SEO 운영 관제 시스템
P1 브랜드 홈페이지의 운영을 지원하는 콘텐츠·SEO 관제 대시보드입니다.
프로젝트 개요
P1 브랜드 홈페이지의 운영을 지원하는 콘텐츠·SEO 관제 대시보드입니다. 수정요청 접수부터 처리까지의 흐름을 추적하고, 국문·영문 콘텐츠 동기화 상태와 구조화 데이터 유효성을 자동으로 점검합니다. 월별 작업 내역과 검색 유입 현황을 하나의 리포트로 통합해 제공하는 구조를 설계합니다.
작업 범위
- 수정요청 접수·처리 현황 트래킹: 클라이언트가 요청한 콘텐츠 수정 건을 접수부터 완료까지 상태별로 추적하는 관제 보드를 제공합니다
- 다국어 콘텐츠 동기화 상태 모니터링: 국문·영문 페이지의 콘텐츠 변경 이력을 비교해 동기화 누락 여부를 시각적으로 보여줍니다
- SEO·구조화 데이터 헬스체크: 메타태그·캐노니컬·JSON-LD 구조화 데이터의 유효성을 주기적으로 점검하고 이상 항목을 알려줍니다
- 월간 작업 내역·검색 유입 리포트: 월별 처리한 요청 내역과 검색 엔진 유입 현황을 하나의 리포트로 통합해 제공합니다
주요 업무
- 수정요청 접수·처리 현황 트래킹 화면: 요청 상태(대기/진행/완료)를 상태머신으로 관리하고, 처리 지연 건을 자동 감지해 대시보드 상단에 노출하는 구조를 구현합니다
- 다국어 콘텐츠 동기화 상태 모니터링 화면: 필드 단위 diff 비교 로직으로 언어 간 최종 수정 시각·내용 차이를 계산하고, 불일치 페이지를 목록 상단에 표시합니다
- SEO·구조화 데이터 헬스체크 화면: Redis 기반 스케줄 큐로 페이지를 순회하며 구조화 데이터 스키마 유효성을 검사하고, 오류 페이지를 목록화합니다
- 월간 작업 내역·검색 유입 리포트 화면: 작업 이력 테이블과 검색 유입 지표를 월 단위로 집계하는 Materialized View를 구성하고, Recharts로 시각화합니다
프로젝트 핵심 과제
이전 업체의 요청 미반영 이력을 고려해 처리 지연을 자동 감지하고 알림을 발송하는 SLA 추적 로직
국문·영문 콘텐츠 변경 이력을 필드 단위로 비교하여 동기화 누락을 감지하는 diff 알고리즘 설계
구조화 데이터 스키마가 페이지 유형별로 상이해 헬스체크 규칙을 유형별로 분기 처리하는 로직
검색 유입 데이터와 내부 작업 로그를 결합해 월간 리포트를 자동 생성하는 집계 파이프라인 설계
핵심 기능 상세
수정요청 접수·처리 현황 트래킹
클라이언트가 요청한 콘텐츠 수정 건을 접수부터 완료까지 상태별로 추적하는 관제 보드를 제공합니다.
- 요청·처리이력 테이블을 Prisma 스키마로 설계하고 상태 전이 트랜잭션 구현
- 처리 지연 건을 자동 감지해 우선순위 큐에 노출하는 로직 구현
- 요청 유형별(배너/텍스트/SEO 등) 필터와 담당자 배정 UI 구현
요청 접수부터 완료까지 처리 이력을 추적해 지연 건을 자동으로 표면화하는 관제 구조를 구현합니다.
다국어 콘텐츠 동기화 상태 모니터링
국문·영문 페이지의 콘텐츠 변경 이력을 비교해 동기화 누락 여부를 시각적으로 보여줍니다. 필드 단위 diff 비교 로직으로 언어 간 최종 수정 시각·내용 차이를 계산하고, 불일치 페이지를 목록 상단에 표시합니다.
- 언어별 콘텐츠 최종 수정 시각·해시값을 비교하는 diff 엔진 구현
- 불일치 페이지를 우선순위 정렬해 보여주는 동기화 상태 테이블 구현
- 동기화 완료 처리 시 스냅샷을 저장해 이후 비교 기준으로 재사용
국문·영문 콘텐츠의 변경 이력을 비교해 번역 누락·지연을 자동으로 표면화하는 동기화 모니터링 구조를 구현합니다.
SEO·구조화 데이터 헬스체크
메타태그·캐노니컬·JSON-LD 구조화 데이터의 유효성을 주기적으로 점검하고 이상 항목을 알려줍니다.
- Redis 기반 점검 큐로 전체 페이지를 주기적으로 순회하는 워커 구현
- JSON-LD 스키마·메타태그 필수 항목 유효성 검사 규칙 엔진 구현
- 점검 결과를 페이지 유형별(제품/공지/브랜드)로 구분해 표시하는 대시보드 구현
구조화 데이터와 메타태그의 유효성을 자동으로 점검해 SEO 설정 오류를 조기에 표면화하는 헬스체크 구조를 구현합니다.
월간 작업 내역·검색 유입 리포트
월별 처리한 요청 내역과 검색 엔진 유입 현황을 하나의 리포트로 통합해 제공합니다.
- 월별 작업 처리 건수·유형을 집계하는 PostgreSQL Materialized View 구현
- Recharts 기반 검색 유입 추이·작업 내역 차트 6종 구현
- 리포트를 PDF로 내보내는 기능을 jsPDF로 구현
작업 이력과 검색 유입 지표를 월 단위로 결합해 리포트를 자동 생성하는 집계 구조를 구현합니다.
프로젝트 진행 단계
요청 관리 워크플로우 및 DB 스키마 설계 · 2026.09
수정요청 접수·처리 상태(대기/진행/완료) 상태머신 설계, PostgreSQL 요청·이력 테이블 구현
콘텐츠 동기화 상태 추적 백엔드 구현 · 2026.09
국문·영문 콘텐츠 버전 diff 비교 API, Prisma 기반 동기화 상태 테이블 구현
SEO 헬스체크 엔진 및 스케줄러 개발 · 2026.09
메타태그·JSON-LD·캐노니컬 유효성 검사 로직 구현, Redis 기반 주기적 점검 큐 설계
운영 대시보드 UI 및 리포트 시각화 · 2026.09
React 기반 관제 대시보드, Recharts로 검색 유입·작업 내역 리포트 차트 6종 구현
통합 테스트 및 알림 연동 · 2026.09
이상 감지 알림 트리거 테스트, 요청-콘텐츠-SEO 데이터 흐름 통합 검증
주요 성과
기술적 주안점
- 요청 접수부터 완료까지 처리 이력을 추적해 지연 건을 자동으로 표면화하는 관제 구조를 구현합니다
- 국문·영문 콘텐츠의 변경 이력을 비교해 번역 누락·지연을 자동으로 표면화하는 동기화 모니터링 구조를 구현합니다
- 구조화 데이터와 메타태그의 유효성을 자동으로 점검해 SEO 설정 오류를 조기에 표면화하는 헬스체크 구조를 구현합니다
