팀원 & 담당파트

컨셉

웹사이트 및 외부 사이트의 접속 데이터를 대시보드로 정리해주는 프로그램

기능

1. 링크생성관리
- 단축 url 생성
- qr코드 단축 생성

2. 클릭 로깅 및 단축 데이터 수집
- IP, Referrer, User-Agent 기반 환경 정보(OS, 브라우저, 디바이스 타입) 수집
- 채널 구분: QR(매체별), 직접 클릭, 외부 리퍼러

3. 대시보드 분석
- 시간대/요일/월별 클릭 분포
- QR vs 링크 유입 비교
- 디바이스/OS/브라우저별 점유율
- 리퍼러별 순위

특장점

1. 링크 & QR 기반 데이터 분석
- 단순 리다이렉트가 아닌 모든 접속 로그(IP, Referrer, User-Agent) 를 기록.
- QR 코드 매체별(포스터, 명함, 배너 등) 트래킹 지원 → 오프라인 캠페인 효과 측정 가능.

2. 세밀한 트래픽 인사이트
- 시간대 / 요일 / 월별 분포를 제공하여 클릭 피크타임 및 주기성 분석.
- 기기, OS, 브라우저별 비율 파악으로 사용자 환경 맞춤 전략 수립 가능.
- 리퍼러 분석으로 주요 유입 경로 파악 및 마케팅 성과 측정.

3. 직관적인 대시보드 UX
- 클릭 몇 번으로 시간·기기·채널별 통계 확인 가능.
- Cha rt.js 기반 시각화로 데이터 인사이트를 한눈에 파악.

4. 확장성과 활용성
- 단축 URL + QR 분석 → 마케팅 캠페인 성과 측정.

사용기술 및 개발환경

[Back ]
- 언어: Java 17
- 프레임워크: Spring
- ORM: MyBatis
- DB: MariaDB/MySQL (click_log, link 테이블)
- 로그 파서: YAUAA (User-Agent 파싱)
- 빌드: Maven
- 서버 실행: 내장 Tomcat

[Front]
- 언어: TypeScript 5
- 프레임워크: React 18
- 번들/개발 서버: Vite 5 (+ vitejs/plugin-react, HMR)
- 스타일: Tailwin CSS 4, DaisyUI 5
- 폼/검증: react-hook-form, hookform/resolvers + Zod
- QR/링크: qrcode.react
- 차트: Re ts
- CSS 빌드: PostSCC, Autoprefixer

[외부 API / 서비스]
- REST API
- API

[개발 및 협업 도구]
- IDE/에디터: Spring Tools Suite (STS), VSCode
- 버전 관리: Git, GitHub
- 환경 관리: Python venv (가상환경)
- 협업 도구: Google Docs (회의록), Slack (소통)
- 테스트: JUnit, Postman, cURL