1. React Developer Tools 설치
하단 링크를 통해 크롬에 리액트 개발자 도구를 설치합니다.
React Developer Tools 설치
2. Prodraft 접속
LoL Prodraft Pick Ban Tool를 통해 게임을 생성한 후 팀별 url에 접속합니다.
3. 팀별 밴픽창 접속
팀별 밴픽창 페이지가 열리고, Ready Check를 하지 않은 상태로 진행합니다.
4. 개발자 도구 사용
크롬에서 개발자 도구를 켜고, 상단 우측에 있는 Components
칸으로 이동합니다.
최상단에 있는 t
태그를 클릭해서 선택합니다. 만약에 아무 내용도 없을 경우 아무것도 안해도 됩니다!
5. Console 명령어 입력
개발자 도구 상단 좌측에 있는 Console
칸으로 이동합니다.
콘솔에다가 아래 명령어를 입력하고 엔터키를 쳐서 적용합니다.
function sortChampions (a, b) {
if (a.name < b.name) return -1;
if (a.name > b.name) return 1;
return 0;
};
function sortChampionAll(json) {
return Object.keys(json.data).map(key => json.data[key]).sort(sortChampions)
}
const language = "ko_KR"
fetch(`http://ddragon.leagueoflegends.com/cdn/${$r.state.version}/data/${language}/champion.json`)
.then(res => res.json())
.then(json => {
$r.setState({champions: sortChampionAll(json)}); console.log('done')
})
입력 후 done
이라고 결과가 나오면 정상적으로 적용이 된 것 입니다!
done
이라고 나오지 않으면 새로고침 후 다시 3번
부터 진행해주세요.
6. 즐기기
이제 한글로 볼 수 있고, 검색도 됩니다!