https://github.com/gaki2/tft-utils
전략적 팀 전투 유틸
https://github.com/gaki2/tft-utils
league-of-legends lolchess team-fight-tatics tft
Last synced: 5 months ago
JSON representation
전략적 팀 전투 유틸
- Host: GitHub
- URL: https://github.com/gaki2/tft-utils
- Owner: gaki2
- License: mit
- Created: 2023-08-17T11:31:56.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-12-18T04:53:32.000Z (about 2 years ago)
- Last Synced: 2024-10-30T00:33:53.920Z (about 1 year ago)
- Topics: league-of-legends, lolchess, team-fight-tatics, tft
- Language: TypeScript
- Homepage: https://www.tftutils.com
- Size: 8.75 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# 롤토체스 유틸
*TFT Utils*
# Installation
```
$ npm i tft-utils
```
# About
롤토체스 유틸은 롤토체스 전적 사이트나 공략 사이트를 만들기 위해 필요한 컴포넌트들을 제공하는 라이브러리입니다.
# Usage
### Board 컴포넌트 (배치툴)
```tsx
const App = () => {
const champions = [
{
position: {row: 0, col: 0},
champion: 'Sona',
main: true,
},
{
position: {row: 0, col: 1},
champion: 'Riven',
},
];
return (
// Board10 은 시즌10 전용 배치툴을 의미합니다. (시즌 11이 나올경우 Board11 컴포넌트가 만들어짐.)
);
};
```
### Badge 컴포넌트 (챔피언, 아이템, 특성, 증강)
```tsx
const App = () => {
return (
<>
>
);
};
```
# 시즌, 언어 지원
*Season Support*
`season10`
*Language Support*
`en` `ko`
# Peer Dependencies
react, react-dom, styled-components
롤토체스 유틸 라이브러리는 내부적으로 react, react-dom, styled-components 를 사용합니다.
따라서 사용하고자 하는 프로젝트에 위 세개의 라이브러리를 설치해야 정상적으로 작동합니다.
```
"peerDependencies": {
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
"styled-components": ">=5"
}
```
# Bug
이슈를 만들어주시거나 메일로 문의해주세요.