코리아IT아카데미 프로젝트
LINGBO
- 과정명
- 프롬프트AI& API&공공데이터를 활용한 웹앱개발자 양성과정
- 발표일
- 2025-09-30
- 담당강사
- 최우영
팀원 & 담당파트
- ♡ 김정민
- - BE-코어 담당 (Backend Core & Redirect 담당)
- ♡ 황이슬
- - QA/품질 담당 (Test & Privacy 담당)
- ♡ 류지헌
- - FE-대시보드 담당 (Analytics Dashboard 담당)
- ♡ 류승원
- - FE-관리/생성 담당 (Link Creator & UI 담당)
컨셉
웹사이트 및 외부 사이트의 접속 데이터를 대시보드로 정리해주는 프로그램
기능
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
- LINGBO
- 대전지점
- 프롬프트AI& API&공공데이터를 활용한 웹앱개발자 양성과정
간편하게 관심있는 일반/국비지원 과정 수강료 알아보세요!
최신 업데이트가 완료된 컴퓨터 시설
-
2019 강남캠퍼스
3년 인증 우수
훈련기관 선정 -
2020 신촌캠퍼스
5년 인증 우수
훈련기관 선정 -
2021 대구캠퍼스
5년 인증 우수
훈련기관 선정 -
2022 강남캠퍼스
5년 인증 우수
훈련기관 선정 -
2021 강남캠퍼스
훈련 이수자 평가
A등급 획득 -
2022 신촌캠퍼스
훈련 이수자 평가
A등급 획득 -
2024 대전캠퍼스
훈련 이수자 평가
A등급 획득 -
9년 연속
대한민국 교육브랜드 대상
정보보안·IT 교육 -
4년 연속
대한민국 브랜드스타 대상
학원교육서비스 -
8년 연속
올해의 브랜드 대상
취업교육서비스 -
4년 연속
퍼스트브랜드 대상
취업교육서비스