반응형
youtube api와 twitch api을 사용하여 높은 화질의 youtube의 영상과 빠른 반응의 twitch 채팅을 동시에 가져와서 보다 편안한 방송 시청을 하고자 이 프로젝트를 진행하고자 합니다.
Flowchart Maker & Online Diagram Software
Flowchart Maker and Online Diagram Software draw.io is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit d
app.diagrams.net
간단히 다이어 그램을 작성할수 있는 툴을 이용해서 작성하였습니다.
프로젝트 요구사항 파악
- 시청자(이용자)는 회원 비회원으로 구분된다.
- 시청자는 즐겨찾기 등록 방송공지 조회 방송 조회 방송 시청기능을 사용할 수 있다.
- 시청자는 모든 기능을 사용하려면 반드시 로그인을 수행해야한다.
- 방송 공지 조회는 공지 확인 시스템을 통해 조회가 된다.
- 방송 조회는 Live 확인시스템을 통해 조회가 된다.
- 즐겨찾기 등록은 팔로우 검색 시스템을 통해 조회가 된다.
- 비 회원은 회원가입기능을 사용할 수 있다.
UI 설계
OvenApp.io
Oven(오븐)은 HTML5 기반의 무료 웹/앱 프로토타이핑 툴입니다. (카카오 제공)
ovenapp.io
https://ovenapp.io/view/ZZbB2my7Y1unl289aZtYk4lVgn7obvof/FzN7L
UI설계는 간단하게 oven을 활용해서 진행하였습니다.
figma 와 같은 프로그램도 분명 존재하지만 일단 협업을 하는 프로젝트가 아니고 개인으로 하는 프로젝트이기 때문에 최대한 가벼운 툴을 사용하고자 했기 때문에 OvenApp을 선택하게 되었습니다.
프로젝트 활용(할) 기술
| Backend | |
| Java Version | java 17.0.8 2023-07-18 LTS |
| SQL Mapper | 마이바티스 |
| ORM | 하이버네이 |
| Spring | Spring 부트 3.1.5 |
| Spring WEB MVC | |
| Build | Gradle |
| Frontend | Javascript |
| React | |
| Bootstrap | |
| IDE | VScode |
| DataBase | H2(개발시) |
| maria DB |
반응형
'토이프로젝트' 카테고리의 다른 글
| 토이프로젝트 - PIViewer(4) backend (0) | 2023.11.27 |
|---|---|
| 토이프로젝트 - PIViewer(3) (0) | 2023.11.12 |
| 토이프로젝트 - PIViewer(2) (0) | 2023.11.10 |
| Twitch API 간단 사용해보기 (0) | 2023.11.10 |
| youtube API 사용해보기 (0) | 2023.10.30 |