본문 바로가기
내일배움 과제/CH4-2

Riot API - 챔피언 이름과 이미지 파싱

by GREEN나무 2024. 12. 24.
728x90

 

// 1. 라이엇에 모든 챔피언에 대한 정보를 요청하여, 챔피언 상세정보 조회를 위한 parameter 뽑기.
const riotResponse = await axios(`https://ddragon.leagueoflegends.com/cdn/${version}.1/data/ko_KR/champion.json`)
const riotChampList = Object.keys(riotResponse.data.data)
 
// 2. 챔피언 상세정보 조회 parameter로 챔피언 상세정보 요청
for (let i = 0; i < riotChampList.length; i++) {
const champName = riotChampList[i]
const originData = await axios(`https://ddragon.leagueoflegends.com/cdn/${version}.1/data/ko_KR/champion/${champName}.json`)

// 3. 이미지 파일 데이터 요청을 위한 paramter 뽑기
const champCommonImgKey = originData.data.data[`${champName}`].image.full
const champMainImgKey = `${champName}_0`

// 4. 챔피언 기본 이미지 요청 url에 챔피언 이미지 paramter를 삽입하여 요청.
const champCommonImgData = await axios({ url: `http://ddragon.leagueoflegends.com/cdn/${version}.1/img/champion/${champCommonImgKey}`, responseType: 'arraybuffer' })
const champMainImgData = await axios({ url: `http://ddragon.leagueoflegends.com/cdn/img/champion/loading/${champMainImgKey}.jpg`, responseType: 'arraybuffer' })

// 5. 챔피언 이미지별 buffer 데이터
const champCommonImg = champCommonImgData.data
const champMainImg = champMainImgData.data
}

cf.

 

 

 

 

 

 

 

https://coldpresso.tistory.com/1

'내일배움 과제 > CH4-2' 카테고리의 다른 글

듀오후기 API  (0) 2024.12.24
챔피언즈 테이블 체우기  (0) 2024.12.24
환경설정  (0) 2024.12.24
롤 API 사용해 테이블 만들기  (0) 2024.12.23
12월 23일 회의  (1) 2024.12.23