https://github.com/doggang/lolwar
리그오브레전드 내전 팀밸런싱용 웹사이트(REACT 사용)
https://github.com/doggang/lolwar
Last synced: about 2 months ago
JSON representation
리그오브레전드 내전 팀밸런싱용 웹사이트(REACT 사용)
- Host: GitHub
- URL: https://github.com/doggang/lolwar
- Owner: doggang
- Created: 2025-02-02T13:45:32.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-03-16T11:52:26.000Z (3 months ago)
- Last Synced: 2025-03-16T12:39:11.560Z (3 months ago)
- Language: JavaScript
- Size: 16.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# LOL team balancing service v1.0
> **소속 : 수도기계화보병사단 통신중대**
**개발기간 : 2025.02.02 ~ 2025.03.19**
## 배포 주소
> **개발 버전** : [https://doggang.github.io/LoLWAR/](https://doggang.github.io/LoLWAR/)
## 웹개발자 소개
| 김도현 |
| --- |
| 
|
| [@DogGang](https://github.com/doggang) |
| 대한민국 육군 중위 |
## 프로젝트 소개
롤 팀밸런싱 서비스는 제목 그대로 팀 밸런스를 맞춰주는 서비스입니다.
친구들과 롤(League of Legends)이라는 게임을 하면서 팀 밸런스가 잘 맞지 않아 실망했던 경험이 많아, 직접 팀 밸런싱을 하여 게임을 더 재미있게 즐기기 위해 이 서비스를 개발했습니다. 롤 팀밸런싱 서비스는 내전 고정멤버들과 신규 멤버들을 추가하여 균형 잡힌 팀을 만들 수 있는 웹사이트입니다.
-----
The LoL Team Balancing Service is exactly what the title suggests - a service that helps balance teams. When playing the game LoL (League of Legends) with friends, I often felt disappointed when the teams weren't balanced well, so I developed this service to balance teams myself and make the game more enjoyable. The LoL Team Balancing Service is a website that allows you to add regular internal match members and new members to create balanced teams.
## 시작 가이드
### Requirements
For building and running the application you need:
- [Node.js v18.8.0.](https://nodejs.org/ko/blog/release/v18.8.0)
- [Npm v8.18.0](https://www.npmjs.com/package/npm/v/8.18.0)
### Installation
``` bash
$ git https://github.com/doggang/LoLWAR.git
$ cd lolwar
```
#### Frontend
```
$ cd lolwar
$ nvm use v.18.8.0
$ npm install
$ npm run dev
```
---
## Stacks 🏍
### Environment
### Config
### Development
---
## 화면 구성 🚀
메인화면
밸런싱 화면
음악 ON/OFF 버튼
소환사 추가
고멤 추가
티어/포인트 변환(커뮤니티 변화)
티어/포인트 변환
---
## 주요 기능 🚢
### ⭐️ 밸런싱 기능
- 플레이어 밸런싱시 Select-option을 사용하여 티어 또는 포인트를 기준으로 바꾸면서 진행할 수 있게 함.
- 음악 ON/OFF 버튼을 이용하여 밸런싱시 더욱 몰입할 수 있게 함.
- 고정멤버들은 고멤 버튼을 이용해서 따로 포인트/티어 설정 없이 추가할 수 있게 함.(고정멤버에 한하여 포인트/티어가 보이지 않게 설정함)
- 신규멤버나 게스트 참여시 소환사 추가 버튼을 이용하여 추가 가능.
- 밸런스 맞추기 버튼 클릭시 각 팀의 포인트 합이 최대한 비슷하게 될 수 있게 함.
---
## 아키텍쳐
### 디렉토리 구조
```bash
├── README.md
├── package-lock.json
├── package.json
├── index.html
├── eslint.config.js
├── bgm.mp3
├── .gitignore
├── src
│ ├── main.jsx
│ ├── App.jsx
│ ├── App.css
│ ├── index.css
│ ├── component
│ │ ├── Pick.jsx (좌측 픽창 부분)
│ │ ├── Community.jsx (우측 커뮤니티창 부분)
│ │ ├── Summoner.jsx (Community.jsx 속 플레이어 Tag)
│ ├── style
│ │ ├── Pick.css
│ │ ├── Community.css
│ │ ├── Summoner.css
│ ├── assets
│ │ ├── RIXGOB.TTF
│ │ ├── RIXGOEB.TTF
│ │ ├── RIXGOL.TTF
│ │ ├── RIXGOM.TTF
│ │ ├── bgimg.jpg
│ │ ├── icon.jpg
│ │ ├── lolicon.png
│ │ ├── rix모던고딕b.ttf
│ │ ├── sumIcon.jpg
│ │ ├── title.png
│ │ ├── 만질때 소리.ogg
│ │ ├── 일반겜 픽.ogg
│ │ ├── 픽잡는소리.ogg
│ │ ├── 픽창소리.ogg
```
### 성능
