/riotapi_react

리액트를 이용한 롤 전적검색

Primary LanguageJavaScript

리액트로 만드는 롤전적검색

계기

-롤전적을 jsp,vue,node,java로 통신해서 만들어서 한번리액트로해보고싶었습니다. -리액트를 학습하면서 부족한javascript실력을 보충하고 학습하는데 목표를두었습니다.

[2021-11-12기준개발현황]

  • 소환사이름을 입력하면 소환사의 kda , 챔피언 , 승패 여부 , 아이템 , 스펠 , 참가자 정보를 가져옵니다.

스크린샷 2021-11-14 오후 11 34 11

스크린샷 2021-11-14 오후 11 35 04

[2021-11-21 기준 개발 현황]

  • 상세보기 버튼 클릭시 , 해당 매치에대한 참여한 10명의 소환사의 게임 정보를 보여줍니다.
  • 스크린샷 2021-11-21 오후 9 24 43
  • 스크린샷 2021-11-21 오후 9 24 55

[2021-11-23 기준 개발 현황]

  • 인게임 정보 구현 (같이 참여하는 소환사의 룬정보 , 프로필아이콘 ,닉네임 ,티어 정보등의 데이터를 보여줍니다.

스크린샷 2021-11-25 오후 8 47 41

[2021-11-24 기준 개발 현황]

  • 매치 상세정보 기능 구현 (해당 소환사가 플레이한 게임의 생성시간 , 같이 참가한 10명 소환사의 정보 ,레벨 , 아이템 , 딜량 , 와드 설치수등의 데이터를 조회하여 렌더링해줍니다.)

스크린샷 2021-11-25 오후 8 48 47

# [2021-11-25 기준 개발 현황] - 해당소환사가 게임이 아닌경우 해당 소환사가 게임중이 아니라는 문구 표기.

스크린샷 2021-11-25 오후 8 50 42

# [2021-11-26 기준 개발 현황] - 해당소환사가 언랭(unranked) 인 경우 , 언랭 이미지를 띄움

스크린샷 2021-11-26 오전 10 03 44