카메라로 사람을 인식하고 해당 사람의 연령을 추정하여 연령층에 맞게 UI 변형을 제공하고,
해당 연령층의 선호도 데이터를 바탕으로 사용자가 많이 선택한 카테고리를 제공해주는 키오스크 서비스
개발환경 상세 보기
- 프론트엔드: React (Vite 기반 프로젝트 생성)
- 백엔드: Spring Boot (Java 11 이상)
- AI 서버: TensorFlow, OpenCV
- 데이터베이스: MySQL 8.0
- IDE: IntelliJ IDEA (Spring Boot), Visual Studio Code (React, Flask)
- 패키지 매니저: npm (프론트엔드), pip (AI 서버)
- 버전 관리: Git + GitHub/GitLab
- Postman: API 테스트
- Docker: TensorFlow 컨테이너화
- Python: `conda' 사용
운용환경 상세 보기
- AWS EC2 (Ubuntu 20.04 LTS)
- 프론트엔드: React 배포 (Nginx 서버)
- 백엔드: Spring Boot 실행 (Java 11+)
- AI 서버: 서버 실행 (Python + TensorFlow)
- Amazon RDS (MySQL 8.0)
- EC2 보안 그룹:
- Flask (5000번 포트)
- Spring Boot (8080번 포트)
- React (80번 포트)
- DNS:
- Route53로 도메인 설정
- Kakao Pay API:
- 결제 데이터 처리
- Naver Cloud SMS API:
- 사용자 메시지 전송
데모환경 상세 보기
- Lenovo Yoga 6 노트북
- 사양: AMD Ryzen 5/7, 16GB RAM, SSD
- Windows 10/11
- 로컬 네트워크 또는 AWS EC2 서버 접근
- 프론트엔드:
- 로컬 React 서버 실행 (
npm run dev)
- 로컬 React 서버 실행 (
- 백엔드:
- Spring Boot 실행 (
java -jar app.jar)
- Spring Boot 실행 (
- AI 서버:
- Flask 실행 (
python app.py)
- Flask 실행 (
- 데이터베이스:
- 로컬 MySQL 서버 또는 AWS RDS 연결
키오스크 예매하기 프론트/백 API 연동
| 영화 예매 화면 | 영화 불러오기 API |
|---|---|
![]() |
![]() |
| 개발일정 관리 (Github Projects) |
|---|
![]() |
| 이슈 (Github Issues) |
|---|
![]() |
https://overthehump.notion.site/Daily-Scrum-13404a82c20c81299405e3a8f57fa8f2
[ Commit convention ]
feat : 새로운 기능을 추가할 경우
fix : 버그를 고친 경우
!HOTFIX : 급하게 치명적인 버그를 고쳐야할 경우
design : CSS등 사용자 UI 디자인 변경
style : 코드 포맷변경, 세미콜론 누락 -> 코드 수정이 없는 경우
refactor : 코드 리팩토링
comment : 필요한 주석 추가 및 변경
docs : Readme.md와 같은 문서 수정의 경우
test : 테스트 추가, 테스트 리팩토링 (프로덕션코드 수정x)
rename : 파일, 폴더명 변경
Remove : 파일, 폴더 삭제
Chore : 기타
| 최향도 | 김윤승 | 석민정 | 조승연 |
|---|---|---|---|
![]() |
![]() |
![]() |
![]() |
| Leader, AI Engineer | AI Engineer | Back-end Developer, DevOps | Front-end Developer |










