프로젝트 설명
자사 웹사이트 운영을 위해 직접 구축한 관리자 페이지와 방문자 통계 대시보드입니다.
외부 분석 도구는 유입 경로가 뭉뚱그려 집계되고 문의 데이터와 분리되어 있습니다. 어떤 경로로 들어온 방문자가 실제 문의까지 이어지는지 확인하려면 두 데이터가 한 곳에 있어야 한다고 판단해 자체 구축했습니다.
유입 경로는 리퍼러 파싱으로 자동 수집하되 값이 비어 들어오는 소셜 및 메신저 유입은 별도 파라미터로 보완했습니다. 방문자 식별은 세션 기반 익명 아이디를 사용해 개인 정보를 수집하지 않으면서 중복 집계를 차단했습니다.
문의 데이터는 접수부터 처리 상태까지 한 화면에서 관리하며 유입 경로가 함께 기록되어 채널별 실제 성과를 확인할 수 있습니다. 데이터 접근은 행 단위 보안 정책으로 제어했습니다.
Next.js React Supabase PostgreSQL Vercel
기술 스택
React/Next.jsNode.jsPostgreSQLSupabaseVercel
외부 연동
소셜 로그인/인증메신저/알림 연동마케팅/분석 도구 연동SNS/외부 피드 연동SNS 연동 (인스타·페이스북·X 등)